Es pot ser propens a l'addicció si els teus pares van ser addictes en alguna època de la seva vida?
S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> siteMeta.get(0) [in template "76121110924137#32361#NEW_FICHA_VIDEO" at line 133, column 20]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if siteMeta?? && siteMeta.get(0).idi... [in template "76121110924137#32361#NEW_FICHA_VIDEO" at line 133, column 1]
----
1<#assign DDMStructureService = serviceLocator.findService("com.liferay.dynamic.data.mapping.service.DDMStructureService")><#-- get services -->
2<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/>
3<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
4<#assign assetVocabularyLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService") />
5<#assign UtilsService = serviceLocator.findService("com.educaixa.common.service.EduCaixaCommonService")/>
6<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
7<#assign dLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") />
8<#assign valoracionesDisplay = serviceLocator.findService("com.educaixa.services.service.RatingStatsLocalService")/>
9<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/>
10<#assign language = themeDisplay.getLocale()/>
11<#assign groupId = themeDisplay.getScopeGroupId()/>
12<#assign restultsLiteral = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.resultados") />
13<#assign recurso = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso") />
14<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()>
15<#assign httpServletRequest = serviceContext.getRequest() />
16<#assign UserBookmarkLocalService = serviceLocator.findService("com.educaixa.services.service.UserBookmarkLocalService") />
17
18<#-- get the content categories -->
19<#assign article = journalArticleLocalService.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) />
20<#assign asset = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", article.resourcePrimKey) />
21
22<#-- get the results URL and valoration value-->
23<#assign results_url = "${themeDisplay.getPortalURL()}/${locale.getLanguage()}${restultsLiteral}?q=" />
24<#assign valoracionesDisplayAverage = 0/>
25<#assign valoracionesTotalEntries = 0/>
26<#if valoracionesDisplay.fetchByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) ??>
27 <#assign valoracionesDisplayValue = valoracionesDisplay.findByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) />
28 <#assign valoracionesDisplayAverage = valoracionesDisplayValue.getAverageGlobalScore() />
29 <#assign valoracionesTotalEntries = valoracionesDisplayValue.getTotalEntries() />
30</#if>
31
32<#assign journalArticleId = .vars['reserved-article-id'].data/>
33<#assign userId =themeDisplay.getUserId()/>
34<#assign isUserBookmark = UserBookmarkLocalService.isUserBookmark(themeDisplay.getCompanyId(),userId,journalArticleId,groupId)/>
35
36<#-- Resource type -->
37<#assign resourceType = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.video") />
38<#assign imgType = "/o/educaixa-theme/images/video-icon.png">
39
40<#-- Escape title text -->
41<#assign titleEscaped = "" />
42<#if titulo.getData()??>
43 <#assign titleEscaped = titulo.getData()?replace('<p>','','r')/>
44 <#assign titleEscaped = titleEscaped?replace('</p>','','r')/>
45 <#assign titleEscaped = titleEscaped?replace('<div>','','r')/>
46 <#assign titleEscaped = titleEscaped?replace('</div>','','r')/>
47 <#assign titleEscaped = titleEscaped?replace('<h1>','','r')/>
48 <#assign titleEscaped = titleEscaped?replace('</h1>','','r')/>
49</#if>
50
51<#assign subtituloEscaped = "" />
52<#if subtitulo.getData()??>
53 <#assign subtituloEscaped = subtitulo.getData() />
54 <#assign subtituloEscaped = subtituloEscaped?replace('<p>','','r')/>
55 <#assign subtituloEscaped = subtituloEscaped?replace('</p>','','r')/>
56</#if>
57
58<#-- get image alt -->
59<#if image_alt?? && image_alt.getData()?? && image_alt.getData() != "">
60 <#assign altImage = image_alt.getData() />
61<#else>
62 <#assign altImage = titleEscaped />
63</#if>
64
65<#-- get image banner -->
66<#if imagenficha ?? && imagenficha.getData() ?? && imagenficha.getData() != "">
67 <#assign imageSrc = imagenficha.getData() />
68<#else>
69 <#assign imageSrc = "/o/educaixa-theme/images/blured-lights-recursos.png" />
70</#if>
71
72
73<#assign nivel_educativo_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Nivel educativo").getVocabularyId() />
74<#assign area_conocimiento_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Área de conocimiento").getVocabularyId() />
75<#assign competencias_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Competencias clave").getVocabularyId() />
76<#assign ods_cat_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "ODS").getVocabularyId() />
77<#assign metodologia_cat_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Metodologia").getVocabularyId() />
78<#assign competencias_docente_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Competencia Digital Docente").getVocabularyId() />
79<#assign idiomas_vocabularyId = assetVocabularyLocalService.getGroupVocabulary(groupId, "Idiomas disponibles").getVocabularyId() />
80
81<#assign language = themeDisplay.getLocale()/>
82<#assign nivel_educativo = [] />
83<#assign area_conocimiento = [] />
84<#assign competencias = []>
85<#assign objectius = []>
86<#assign ods_cat = []>
87<#assign metodologia_cat = []>
88<#assign competencias_docente = []>
89<#assign idiomas = []>
90
91<#list asset.getCategories() as cur_category>
92 <#if cur_category.vocabularyId == nivel_educativo_vocabularyId>
93 <#assign nivel_educativo = nivel_educativo + [cur_category.getTitle(language)]>
94 <#elseif cur_category.vocabularyId == area_conocimiento_vocabularyId>
95 <#assign area_conocimiento = area_conocimiento + [cur_category.getTitle(language)]>
96 <#elseif cur_category.vocabularyId == competencias_vocabularyId>
97 <#assign competencias = competencias + [cur_category.getTitle(language)]>
98 <#elseif cur_category.vocabularyId == ods_cat_vocabularyId>
99 <#assign ods_cat = ods_cat + [cur_category.getDescription(language)]>
100 <#elseif cur_category.vocabularyId == metodologia_cat_vocabularyId>
101 <#assign metodologia_cat = metodologia_cat + [cur_category.getTitle(language)]>
102 <#elseif cur_category.vocabularyId == competencias_docente_vocabularyId>
103 <#assign competencias_docente = competencias_docente + [cur_category.getTitle(language)]>
104 <#elseif cur_category.vocabularyId == idiomas_vocabularyId>
105 <#assign idiomas = idiomas + [cur_category.getTitle(language)]>
106 </#if>
107</#list>
108
109<#--
110<#assign videoid = linkTxt.externalLink.getData()?replace('https://img.youtube.com/vi/','','r')/>
111<#assign videoid = videoid?replace('/hqdefault.jpg','','r')/>
112-->
113
114<#assign thesaurusCategories = UtilsService.getThesaurusCategories(asset) />
115<#assign tagsCategories = UtilsService.getTagsCategories(asset) />
116<#assign categories = thesaurusCategories + tagsCategories />
117
118<#-- Login -->
119<#assign is_signed_in = themeDisplay.isSignedIn()/>
120<#assign plid = portalUtil.getPlidFromPortletId(themeDisplay.getScopeGroupId(), "EducaixaMyeducaixaLogin") />
121<#assign loginURL = portletURLFactory.create(httpServletRequest, "EducaixaMyeducaixaLogin", plid, "RENDER_PHASE") />
122
123${loginURL.setParameter("mvcPath", "/login_modal.jsp")}
124${loginURL.setWindowState("POP_UP")}
125
126<#if docprincipal.getData()??>
127 <#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal.getData(), themeDisplay) />
128</#if>
129
130<#-- Idioma -->
131<#assign idiomaResourceText ="" />
132<#assign idiomaText ="" />
133<#if siteMeta?? && siteMeta.get(0).idioma?has_content>
134 <#assign idioma = siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'') />
135 <#if language=="es_ES" >
136 <#if idioma?index_of("Catalan")!=-1 >
137 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "es_ES", "com.educaixa.lang.ca") />
138 <#assign idiomaResourceText = "("+idiomaText+")" />
139 <#elseif idioma?index_of("Ingles")!=-1>
140 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "es_ES", "com.educaixa.lang.en") />
141 <#assign idiomaResourceText = "("+idiomaText+")" />
142 <#else>
143 <#assign idiomaText = idioma />
144 <#assign idiomaResourceText = "("+idiomaText+")" />
145 </#if>
146
147 <#else>
148 <#if idioma?index_of("Catalan")!=-1 >
149 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.ca") />
150 <#assign idiomaResourceText = "("+idiomaText+")" />
151 <#elseif idioma?index_of("Ingles")!=-1>
152 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.en") />
153 <#assign idiomaResourceText = "("+idiomaText+")" />
154 <#else>
155 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.es") />
156 <#assign idiomaResourceText = "("+idiomaText+")" />
157 </#if>
158
159
160 </#if>
161
162</#if>
163
164
165 <link rel="stylesheet" href="/o/educaixa-theme/css/recursos.css">
166
167
168
169
170
171 <div id="edc-modal" class="edc-modal" style="display:none;">
172 <div class="edc-modal-overlay"></div>
173 <div class="edc-content">
174 <div class="edc-close-content w-100 df fe pr zi-2">
175 <p class="close-edc-popup"></p>
176 </div>
177 <#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != "">
178 <div class="pr zi-2">
179 <iframe id="yt-modal" src="https://www.youtube-nocookie.com/embed/${siteMeta.get(0).brightcove_id}?rel=0" width="900px" height="458px" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0' referrerpolicy="strict-origin-when-cross-origin"></iframe>
180 </div>
181 </#if>
182 <svg class="bottom-popup" xmlns="http://www.w3.org/2000/svg" width="557" height="270" viewBox="0 0 557 270" fill="none">
183 <path d="M83.2767 93.8275C29.9792 20.7618 11.789 3.16086 -1 0L-0.997723 272H556.96C558.249 270.004 528.443 273.698 451.079 239.56C370.776 204.125 322.892 227.582 274.71 222.092C226.528 216.602 149.899 185.16 83.2767 93.8275Z" fill="#F7FCFF"/>
184 </svg>
185
186 <svg class="top-popup" xmlns="http://www.w3.org/2000/svg" width="556" height="304" viewBox="0 0 556 304" fill="none">
187 <path d="M556 304C550.668 234.379 565.563 163.407 506.336 87.3435C432.301 -7.73595 311.378 3.17483 257.835 -2.54032L242.665 -2.54032C192.617 2.21304 134.556 49.1 53.6224 15.6443C27.2318 4.73512 12.9801 -0.994246 5.94291 -3.75602C0.780857 -5.4911 -4.33926 -7.7913 5.94291 -3.75602C8.75718 -2.8101 11.5838 -2.03215 11.9341 -2.54033L242.665 -2.54032C247.8 -3.02808 252.852 -3.07221 257.835 -2.54032L556 -2.54031L556 304Z" fill="#F7FCFF"/>
188 </svg>
189
190 </div>
191 </div>
192
193 <#-- -->
194
195 <div class="dg grid-2 w-100 mh-325 center-content m-grid-1 pr zi-0">
196 <div class="w-100 dib h-100 mh-325 pl-64 pr-64 pt-48 pb-48 t-p-32 m-p-16">
197 <#if resourceType != "">
198 <#--
199 <#if siteMeta?? && siteMeta.get(0).idioma?has_content>
200 <#assign idioma = "("+siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'')+")" />
201 </#if>
202 <p class="dib c-primary bg-primary-200 br-21 font-14 font-500 pl-18 pr-18 pt-4px pb-4px">${resourceType} ${idioma}</p> -->
203 <p class="dib c-primary bg-primary-200 br-21 font-14 font-500 pl-18 pr-18 pt-4px pb-4px">${resourceType} ${idiomaResourceText}</p>
204 </#if>
205 <#if titulo?has_content>
206 <h1 class="mt-24 mb-24 font-42 font-500">${titleEscaped}</h1>
207 </#if>
208
209 <div class="df mb-24 star-${valoracionesDisplayAverage} valoraciones-header">
210
211 <#if valoracionesDisplayAverage?floor lt valoracionesDisplayAverage>
212
213 <#list 0..valoracionesDisplayAverage?floor-1 as i>
214
215 <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i>
216 </#list>
217 <i class="fa fa-star-half-o rating-color mr-4px" aria-hidden="true"></i>
218
219 <#if valoracionesDisplayAverage?floor + 1 lt 5>
220 <#list valoracionesDisplayAverage?floor+1..4 as x>
221 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
222 </#list>
223
224 </#if>
225
226 <#else>
227
228 <#if valoracionesDisplayAverage == 0>
229 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
230 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
231 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
232 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
233 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
234 <#else>
235
236 <#list 0..valoracionesDisplayAverage-1 as i>
237 <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i>
238 </#list>
239
240
241 <#if valoracionesDisplayAverage + 1 lt 5>
242 <#list valoracionesDisplayAverage+1..4 as x>
243 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
244 </#list>
245
246 </#if>
247
248 </#if>
249
250 </#if>
251
252
253
254
255 <#-- <div class="star mr-4px"></div>
256 <div class="star mr-4px"></div>
257 <div class="star mr-4px"></div>
258 <div class="star mr-4px"></div>
259 <div class="star"></div> -->
260
261 <p class="resource-stats ml-12 mr-12 font-16 font-500 fb">${valoracionesDisplayAverage}/5</p>
262 <p class="separator-vertical db w-1 h-24 bg-gray-primary"></p>
263 <p class="fb ml-12 font-16 font-500 ">
264 <a class="link-comentarios tu" href="javascript:void(0);" onclick="navegarAElemento('comentariosViewList');">${valoracionesTotalEntries} ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.comentarios")}</a></p>
265
266
267 </div>
268
269 <button class="btn-educaixa btn-video-youtube btn-desktop" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>
270 </div>
271 <div class="w-100 pr df fdc h-100 mh-325 m-ps m-p-16">
272
273 <#-- -->
274 <div class="bookmark bookmark-header">
275 <#if is_signed_in>
276 <#if isUserBookmark>
277 <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>
278 <#else>
279 <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button>
280 </#if>
281 <#else>
282 <button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button>
283 </#if>
284 </div>
285 <#-- -->
286 <div class="m-pr">
287 <img src="http://img.youtube.com/vi/${siteMeta.get(0).brightcove_id}/0.jpg" alt="youtube-img" class="w-100 h-100 pa t0 l0 z-0 of-c zi-1 ofcov m-ps m-h-auto " >
288 <a href="javascript:void(0)" class="btn-video-youtube trigger pa w-100 h-100 t0 l0 df jc-c ai-c zi-2">
289 <svg viewBox="0 0 26 26" style="fill:white;width:83px">
290 <polygon class="play-btn__svg" points="9.33 6.69 9.33 19.39 19.3 13.04 9.33 6.69"/>
291 <path class="play-btn__svg" d="M26,13A13,13,0,1,1,13,0,13,13,0,0,1,26,13ZM13,2.18A10.89,10.89,0,1,0,23.84,13.06,10.89,10.89,0,0,0,13,2.18Z"/>
292 </svg>
293
294 </a>
295 </div>
296 <button class="btn-educaixa btn-video-youtube btn-mobile w-100 mt-24" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>
297 </div>
298 </div>
299
300 <div class="dg grid-6 cg-24 center-content pt-48 pb-48 pl-64 pr-64 m-p-24-16 m-cg-16">
301
302 <#if nivel_educativo?size != 0 >
303 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
304 <div class="ico square-38 br-4 bg-primary-200 nivel-edc"></div>
305 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.nivel.educativo")}</p>
306
307 <ul class="p0 lsn font-16 font-450">
308 <#list nivel_educativo as item>
309 <li class="mb-12">${item}</li>
310 </#list>
311 </ul>
312 </div>
313 </#if>
314
315
316 <#if area_conocimiento?size != 0 >
317 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
318 <div class="ico square-38 br-4 bg-primary-200 area-c"></div>
319 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.area.conocimiento")}</p>
320 <ul class="p0 lsn font-16 font-450">
321 <#list area_conocimiento as item>
322 <li class="mb-12">${item}</li>
323 </#list>
324 </ul>
325 </div>
326 </#if>
327
328 <#if area_conocimiento?size != 0 && competencias?size gt 0>
329
330 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
331 <div class="ico square-38 br-4 bg-primary-200 ficha-c"></div>
332 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</p>
333 <ul class="p0 lsn font-16 font-450">
334 <#list competencias as item>
335 <li class="mb-12">${item}</li>
336 </#list>
337 </ul>
338 </div>
339 </#if>
340
341 <#if siteMeta?? && siteMeta.get(0).idioma?has_content>
342 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
343 <div class="ico square-38 br-4 bg-primary-200 idioma-ic"></div>
344 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</p>
345 <ul class="p0 lsn font-16 font-450">
346 <li class="mb-12">${idiomaText} </li>
347 </ul>
348 </div>
349 </#if>
350
351 <#if siteMeta?? && siteMeta.get(0).duracion?has_content>
352 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
353 <div class="ico square-38 br-4 bg-primary-200 duration-ic"></div>
354 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.duracion")}</p>
355 <ul class="p0 lsn font-16 font-450">
356
357 <li class="mb-12">${siteMeta.get(0).duracion}</li>
358 </ul>
359 </div>
360 </#if>
361
362
363 <#if metodologia_cat?size != 0 >
364 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
365 <div class="ico square-38 br-4 bg-primary-200 metodologia-ico mti"></div>
366 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.metodologia")}</p>
367
368 <ul class="p0 lsn font-16 font-450">
369 <#list metodologia_cat as item>
370 <li class="mb-12">${item}</li>
371 </#list>
372 </ul>
373 </div>
374 </#if>
375 <#--
376 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
377 <div class="ico square-38 br-4 bg-primary-200 tipo-rec"></div>
378 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FILTROS.SECTION.RECURSO")}</p>
379 <ul class="p0 lsn font-16 font-450">
380
381 <li class="mb-12">${resourceType}</li>
382 </ul>
383 </div>
384 -->
385 </div>
386
387
388 <#-- -->
389
390 <div id="bookmark-text" class="bookmark-text bg-primary-300 color-white pr df aic m-p-24-16">
391 <div class="center-content zi-1 w-100 pr">
392 <div class="pa l0 t0 w-100 h-100 zi-2 pa df jcc aic bg-primary-300">
393 <svg class="bg-bookmark" xmlns="http://www.w3.org/2000/svg" width="1440" height="209" viewBox="0 0 1440 209" fill="none">
394 <path d="M965.733 119.536C1278.73 85.5482 1184.77 10.7364 1173.81 0.000872016L1440 0V209H-1.91681C-10.5728 178.392 652.734 153.525 965.733 119.536Z" fill="#0090CD"/>
395 </svg>
396 </div>
397 <div class="pr zi-3">
398
399 <div class="bookmark-text-content df w-100 sb">
400 <div class="col-lf c-white">
401
402 <h2 class="font-32 mb-12">
403 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.no.tienes.tiempo")}
404 </h2>
405
406 <#if is_signed_in>
407 <p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description")}</p>
408 <button class="btn-educaixa-inverse" id="bookmark" onClick="gestionarBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark bookmarked">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.guardar")}</button>
409 <#else>
410 <p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description.guest")}</p>
411 <button class="btn-educaixa-inverse" id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.autenticarse")}</button>
412 </#if>
413 </div>
414 <div class="col-rig">
415 <img src="/o/educaixa-theme/images/recursos/mas-tarde.svg" />
416 </div>
417 </div>
418 </div>
419 </div>
420 </div>
421
422
423
424 <#if introduccion?has_content && introduccion.getData()!="">
425
426 <div class="detalle-recurso-content mt-48">
427 <div class="center-content-1000">
428 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</h2>
429 ${introduccion.getData()}
430 </div>
431 </div>
432 </#if>
433 <#if competencias_docente?size != 0 >
434 <div class="detalle-recurso-content mt-48 section-competencias">
435 <div class="center-content-1000">
436 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias.digitales.docente")}</h2>
437 <p>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias.digitales.docente.comment")}</p>
438
439 <ul class="p0 lsn font-16 font-450 dg grid-10 cg-20 m-cg-10 m-grid-4">
440 <#list competencias_docente as item>
441 <li class="mb-10">${item}</li>
442 </#list>
443 </ul>
444 </div>
445 </div>
446 </#if>
447 <#if ods_cat?size != 0 >
448 <div class="detalle-recurso-content mt-48 section-ods">
449 <div class="center-content-1000">
450 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.ods")}</h2>
451
452 <ul class="p0 lsn font-16 font-450 dg grid-7 cg-10 m-grid-4">
453
454 <#list ods_cat as item>
455
456 <li class="mb-10"><img src="/o/educaixa-theme/images/ods/${item}-${language?lower_case}.jpg" /></li>
457 </#list>
458 </ul>
459 </div>
460 </div>
461 </#if>
462
463
464
465 <div class="bookmark-share color-white pr df aic mt-48 mb-48">
466 <div class="zi-1 w-100 pr">
467 <div class="share-vector">
468
469
470 <svg class="s-v-1" xmlns="http://www.w3.org/2000/svg" width="481" height="165" viewBox="0 0 481 165" fill="none">
471 <path d="M448.719 57.8506C401.392 37.8737 364.213 60.3658 342.934 1.20702e-05L0 4.20504e-05L1.44248e-05 165L441.339 165C496.742 150.412 489.239 74.9543 448.719 57.8506Z" fill="#0090CD"/>
472 </svg>
473
474
475 <svg class="s-v-2" xmlns="http://www.w3.org/2000/svg" width="498" height="165" viewBox="0 0 498 165" fill="none">
476 <path d="M56.6054 58.9672C105.007 32.1344 113.717 8.47541 112.021 0H498V165H0.118794C-1.21975 140.836 8.20361 85.8 56.6054 58.9672Z" fill="#0090CD"/>
477 </svg>
478 </div>
479 <div class="share">
480
481 <div class="share-content-items pr">
482 <img class="fly-ico" src="/o/educaixa-theme/images/recursos/fly.svg"/>
483 <img class="bocadillo-ico" src="/o/educaixa-theme/images/recursos/bocadillo.svg"/>
484
485 <h2 class="font-32 font-500 mb-12">
486 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.compartir.articulo")}
487 </h2>
488 <p class="font-20 font-450">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.compartir.articulo.clic")}</p>
489 </div>
490
491 <div id="share-a2a" class="a2a_kit a2a_kit_size_322 a2a_default_style2" data-a2a-title="${titleEscaped}">
492 <a class="a2a_button_facebook">
493 <svg id="Layer_1" enable-background="new 0 0 100 100" height="40" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g><path fill="#fff" id="Icon_11_" d="m40.4 55.2c-.3 0-6.9 0-9.9 0-1.6 0-2.1-.6-2.1-2.1 0-4 0-8.1 0-12.1 0-1.6.6-2.1 2.1-2.1h9.9c0-.3 0-6.1 0-8.8 0-4 .7-7.8 2.7-11.3 2.1-3.6 5.1-6 8.9-7.4 2.5-.9 5-1.3 7.7-1.3h9.8c1.4 0 2 .6 2 2v11.4c0 1.4-.6 2-2 2-2.7 0-5.4 0-8.1.1-2.7 0-4.1 1.3-4.1 4.1-.1 3 0 5.9 0 9h11.6c1.6 0 2.2.6 2.2 2.2v12.1c0 1.6-.5 2.1-2.2 2.1-3.6 0-11.3 0-11.6 0v32.6c0 1.7-.5 2.3-2.3 2.3-4.2 0-8.3 0-12.5 0-1.5 0-2.1-.6-2.1-2.1 0-10.5 0-32.4 0-32.7z"></path></g></svg>
494 </a>
495 <a class="a2a_button_x">
496 <svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#fff" d="M21.751 7h3.067l-6.7 7.658L26 25.078h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L6 7h6.328l4.37 5.777L21.75 7Zm-1.076 16.242h1.7L11.404 8.74H9.58l11.094 14.503Z"></path></svg>
497 </a>
498 <a class="a2a_button_whatsapp">
499 <svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFF" fill-rule="evenodd" d="M16.21 4.41C9.973 4.41 4.917 9.465 4.917 15.7c0 2.134.592 4.13 1.62 5.832L4.5 27.59l6.25-2.002a11.241 11.241 0 0 0 5.46 1.404c6.234 0 11.29-5.055 11.29-11.29 0-6.237-5.056-11.292-11.29-11.292zm0 20.69c-1.91 0-3.69-.57-5.173-1.553l-3.61 1.156 1.173-3.49a9.345 9.345 0 0 1-1.79-5.512c0-5.18 4.217-9.4 9.4-9.4 5.183 0 9.397 4.22 9.397 9.4 0 5.188-4.214 9.4-9.398 9.4zm5.293-6.832c-.284-.155-1.673-.906-1.934-1.012-.265-.106-.455-.16-.658.12s-.78.91-.954 1.096c-.176.186-.345.203-.628.048-.282-.154-1.2-.494-2.264-1.517-.83-.795-1.373-1.76-1.53-2.055-.158-.295 0-.445.15-.584.134-.124.3-.326.45-.488.15-.163.203-.28.306-.47.104-.19.06-.36-.005-.506-.066-.147-.59-1.587-.81-2.173-.218-.586-.46-.498-.63-.505-.168-.007-.358-.038-.55-.045-.19-.007-.51.054-.78.332-.277.274-1.05.943-1.1 2.362-.055 1.418.926 2.826 1.064 3.023.137.2 1.874 3.272 4.76 4.537 2.888 1.264 2.9.878 3.43.85.53-.027 1.734-.633 2-1.297.266-.664.287-1.24.22-1.363-.07-.123-.26-.203-.54-.357z" clip-rule="evenodd"></path></svg>
500 </a>
501 <a class="a2a_button_email">
502 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" fill="#fff" height="35">
503 <g>
504 <g>
505 <path d="M452,68H60C26.916,68,0,94.916,0,128v256c0,33.084,26.916,60,60,60h392c33.084,0,60-26.916,60-60V128
506 C512,94.916,485.084,68,452,68z M472,384c0,11.028-8.972,20-20,20H60c-11.028,0-20-8.972-20-20V128c0-11.028,8.972-20,20-20h392
507 c11.028,0,20,8.972,20,20V384z"></path>
508 </g>
509 </g>
510 <g>
511 <g>
512 <polygon points="468.604,92.937 256,251.074 43.396,92.937 19.522,125.032 256,300.926 492.478,125.032 "></polygon>
513 </g>
514 </g>
515
516
517
518 </svg>
519 </a>
520 </div>
521 </div>
522
523
524
525 </div>
526
527 </div><#-- SHARE-->
528 <div class="share-separator"></div>
529
530
531 <div class="detalle-recurso-content mt-48">
532 <div class="center-content-1000">
533
534 <#-- MODULO OBJETIVOS -->
535 <#assign objetivosTitle>
536 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivo")}
537 </#assign>
538 <#if objetivosText??>
539 <#if objetivosText.getSiblings()?size gt 1>
540 <#assign objetivosTitle>
541 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}
542 </#assign>
543 </#if>
544
545 </#if>
546 <#if objetivosdidacticos?has_content && objetivosdidacticos.getData() != "">
547
548 <h2>${objetivosTitle}</h2>
549
550 ${objetivosdidacticos.getData()}
551 <#elseif objetivosText?? && objetivosText.getData()?has_content>
552
553 <h2>${objetivosTitle}</h2>
554 <ul class="number-list lsn m0 p0">
555 <#list objetivosText.getSiblings() as cur_objetivosText>
556 <#if cur_objetivosText.getData()?has_content && cur_objetivosText.getData()??>
557 <li class="pr ml-0">
558 <div class="pa bg-primary-300 c-white l0 list-number">${cur_objetivosText?index + 1}</div>
559 <div class="">${cur_objetivosText.getData()}</div>
560 </li>
561 </#if>
562 </#list>
563 </ul>
564 </#if>
565 <#-- FIN MODULO OBJETIVOS -->
566
567 <#-- MODULO COMPETENCIAS -->
568 <#if competenceGeneralDescription.getSiblings()?has_content>
569
570 <#if competenceGeneralDescription.getData()?has_content>
571
572 <h2>${competenceGeneralDescription.getData()}</h2>
573
574 <#if competenceGeneralDescription.competenceTitle.getSiblings()?has_content>
575 <ul class="number-list lsn m0 p0">
576 <#list competenceGeneralDescription.competenceTitle.getSiblings() as cur_competenceGeneralDescription_competenceTitle>
577 <li class="pr ml-0">
578 <div class="pa bg-primary-300 c-white l0 list-number">${cur_competenceGeneralDescription_competenceTitle?index + 1}</div>
579 <div>
580 ${cur_competenceGeneralDescription_competenceTitle.getData()}
581 ${cur_competenceGeneralDescription_competenceTitle.competenceDesc.getData()}
582
583 <#if cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getSiblings()?has_content && cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getData()!="">
584
585 <ul>
586 <#list cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getSiblings() as cur_competenceGeneral2>
587
588 <li class="fdc">
589 <p class="m-0 comp-1">${cur_competenceGeneral2.getData()}</p>
590 <p class="m-0 comp-2">${cur_competenceGeneral2.compParagraphDesc.getData()}</p>
591 <p class="m-0 comp-3">${cur_competenceGeneral2.Textoic72.getData()}</p>
592 </li>
593 </#list>
594 </ul>
595
596
597 </#if>
598 </div>
599 </li>
600 </#list>
601 </ul>
602 </#if>
603
604 </#if>
605
606 </#if>
607 <#-- FIN MODULO COMPETENCIAS -->
608
609 <#-- OTRA INFO DIDACTICA -->
610 <#if otrainfodidactica.getData()?has_content>
611 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.sobre")}
612 </h2>
613 ${otrainfodidactica.getData()}
614 </#if>
615 <#-- OTRA INFO DIDACTICA -->
616
617 <#-- CASOS DE USO -->
618 <#if casosuso.getData()?has_content>
619
620 <h2>${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2>
621
622 ${casosuso.getData()}
623
624 </#if>
625 <#-- FIN CASOS DE USO -->
626
627
628 </div>
629 </div>
630
631 <#-- PROGRAMAS RELACIONADOS -->
632 <#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.link.service.AssetLinkLocalService") />
633 <#assign relatedAssets = assetLinkLocalService.getLinks(asset.getEntryId())/>
634 <#if relatedAssets?has_content>
635 <div id="related-programs">
636 <#list relatedAssets as entry>
637 <#if entry.getEntryId1() == asset.getEntryId()>
638 <#assign entry2 = assetEntryLocalService.getEntry(entry.getEntryId2()) />
639 <#if entry2?has_content && entry2.getClassPK()?has_content>
640
641 <#attempt>
642 <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) />
643 <#recover>
644 <#assign relatedContent = ""/>
645 </#attempt>
646 <#-- <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) /> -->
647
648 <#if relatedContent?has_content && relatedContent.getDDMStructureKey() == "PROGRAMAS">
649 <#list relatedContent.getDDMStructure().getTemplates() as template>
650 <#if template.getName(locale)?? && template.getName(locale)?has_content && template.getName(locale.toString())?ends_with('RELATED_CONTENT')>
651 <#assign articleContent = journalArticleLocalService.getArticleContent(relatedContent, template.getTemplateKey(), "VIEW", themeDisplay.getLocale(),NULL, themeDisplay) />
652 ${articleContent}
653 </#if>
654 </#list>
655 </#if>
656 </#if>
657 </#if>
658 </#list>
659 </div>
660 </#if>
661 <#-- FIN PROGRAMAS RELACIONADOS -->
662
663 <#if repetibleDinamico?? && repetibleDinamico.getSiblings()?has_content>
664 <#list repetibleDinamico.getSiblings() as cur_repetibleDinamico>
665 <div class="detalle-recurso-content">
666 <div class="center-content-1000">
667 ${cur_repetibleDinamico.getData()}
668 </div>
669 </div>
670 </#list>
671 </#if>
672
673 <#-- VALORACIONES -->
674 <@liferay_portlet["runtime"]
675 instanceId="valoraciones2"
676 portletName="com_educaixa_valoraciones_EducaixaValoracionesPortlet"
677 />
678 <#-- VALORACIONES -->
679
680 <#-- -->
681 <div class="materiales-y-descargas mt-48 mb-48">
682 <div class="center-content-1000">
683 <#-- MATERIALES Y DESCARGAS -->
684 <#assign showMaterialRelacionado = materialrelacionado.getData()?has_content && materialrelacionado.getData()!="" />
685
686 <#if showMaterialRelacionado || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content >
687 <div id="materialesDescargas">
688 <h2 class="mb-24">
689 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")}
690 </h2>
691 <div class="mb-24 font-20 font-450 grey-medium">
692 <#if materialesTexto.getData()?has_content>
693
694 ${materialesTexto.getData()}
695
696 </#if>
697 </div>
698
699 <#assign linksControl = "" />
700 <#assign linksControlCont = 0 />
701 <#assign downloadCont = 0 />
702
703 <#if linkTxt.getSiblings()?has_content>
704
705
706 <#assign linksControl>
707
708 <#list linkTxt.getSiblings() as linkTxt>
709 <li class="df br-16">
710 <p class="ico-resource">
711 <img src="/o/educaixa-theme/images/recursos/enlace.svg" />
712 </p>
713 <div class="ml-16 mr-12">
714 <#if linkTxt.internalLink.getData()?has_content && is_signed_in>
715 <a class="link internalLink font-16 font-700" href="${linkTxt.internalLink.getFriendlyUrl()}">
716 <#elseif linkTxt.externalLink.getData()?has_content && is_signed_in>
717 <a class="link externalLink font-16 font-700" href="${linkTxt.externalLink.getData()}" target="_blank">
718 <#else>
719 <a class="link font-16 font-700" onClick="openPopup('${loginURL}','','500', '650')">
720 </#if>
721 <p class="ico-download"></p>
722 <span>${linkTxt.getData()}</span>
723 <#if linkTxt.getData()?has_content>
724 <#assign linksControlCont = 1 />
725 </#if>
726 </a>
727 </div>
728 </li>
729 </#list>
730
731 </#assign>
732
733 <#if linksControlCont gt 0>
734 <ul id="links" class="resources-grid dg grid-3 cg-12 lsn p0 t-grid-2 m-grid-1">
735 ${linksControl}
736 </ul>
737 <#assign downloadCont = 1 />
738 </#if>
739
740
741
742
743 </#if>
744
745
746 <#if materialrelacionado.getSiblings()?has_content || descargable.getData()?has_content>
747 <ul id="downloads" class="resources-grid dg grid-3 cg-12 lsn p0 t-grid-2 m-grid-1">
748 <#if materialrelacionado.getSiblings()?has_content>
749 <#list materialrelacionado.getSiblings() as material>
750 <#if material.getData()?? && material.getData() != "">
751 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) />
752 <#assign fileSize = file.getSize() />
753
754 <#if fileSize gt 0>
755 <#assign mimeType = file.getMimeType()?keep_after_last("/") />
756 <#-- GUIAS-->
757 <#if material.guiasMaterialRelacionado?? && material.guiasMaterialRelacionado.getData()?has_content>
758 <#assign guiaTypeMD = material.guiasMaterialRelacionado.getData() />
759 <#else>
760 <#assign guiaTypeMD = "default" />
761 </#if>
762 <#assign downloadCont = 1 />
763
764 <li class="${mimeType} df aic br-16 ">
765
766 <#if guiaTypeMD ?? && guiaTypeMD=="default">
767 <p class="ico-resource ico-res-def">
768 <img src="/o/educaixa-theme/images/recursos/formato.svg" />
769 </p>
770 <#else>
771 <p class="ico-resource ico-res-nodef">
772 <img class="ico-default" src="/o/educaixa-theme/images/recursos/${guiaTypeMD}.svg" />
773 <img class="ico-hover" style="position:absolute;opacity:0;" src="/o/educaixa-theme/images/recursos/${guiaTypeMD}.svg" />
774 </p>
775 </#if>
776
777 <div class="ml-16 mr-12">
778 <p class="font-14 font-700">${material.titulomaterial.getData()}</p>
779 <p class="font-14"> (${mimeType?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)
780 </p>
781
782 </div>
783 <#if is_signed_in>
784
785 <#if material.getData()?contains("?t")>
786 <#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/>
787 <#else>
788 <#assign materialUrl = material.getData()[0..material.getData()?length]/>
789 </#if>
790 <a class="${mimeType} tu c-black" href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
791 <#else>
792 <a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')">
793 </#if>
794 ${languageUtil.get(locale, "download")}
795 </a>
796 </li>
797 </#if>
798 </#if>
799 </#list>
800 </#if>
801 <#if descargable.getData()?has_content>
802 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(descargable.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) />
803 <#assign fileSize = file.getSize() />
804
805 <#if fileSize gt 0>
806 <#assign mimeType = file.getMimeType()?keep_after_last("/") />
807
808 <#assign fileName = file.getFileName() />
809 <#if descargable.tituloRecursoDescargable?? && descargable.tituloRecursoDescargable.getData()?has_content>
810 <#assign fileName = descargable.tituloRecursoDescargable.getData() />
811 </#if>
812 <#if descargable.guiasRecursoDescargable?? && descargable.guiasRecursoDescargable.getData()?has_content>
813 <#assign guiaTypeRD = descargable.guiasRecursoDescargable.getData() />
814 <#else>
815 <#assign guiaTypeRD = "default" />
816
817 </#if>
818 <#assign downloadCont = 1 />
819
820 <li class="${mimeType} df aic br-16">
821
822 <#if guiaTypeRD=="default">
823 <p class="ico-resource ico-res-def">
824 <img src="/o/educaixa-theme/images/recursos/formato.svg" />
825 </p>
826 <#else>
827 <p class="ico-resource ico-res-nodef">
828 <img class="ico-default" src="/o/educaixa-theme/images/recursos/${guiaTypeRD}.svg" />
829 <img class="ico-hover" style="position:absolute;opacity:0;" src="/o/educaixa-theme/images/recursos/${guiaTypeRD}.svg" />
830 </p>
831 </#if>
832
833 <div class="ml-16 mr-12">
834 <p class="font-14 font-700">${fileName}</p>
835 <p class="font-14">(${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</p>
836 </div>
837 <#if is_signed_in>
838 <#if descargable.getData()?contains("?t")>
839 <#assign materialUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/>
840 <#else>
841 <#assign materialUrl = descargable.getData()[0..descargable.getData()?length]/>
842 </#if>
843 <a class="${mimeType} tu c-black" href="${descargable.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
844 <#else>
845 <a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')">
846 </#if>
847 ${languageUtil.get(locale, "download")}
848 </a>
849 </li>
850 </#if>
851 </#if>
852 </ul>
853
854
855 <#if downloadCont gt 0>
856 <div class="w-100 pt-12 df fe ac ">
857 <#if is_signed_in>
858 <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onclick="downloadAll();">
859 <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/>
860 <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a>
861 <#else>
862 <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onClick="openPopup('${loginURL}','','500', '650');">
863 <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/>
864 <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a>
865 </#if>
866 </div>
867
868 </#if>
869 </#if>
870 </div>
871 </#if>
872 <#-- FIN MATERIALES Y DESCARGAS -->
873 </div>
874 </div>
875
876</section>
877
878
879
880
881<script>
882$( document ).ready(function() {
883 initAddThis();
884
885 <#if downloadCont==0>
886 $("#materialesDescargas").hide();
887 </#if>
888
889 $("a.header-back-to").attr('onClick','');
890 $("a.header-back-to").attr("href","/es/landing-recursos");
891 <#if language=='ca_ES'>
892 $("a.header-back-to").attr("href","/ca/landing-recursos");
893 </#if>
894
895 var searchParams = new URLSearchParams(window.location.search);
896 var countImg = $(".image-preview-video img").length;
897 if(searchParams.has('v')){
898 var valueParam = searchParams.get('v');
899 if(valueParam > 1 && valueParam <= countImg){
900 $(".image-preview-video:nth-child("+ valueParam +") img").click();
901 }
902 }
903
904 var recursoTitle = document.getElementsByTagName('title')[0].innerHTML;
905 window.dataLayer = window.dataLayer || [];
906 dataLayer.push({
907 'event': 'CG',
908 'eventCategory': 'recurso | video',
909 'eventAction': recursoTitle
910 })
911
912
913});
914$( "#myModal .close" ).click(function() {
915 $('#yt-modal').each(function(){
916 this.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*')
917 });
918});
919
920$(".image-preview-video").click(function() {
921 $('.video-selected-recurso').removeClass("video-selected-recurso");
922 $(this).addClass("video-selected-recurso");
923});
924
925function changeIframeUrl(idVideo, idioma){
926 var urlIframe = $('.iframe-video').attr("src");
927 urlIframe = "http://img.youtube.com/vi/"+idVideo+"/0.jpg";
928 $('.iframe-video').attr("src", urlIframe);
929 var urlIframePopup = $('#yt-modal').attr("src");
930 var count = urlIframePopup.indexOf("embed/");
931 var urlIframeReplace = urlIframePopup.substring(count);
932 count = urlIframeReplace.indexOf("/");
933 urlIframeReplace = urlIframeReplace.substring(count+1);
934 count = urlIframeReplace.indexOf("?");
935 urlIframeReplace = urlIframeReplace.substring(0,count);
936 urlIframePopup = urlIframePopup.replace(urlIframeReplace, idVideo);
937 $('#yt-modal').attr("src", urlIframePopup);
938 $(".iframe-video")[0].scrollIntoView()
939 $(".idiomaList").text(idioma);
940}
941</script>
942
943<style>
944.objetivo{
945 color: #7B2FA1;
946}
947.video-selected-recurso{
948 border: 5px solid #7B2FA1;
949}
950.image-preview-video{
951 max-width: 15%;
952 margin-right: 1%;
953}
954.image-preview-video img{
955 cursor: pointer;
956}
957.info-video{
958 margin-top: 10px;
959 margin-bottom: 10px;
960 display:flex;
961}
962@media only screen and (max-width: 1024px) {
963 .image-preview-video{
964 max-width: 50%;
965 margin-right: 1%;
966 margin: auto;
967 margin-top: 10px;
968 }
969 .info-video{
970 display:block;
971 }
972
973}
974.video { position: relative; }
975
976.video a {
977 position: absolute;
978 display: block;
979 height: 80px;
980 width: 80px;
981 top: 45%;
982 left: 45%;
983}
984
985.crop{
986 width: 900px;
987 height: 548px;
988
989}
990
991.contenido-dcha-item > span {
992 width: 100%;
993 height: 1px;
994 display: inline-block;
995}
996.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 {
997 max-width: 1140px;
998 margin: 0 auto;
999 margin-bottom: 0px;
1000 margin-top:20px;
1001}
1002
1003p.component-title.h4 span.header-back-to > a.taglib-icon::after {
1004 content: "${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.atras")}";
1005 color:#009AD8;
1006}
1007
1008
1009.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 .lexicon-icon.lexicon-icon-angle-left {
1010 fill: #009AD8;
1011 width: 15px;
1012 height: 15px;
1013 margin-right: 10px;
1014}
1015.container.vertical.image-view.ficha-evidencias .box-img.col-lg.square {
1016 box-shadow: 1px 1px 8px #d0d0d0;
1017}
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033<#-- -->
1034
1035
1036div#related-programs {
1037 max-width: 1000px;
1038 margin: 0 auto;
1039}
1040div#related-programs .program-related {
1041 box-shadow: 0px 0px 4px 1px #dcdcdc;
1042 padding: 24px;
1043 background-color: #FBFBFB;
1044 margin-bottom:32px;
1045}
1046a.img-programa {
1047 position: relative;
1048 width: 100%;
1049 height: 100%;
1050 top: 0px;
1051 left: 0px;
1052 display: inline-flex;
1053}
1054a.img-programa img {
1055 position: absolute;
1056 width: 100%;
1057 height: 100%;
1058 object-fit: cover;
1059}
1060.color-222 {
1061 color:#222;
1062}
1063.f-normal {
1064 font-weight:normal;
1065}
1066a.btn-educaixa2 {
1067 margin-bottom: 0px;
1068 background-color: #fff;
1069 color: #009EE0;
1070 position: static;
1071 float: inherit;
1072 display: inline-block;
1073 padding: 12px 24px;
1074 font-size: 18px;
1075 font-style: normal;
1076 font-weight: 500;
1077 line-height: normal;
1078 font-family: "Circular Std Book";
1079 border: 1px solid #009EE0;
1080 border-radius: 16px !important;
1081 transition: all 0.25s linear;
1082}
1083a.btn-educaixa2:hover {
1084 background-color: #009EE0;
1085 color: #fff;
1086}
1087.program-related > .cards {
1088 min-height: 234px;
1089}
1090.program-related:nth-child(even) .cards{
1091 grid-auto-flow: dense;
1092}
1093
1094.program-related:nth-child(even) .item-image-pograma-col1 {
1095 grid-column: 2;
1096}
1097
1098.program-related:nth-child(even) .item-image-pograma-col2 {
1099 grid-column: 1;
1100}
1101
1102
1103
1104</style>
1105
1106<script>
1107
1108function downloadAll() {
1109 // Obtener el elemento <ul> con el id "downloads"
1110 var listaDescargas = document.getElementById("downloads");
1111
1112 // Obtener todos los elementos <a> dentro de la lista
1113 var elementosA = listaDescargas.getElementsByTagName("a");
1114
1115 // Recorrer los elementos y descargar los archivos
1116 for (var i = 0; i < elementosA.length; i++) {
1117 var enlace = elementosA[i].getAttribute("href");
1118 var nombreArchivo = obtenerNombreDeArchivo(enlace);
1119 descargarArchivo(enlace, nombreArchivo);
1120 }
1121}
1122
1123function obtenerNombreDeArchivo(url) {
1124 // Obtener el nombre del archivo desde la URL
1125 var partesUrl = url.split("/");
1126 return partesUrl.pop();
1127}
1128
1129function descargarArchivo(url, nombre) {
1130 // Crear un elemento <a> temporal para descargar el archivo
1131 var enlaceTemporal = document.createElement("a");
1132 enlaceTemporal.href = url;
1133 enlaceTemporal.target = "_blank";
1134 enlaceTemporal.download = nombre;
1135
1136 // Simular un clic en el enlace para iniciar la descarga
1137 enlaceTemporal.style.display = "none";
1138 document.body.appendChild(enlaceTemporal);
1139 enlaceTemporal.click();
1140 document.body.removeChild(enlaceTemporal);
1141}
1142
1143function navegarAElemento(idElemento) {
1144 var elemento = document.getElementById(idElemento);
1145
1146 if (elemento) {
1147 elemento.scrollIntoView({ behavior: 'smooth' });
1148 }
1149}
1150
1151function gestionarBookmark (articleId, update){
1152 updateUserBookmark(articleId,update);
1153 if(update){
1154 $("#bookmark-text").hide();
1155 }else{
1156 $("#bookmark-text").show();
1157 }
1158}
1159
1160<#if is_signed_in && isUserBookmark>
1161 $("#bookmark-text").hide();
1162</#if>
1163
1164
1165$("body").on("click","#edc-modal p.close-edc-popup",function(){
1166
1167
1168 if($("#yt-modal").length > 0 ) {
1169 var el = $("#yt-modal").attr("src");
1170 $("#yt-modal").attr("src","");
1171 setTimeout(function(){ $("#yt-modal").attr("src",el); }, 100);
1172 }
1173
1174});
1175
1176$(".btn-video-youtube").click(function(){
1177
1178 var youtubeError = $("#yt-modal").attr("title") === 'YouTube video player';
1179 console.log("youtubeError : " + youtubeError);
1180 if(youtubeError){
1181 var url = "http://www.youtube.com/watch?v=${siteMeta.get(0).brightcove_id}";
1182 window.open(url, '_blank');
1183 }else{
1184 $("body").addClass("recurso-video");
1185 }
1186});
1187
1188$(".close-edc-popup").click(function(){
1189 $("body").removeClass("recurso-video");
1190
1191})
1192
1193
1194
1195</script>
1196
1197
1198
1199
1200
1201
1202
1203<style>
1204
1205.mti {
1206
1207 background-image: url(/o/educaixa-theme/images/recursos/process2.svg);
1208 background-size:25px 25px;
1209}
1210
1211.section-competencias li {
1212 background-color: #f1f1f1;
1213 width: 70px;
1214 height: 70px;
1215 display: flex;
1216 justify-content: center;
1217 align-items: center;
1218}
1219
1220.grid-7 {
1221 grid-template-columns: repeat(7, 1fr);
1222
1223}
1224
1225.grid-10 {
1226 grid-template-columns: repeat(10, 1fr);
1227
1228}
1229
1230.cg-5 {
1231 column-gap:5px;
1232}
1233.cg-20 {
1234 column-gap:20px;
1235}
1236.cg-10 {
1237 column-gap:10px;
1238}
1239.mb-10{
1240 margin-bottom:10px;
1241}
1242.mod.mod-filtros-landings.elements-block.container.filtro-actividades.filtros-Recursos .bookmark button#bookmark {
1243background-size:100% 100%;
1244}
1245/*
1246.portlet-asset-publisher .asset-full-content img.ofcov {
1247 object-position: top;
1248}*/
1249.mh-325 > .mh-325 {
1250 min-height: 400px;
1251}
1252.recurso-video header#banner {
1253 z-index: 1;
1254}
1255#wrapper .resources-grid li:hover p.ico-resource .ico-hover, #wrapper .resources-grid li:focus p.ico-resource .ico-hover {
1256 opacity: 1 !important;
1257 position: static !important;
1258 max-width: 25px !important;
1259 margin-left: 0px;
1260 margin-top: 0px;
1261 filter: brightness(0) invert(1);
1262}
1263
1264@media (max-width: 767px) {
1265 .mh-325 > .mh-325 {
1266 min-height: inherit;
1267 }
1268
1269 .m-grid-4 {
1270 grid-template-columns: repeat(4, 1fr);
1271 }
1272 .m-cg-10 {
1273 column-gap:10px;
1274 }
1275 .section-competencias li {
1276 width:100%;
1277 }
1278
1279 .detalle-recurso-content > .center-content-1000 > h2 {
1280 line-height: 32px;
1281 }
1282}
1283
1284
1285</style>
