Usem l'estadística per analitzar dades
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_INTERACTIVO" 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_INTERACTIVO" at line 133, column 1]
----
1<#-- 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.microsite") />
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
82<#assign language = themeDisplay.getLocale()/>
83<#assign nivel_educativo = [] />
84<#assign area_conocimiento = [] />
85<#assign competencias = []>
86<#assign objectius = []>
87<#assign ods_cat = []>
88<#assign metodologia_cat = []>
89<#assign competencias_docente = []>
90<#assign competencias_docente = []>
91<#assign idiomas = []>
92
93<#list asset.getCategories() as cur_category>
94 <#if cur_category.vocabularyId == nivel_educativo_vocabularyId>
95 <#assign nivel_educativo = nivel_educativo + [cur_category.getTitle(language)]>
96 <#elseif cur_category.vocabularyId == area_conocimiento_vocabularyId>
97 <#assign area_conocimiento = area_conocimiento + [cur_category.getTitle(language)]>
98 <#elseif cur_category.vocabularyId == competencias_vocabularyId>
99 <#assign competencias = competencias + [cur_category.getTitle(language)]>
100 <#elseif cur_category.vocabularyId == ods_cat_vocabularyId>
101 <#assign ods_cat = ods_cat + [cur_category.getDescription(language)]>
102 <#elseif cur_category.vocabularyId == metodologia_cat_vocabularyId>
103 <#assign metodologia_cat = metodologia_cat + [cur_category.getTitle(language)]>
104 <#elseif cur_category.vocabularyId == competencias_docente_vocabularyId>
105 <#assign competencias_docente = competencias_docente + [cur_category.getTitle(language)]>
106 <#elseif cur_category.vocabularyId == idiomas_vocabularyId>
107 <#assign idiomas = idiomas + [cur_category.getTitle(language)]>
108 </#if>
109</#list>
110
111
112
113<#assign thesaurusCategories = UtilsService.getThesaurusCategories(asset) />
114<#assign tagsCategories = UtilsService.getTagsCategories(asset) />
115<#assign categories = thesaurusCategories + tagsCategories />
116<#assign verUrl = "" />
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${loginURL.setParameter("mvcPath", "/login_modal.jsp")}
123${loginURL.setWindowState("POP_UP")}
124
125<#if docprincipal.getData()??>
126 <#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal.getData(), themeDisplay) />
127</#if>
128
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<@liferay_util["html-top"]>
164 <link rel="stylesheet" href="/o/educaixa-theme/css/recursos.css">
165</@>
166
167
168 <div class="dg grid-2 w-100 mh-325 center-content m-grid-1 pr zi-0">
169 <div class="w-100 dib h-100 mh-325 pl-64 pr-64 pt-48 pb-48 t-p-32 m-p-16">
170 <#if resourceType != "">
171
172 <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>
173 </#if>
174 <#if titulo?has_content>
175
176 <h1 class="mt-24 mb-24 font-42 font-500">${titleEscaped}</h1>
177 </#if>
178
179 <div class="df mb-24 star-${valoracionesDisplayAverage} valoraciones-header">
180
181 <#if valoracionesDisplayAverage?floor lt valoracionesDisplayAverage>
182
183 <#list 0..valoracionesDisplayAverage?floor-1 as i>
184
185 <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i>
186 </#list>
187 <i class="fa fa-star-half-o rating-color mr-4px" aria-hidden="true"></i>
188
189 <#if valoracionesDisplayAverage?floor + 1 lt 5>
190 <#list valoracionesDisplayAverage?floor+1..4 as x>
191 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
192 </#list>
193
194 </#if>
195
196 <#else>
197
198 <#if valoracionesDisplayAverage == 0>
199 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
200 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
201 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
202 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
203 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
204 <#else>
205
206 <#list 0..valoracionesDisplayAverage-1 as i>
207 <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i>
208 </#list>
209
210
211
212
213 <#if valoracionesDisplayAverage + 1 lt 5>
214 <#list valoracionesDisplayAverage+1..4 as x>
215 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
216 </#list>
217
218 </#if>
219
220 </#if>
221
222 </#if>
223
224
225
226
227 <#-- <div class="star mr-4px"></div>
228 <div class="star mr-4px"></div>
229 <div class="star mr-4px"></div>
230 <div class="star mr-4px"></div>
231 <div class="star"></div> -->
232
233 <p class="resource-stats ml-12 mr-12 font-16 font-500 fb">${valoracionesDisplayAverage}/5</p>
234 <p class="separator-vertical db w-1 h-24 bg-gray-primary"></p>
235 <p class="fb ml-12 font-16 font-500 ">
236 <a class="link-comentarios tu" href="javascript:void(0);" onclick="navegarAElemento('comentariosViewList');">${valoracionesTotalEntries} ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.comentarios")}</a></p>
237
238
239 </div>
240 <#if siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).url?? && siteMeta.get(0).url != "">
241 <#assign verUrl =siteMeta.get(0).url/>
242 <button class="btn-educaixa btn-interactivo-ver btn-desktop" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>
243
244 </#if>
245
246 </div>
247 <div class="w-100 pr df fdc h-100 mh-325 m-ps m-p-16">
248
249 <#-- -->
250 <div class="bookmark bookmark-header">
251 <#if is_signed_in>
252 <#if isUserBookmark>
253 <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>
254 <#else>
255 <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button>
256 </#if>
257 <#else>
258 <button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button>
259 </#if>
260 </div>
261 <#-- -->
262 <div class="m-pr">
263 <img src="${imageSrc}" alt="recurso-img" class="w-100 h-100 pa t0 l0 z-0 of-c zi-1 ofcov m-ps m-h-auto " >
264
265 </div>
266 <button class="btn-educaixa btn-interactivo-ver btn-mobile w-100 mt-24" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>
267 </div>
268
269 </div>
270
271 <div class="dg grid-6 cg-24 center-content pt-48 pb-48 pl-64 pr-64 m-p-24-16 m-cg-16">
272
273 <#if nivel_educativo?size != 0 >
274 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
275 <div class="ico square-38 br-4 bg-primary-200 nivel-edc"></div>
276 <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>
277
278 <ul class="p0 lsn font-16 font-450">
279 <#list nivel_educativo as item>
280 <li class="mb-12">${item}</li>
281 </#list>
282 </ul>
283 </div>
284 </#if>
285
286
287 <#if area_conocimiento?size != 0 >
288 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
289 <div class="ico square-38 br-4 bg-primary-200 area-c"></div>
290 <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>
291 <ul class="p0 lsn font-16 font-450">
292 <#list area_conocimiento as item>
293 <li class="mb-12">${item}</li>
294 </#list>
295 </ul>
296 </div>
297 </#if>
298
299 <#if area_conocimiento?size != 0 && competencias?size gt 0>
300
301 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
302 <div class="ico square-38 br-4 bg-primary-200 ficha-c"></div>
303 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</p>
304 <ul class="p0 lsn font-16 font-450">
305 <#list competencias as item>
306 <li class="mb-12">${item}</li>
307 </#list>
308 </ul>
309 </div>
310 </#if>
311
312
313 <#if siteMeta?? && siteMeta.get(0).idioma?has_content>
314 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
315 <div class="ico square-38 br-4 bg-primary-200 idioma-ic"></div>
316 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</p>
317 <ul class="p0 lsn font-16 font-450">
318 <#assign idioma = siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'') />
319 <li class="mb-12">${idiomaText} </li>
320 </ul>
321 </div>
322 </#if>
323
324 <#if siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).ano?has_content>
325
326 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
327 <div class="ico square-38 br-4 bg-primary-200 year-ic"></div>
328 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.ano")}</p>
329 <ul class="p0 lsn font-16 font-450">
330 <#assign year = siteMeta.get(0).ano />
331 <li class="mb-12">${year} </li>
332 </ul>
333 </div>
334 </#if>
335
336 <#-- <div class="ico-item p24 bg-primary-100 br-16 m-p12">
337 <div class="ico square-38 br-4 bg-primary-200 tipo-rec"></div>
338 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FILTROS.SECTION.RECURSO")}</p>
339 <ul class="p0 lsn font-16 font-450">
340
341 <li class="mb-12">${resourceType}</li>
342 </ul>
343 </div> -->
344
345 <#if metodologia_cat?size != 0 >
346 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
347 <div class="ico square-38 br-4 bg-primary-200 metodologia-ico mti"></div>
348 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.metodologia")}</p>
349
350 <ul class="p0 lsn font-16 font-450">
351 <#list metodologia_cat as item>
352 <li class="mb-12">${item}</li>
353 </#list>
354 </ul>
355 </div>
356 </#if>
357
358 </div>
359
360
361 <#-- -->
362
363 <div id="bookmark-text" class="bookmark-text bg-primary-300 color-white pr df aic m-p-24-16">
364 <div class="center-content zi-1 w-100 pr">
365 <div class="pa l0 t0 w-100 h-100 zi-2 pa df jcc aic bg-primary-300">
366 <svg class="bg-bookmark" xmlns="http://www.w3.org/2000/svg" width="1440" height="209" viewBox="0 0 1440 209" fill="none">
367 <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"/>
368 </svg>
369 </div>
370 <div class="pr zi-3">
371
372 <div class="bookmark-text-content df w-100 sb">
373 <div class="col-lf c-white">
374
375 <h2 class="font-32 mb-12">
376 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.no.tienes.tiempo")}
377 </h2>
378
379 <#if is_signed_in>
380 <p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description")}</p>
381
382
383 <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>
384
385 <#else>
386 <p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description.guest")}</p>
387 <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>
388 </#if>
389 </div>
390 <div class="col-rig">
391 <img src="/o/educaixa-theme/images/recursos/mas-tarde.svg" />
392 </div>
393 </div>
394 </div>
395 </div>
396 </div>
397
398
399
400 <#if introduccion?has_content && introduccion.getData()!="">
401 <div class="detalle-recurso-content mt-48">
402 <div class="center-content-1000">
403 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</h2>
404 ${introduccion.getData()}
405 </div>
406
407
408 </div>
409 </#if>
410 <#if competencias_docente?? && competencias_docente?size != 0 >
411 <div class="detalle-recurso-content mt-48 section-competencias">
412 <div class="center-content-1000">
413 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias.digitales.docente")}</h2>
414 <p>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias.digitales.docente.comment")}</p>
415
416 <ul class="p0 lsn font-16 font-450 dg grid-10 cg-20 m-cg-10 m-grid-4">
417 <#list competencias_docente as item>
418 <li class="mb-10">${item}</li>
419 </#list>
420 </ul>
421 </div>
422 </div>
423 </#if>
424 <#if ods_cat?? && ods_cat?size != 0 >
425 <div class="detalle-recurso-content mt-48 section-ods">
426 <div class="center-content-1000">
427 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.ods")}</h2>
428
429 <ul class="p0 lsn font-16 font-450 dg grid-7 cg-10 m-grid-4">
430
431 <#list ods_cat as item>
432
433 <li class="mb-10"><img src="/o/educaixa-theme/images/ods/${item}-${language?lower_case}.jpg" /></li>
434 </#list>
435 </ul>
436 </div>
437 </div>
438 </#if>
439
440
441 <div class="bookmark-share color-white pr df aic mt-48 mb-48">
442 <div class="zi-1 w-100 pr">
443 <div class="share-vector">
444
445
446 <svg class="s-v-1" xmlns="http://www.w3.org/2000/svg" width="481" height="165" viewBox="0 0 481 165" fill="none">
447 <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"/>
448 </svg>
449
450
451 <svg class="s-v-2" xmlns="http://www.w3.org/2000/svg" width="498" height="165" viewBox="0 0 498 165" fill="none">
452 <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"/>
453 </svg>
454 </div>
455 <div class="share">
456
457 <div class="share-content-items pr">
458 <img class="fly-ico" src="/o/educaixa-theme/images/recursos/fly.svg"/>
459 <img class="bocadillo-ico" src="/o/educaixa-theme/images/recursos/bocadillo.svg"/>
460
461 <h2 class="font-32 font-500 mb-12">
462 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.compartir.articulo")}
463 </h2>
464 <p class="font-20 font-450">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.compartir.articulo.clic")}</p>
465 </div>
466
467 <div id="share-a2a" class="a2a_kit a2a_kit_size_322 a2a_default_style2" data-a2a-title="${titleEscaped}">
468 <a class="a2a_button_facebook">
469 <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>
470 </a>
471 <a class="a2a_button_x">
472 <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>
473 </a>
474 <a class="a2a_button_whatsapp">
475 <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>
476 </a>
477 <a class="a2a_button_email">
478 <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">
479 <g>
480 <g>
481 <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
482 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
483 c11.028,0,20,8.972,20,20V384z"></path>
484 </g>
485 </g>
486 <g>
487 <g>
488 <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>
489 </g>
490 </g>
491
492
493
494 </svg>
495 </a>
496 </div>
497 </div>
498
499
500
501 </div>
502
503 </div><#-- SHARE-->
504 <div class="share-separator"></div>
505
506
507 <div class="detalle-recurso-content mt-48">
508 <div class="center-content-1000">
509
510 <#-- MODULO OBJETIVOS -->
511 <#assign objetivosTitle>
512 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivo")}
513 </#assign>
514 <#if objetivosText??>
515 <#if objetivosText.getSiblings()?size gt 1>
516 <#assign objetivosTitle>
517 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}
518 </#assign>
519 </#if>
520
521 </#if>
522 <#if objetivosdidacticos?has_content && objetivosdidacticos.getData() != "">
523
524 <h2>${objetivosTitle}</h2>
525
526 ${objetivosdidacticos.getData()}
527 <#elseif objetivosText?? && objetivosText.getData()?has_content>
528
529 <h2>${objetivosTitle}</h2>
530 <ul class="number-list lsn m0 p0">
531 <#list objetivosText.getSiblings() as cur_objetivosText>
532 <#if cur_objetivosText.getData()?has_content && cur_objetivosText.getData()??>
533 <li class="pr ml-0">
534 <div class="pa bg-primary-300 c-white l0 list-number">${cur_objetivosText?index + 1}</div>
535 <div class="">${cur_objetivosText.getData()}</div>
536 </li>
537 </#if>
538 </#list>
539 </ul>
540 </#if>
541 <#-- FIN MODULO OBJETIVOS -->
542
543 <#-- MODULO COMPETENCIAS -->
544 <#if competenceGeneralDescription.getSiblings()?has_content>
545
546 <#if competenceGeneralDescription.getData()?has_content>
547
548 <h2>${competenceGeneralDescription.getData()}</h2>
549
550 <#if competenceGeneralDescription.competenceTitle.getSiblings()?has_content>
551 <ul class="number-list lsn m0 p0">
552 <#list competenceGeneralDescription.competenceTitle.getSiblings() as cur_competenceGeneralDescription_competenceTitle>
553 <li class="pr ml-0">
554 <div class="pa bg-primary-300 c-white l0 list-number">${cur_competenceGeneralDescription_competenceTitle?index + 1}</div>
555
556
557
558 <div>
559 ${cur_competenceGeneralDescription_competenceTitle.getData()}
560 ${cur_competenceGeneralDescription_competenceTitle.competenceDesc.getData()}
561
562 <#if cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getSiblings()?has_content && cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getData()!="">
563
564 <ul>
565 <#list cur_competenceGeneralDescription_competenceTitle.compParagraphTitle.getSiblings() as cur_competenceGeneral2>
566
567 <li class="fdc">
568 <p class="m-0 comp-1">${cur_competenceGeneral2.getData()}</p>
569
570 <p class="m-0 comp-2">${cur_competenceGeneral2.compParagraphDesc.getData()}</p>
571
572
573 <p class="m-0 comp-3">${cur_competenceGeneral2.Textoic72.getData()}</p>
574 </li>
575 </#list>
576 </ul>
577
578
579 </#if>
580 </div>
581 </li>
582 </#list>
583 </ul>
584 </#if>
585
586 </#if>
587
588 </#if>
589 <#-- FIN MODULO COMPETENCIAS -->
590
591 <#-- OTRA INFO DIDACTICA -->
592 <#if otrainfodidactica.getData()?has_content>
593
594
595
596 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.sobre")}
597 </h2>
598 ${otrainfodidactica.getData()}
599
600
601 </#if>
602 <#-- OTRA INFO DIDACTICA -->
603
604 <#-- CASOS DE USO -->
605 <#if casosuso.getData()?has_content>
606
607 <h2>${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2>
608
609
610 ${casosuso.getData()}
611
612 </#if>
613 <#-- FIN CASOS DE USO -->
614
615
616 </div>
617 </div>
618
619 <#-- PROGRAMAS RELACIONADOS -->
620 <#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.link.service.AssetLinkLocalService") />
621 <#assign relatedAssets = assetLinkLocalService.getLinks(asset.getEntryId())/>
622 <#if relatedAssets?has_content>
623 <div id="related-programs">
624 <#list relatedAssets as entry>
625 <#if entry.getEntryId1() == asset.getEntryId()>
626 <#assign entry2 = assetEntryLocalService.getEntry(entry.getEntryId2()) />
627 <#if entry2?has_content && entry2.getClassPK()?has_content>
628
629 <#attempt>
630 <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) />
631 <#recover>
632 <#assign relatedContent = ""/>
633 </#attempt>
634 <#-- <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) /> -->
635
636 <#if relatedContent?has_content && relatedContent.getDDMStructureKey() == "PROGRAMAS">
637 <#list relatedContent.getDDMStructure().getTemplates() as template>
638 <#if template.getName(locale)?? && template.getName(locale)?has_content && template.getName(locale.toString())?ends_with('RELATED_CONTENT')>
639 <#assign articleContent = journalArticleLocalService.getArticleContent(relatedContent, template.getTemplateKey(), "VIEW", themeDisplay.getLocale(),NULL, themeDisplay) />
640 ${articleContent}
641
642
643
644 </#if>
645 </#list>
646 </#if>
647 </#if>
648 </#if>
649
650
651 </#list>
652 </div>
653 </#if>
654 <#-- FIN PROGRAMAS RELACIONADOS -->
655
656 <#if repetibleDinamico?? && repetibleDinamico.getSiblings()?has_content>
657
658 <#list repetibleDinamico.getSiblings() as cur_repetibleDinamico>
659 <div class="detalle-recurso-content">
660 <div class="center-content-1000">
661 ${cur_repetibleDinamico.getData()}
662 </div>
663 </div>
664 </#list>
665 </#if>
666
667 <#-- VALORACIONES -->
668 <@liferay_portlet["runtime"]
669 instanceId="valoraciones2"
670 portletName="com_educaixa_valoraciones_EducaixaValoracionesPortlet"
671 />
672 <#-- VALORACIONES -->
673
674 <#-- -->
675 <div class="materiales-y-descargas mt-48 mb-48">
676 <div class="center-content-1000">
677 <#-- MATERIALES Y DESCARGAS -->
678 <#assign downloadCont = 0 />
679 <#if materialrelacionado.getData()?has_content || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content >
680 <div id="materialesDescargas">
681 <h2 class="mb-24">
682 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")}
683 </h2>
684 <div class="mb-24 font-20 font-450 grey-medium">
685 <#if materialesTexto.getData()?has_content>
686
687 ${materialesTexto.getData()}
688
689 </#if>
690 </div>
691 <#if materialrelacionado.getSiblings()?has_content || descargable.getData()?has_content>
692 <ul id="downloads" class="resources-grid dg grid-3 cg-12 lsn p0 t-grid-2 m-grid-1">
693 <#if materialrelacionado.getSiblings()?has_content>
694 <#list materialrelacionado.getSiblings() as material>
695 <#if material.getData()?? && material.getData() != "">
696 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) />
697 <#assign fileSize = file.getSize() />
698
699 <#if fileSize gt 0>
700 <#assign mimeType = file.getMimeType()?keep_after_last("/") />
701
702 <#if material.guiasMaterialRelacionado?? && material.guiasMaterialRelacionado.getData()?has_content>
703 <#assign guiaTypeMD = material.guiasMaterialRelacionado.getData() />
704 <#else>
705 <#assign guiaTypeMD = "default" />
706 </#if>
707 <#assign downloadCont = 1 />
708
709 <li class="${mimeType} df aic br-16 ">
710
711 <#if guiaTypeMD ?? && guiaTypeMD=="default">
712 <p class="ico-resource ico-res-def">
713 <img src="/o/educaixa-theme/images/recursos/formato.svg" />
714 </p>
715 <#else>
716 <p class="ico-resource ico-res-nodef">
717 <img class="ico-default" src="/documents/10180/82195644/${guiaTypeMD}.svg" />
718 <img class="ico-hover" style="position:absolute;opacity:0;" src="/documents/10180/72553042/${guiaTypeMD}.svg" />
719 </p>
720 </#if>
721
722 <div class="ml-16 mr-12">
723 <p class="font-14 font-700">${material.titulomaterial.getData()}</p>
724 <p class="font-14"> (${mimeType?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)
725 </p>
726 </div>
727 <#if is_signed_in>
728 <#if material.getData()?contains("?t")>
729 <#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/>
730 <#else>
731 <#assign materialUrl = material.getData()[0..material.getData()?length]/>
732 </#if>
733 <a class="${mimeType} tu c-black" href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
734 <#else>
735 <a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')">
736 </#if>
737 ${languageUtil.get(locale, "download")}
738 </a>
739 </li>
740 </#if>
741 </#if>
742 </#list>
743 </#if>
744 <#if descargable.getData()?has_content>
745 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(descargable.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) />
746 <#assign fileSize = file.getSize() />
747
748 <#if fileSize gt 0>
749 <#assign mimeType = file.getMimeType()?keep_after_last("/") />
750 <#assign downloadCont = 1 />
751
752 <#assign fileName = file.getFileName() />
753 <#if descargable.tituloRecursoDescargable?? && descargable.tituloRecursoDescargable.getData()?has_content>
754 <#assign fileName = descargable.tituloRecursoDescargable.getData() />
755 </#if>
756
757 <#if descargable.guiasRecursoDescargable?? && descargable.guiasRecursoDescargable.getData()?has_content>
758 <#assign guiaTypeRD = descargable.guiasRecursoDescargable.getData() />
759 <#else>
760 <#assign guiaTypeRD = "default" />
761
762 </#if>
763 <li class="${mimeType} df aic br-16">
764
765 <#if guiaTypeRD=="default">
766 <p class="ico-resource ico-res-def">
767 <img src="/o/educaixa-theme/images/recursos/formato.svg" />
768 </p>
769 <#else>
770 <p class="ico-resource ico-res-nodef">
771 <img class="ico-default" src="/documents/10180/82195644/${guiaTypeRD}.svg" />
772 <img class="ico-hover" style="position:absolute;opacity:0;" src="/documents/10180/72553042/${guiaTypeRD}.svg" />
773 </p>
774 </#if>
775
776 <div class="ml-16 mr-12">
777 <p class="font-14 font-700">${fileName}</p>
778 <p class="font-14">(${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</p>
779 </div>
780
781 <#if is_signed_in>
782 <#if descargable.getData()?contains("?t")>
783 <#assign materialUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/>
784 <#else>
785 <#assign materialUrl = descargable.getData()[0..descargable.getData()?length]/>
786 </#if>
787 <a class="${mimeType} tu c-black" href="${descargable.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
788 <#else>
789 <a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')">
790 </#if>
791 ${languageUtil.get(locale, "download")}
792 </a>
793 </li>
794 </#if>
795 </#if>
796 </ul>
797
798 <#if downloadCont gt 0>
799 <div class="w-100 pt-12 df fe ac ">
800 <#if is_signed_in>
801 <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onclick="downloadAll();">
802 <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/>
803 <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a>
804 <#else>
805 <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onClick="openPopup('${loginURL}','','500', '650');">
806 <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/>
807 <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a>
808 </#if>
809 </div>
810 </#if>
811 </#if>
812 </div>
813 </#if>
814 <#-- FIN MATERIALES Y DESCARGAS -->
815 </div>
816
817 </div>
818
819</section>
820
821
822
823
824<script>
825$( document ).ready(function() {
826 initAddThis();
827
828 <#if downloadCont==0>
829 $("#materialesDescargas").hide();
830 </#if>
831
832 $("a.header-back-to").attr('onClick','');
833 $("a.header-back-to").attr("href","/es/landing-recursos");
834 <#if language=='ca_ES'>
835 $("a.header-back-to").attr("href","/ca/landing-recursos");
836 </#if>
837
838
839 var recursoTitle = document.getElementsByTagName('title')[0].innerHTML;
840 window.dataLayer = window.dataLayer || [];
841 dataLayer.push({
842 'event': 'CG',
843 'eventCategory': 'recurso | interactivo',
844 'eventAction': recursoTitle
845 })
846
847
848});
849
850
851</script>
852
853<style>
854.objetivo{
855 color: #7B2FA1;
856}
857
858
859.crop{
860 width: 900px;
861 height: 548px;
862
863}
864
865.contenido-dcha-item > span {
866 width: 100%;
867 height: 1px;
868 display: inline-block;
869}
870.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 {
871 max-width: 1140px;
872 margin: 0 auto;
873 margin-bottom: 0px;
874 margin-top:20px;
875}
876
877p.component-title.h4 span.header-back-to > a.taglib-icon::after {
878 content: "${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.atras")}";
879 color:#009AD8;
880}
881
882
883.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 .lexicon-icon.lexicon-icon-angle-left {
884 fill: #009AD8;
885 width: 15px;
886 height: 15px;
887 margin-right: 10px;
888}
889.container.vertical.image-view.ficha-evidencias .box-img.col-lg.square {
890 box-shadow: 1px 1px 8px #d0d0d0;
891}
892
893
894
895<#-- -->
896
897
898div#related-programs {
899 max-width: 1000px;
900 margin: 0 auto;
901}
902div#related-programs .program-related {
903 box-shadow: 0px 0px 4px 1px #dcdcdc;
904 padding: 24px;
905 background-color: #FBFBFB;
906 margin-bottom:32px;
907}
908a.img-programa {
909 position: relative;
910 width: 100%;
911 height: 100%;
912 top: 0px;
913 left: 0px;
914 display: inline-flex;
915}
916a.img-programa img {
917 position: absolute;
918 width: 100%;
919 height: 100%;
920 object-fit: cover;
921}
922.color-222 {
923 color:#222;
924}
925.f-normal {
926 font-weight:normal;
927}
928a.btn-educaixa2 {
929 margin-bottom: 0px;
930 background-color: #fff;
931 color: #009EE0;
932 position: static;
933 float: inherit;
934 display: inline-block;
935 padding: 12px 24px;
936 font-size: 18px;
937 font-style: normal;
938 font-weight: 500;
939 line-height: normal;
940 font-family: "Circular Std Book";
941 border: 1px solid #009EE0;
942 border-radius: 16px !important;
943 transition: all 0.25s linear;
944}
945a.btn-educaixa2:hover {
946 background-color: #009EE0;
947 color: #fff;
948}
949.program-related > .cards {
950 min-height: 234px;
951}
952.program-related:nth-child(even) .cards{
953 grid-auto-flow: dense;
954}
955
956.program-related:nth-child(even) .item-image-pograma-col1 {
957 grid-column: 2;
958}
959
960.program-related:nth-child(even) .item-image-pograma-col2 {
961 grid-column: 1;
962}
963
964
965</style>
966
967<script>
968
969function downloadAll() {
970 // Obtener el elemento <ul> con el id "downloads"
971 var listaDescargas = document.getElementById("downloads");
972
973 // Obtener todos los elementos <a> dentro de la lista
974 var elementosA = listaDescargas.getElementsByTagName("a");
975
976 // Recorrer los elementos y descargar los archivos
977 for (var i = 0; i < elementosA.length; i++) {
978 var enlace = elementosA[i].getAttribute("href");
979 var nombreArchivo = obtenerNombreDeArchivo(enlace);
980 descargarArchivo(enlace, nombreArchivo);
981 }
982}
983
984function obtenerNombreDeArchivo(url) {
985 // Obtener el nombre del archivo desde la URL
986 var partesUrl = url.split("/");
987 return partesUrl.pop();
988}
989
990function descargarArchivo(url, nombre) {
991 // Crear un elemento <a> temporal para descargar el archivo
992 var enlaceTemporal = document.createElement("a");
993 enlaceTemporal.href = url;
994 enlaceTemporal.target = "_blank";
995 enlaceTemporal.download = nombre;
996
997 // Simular un clic en el enlace para iniciar la descarga
998 enlaceTemporal.style.display = "none";
999 document.body.appendChild(enlaceTemporal);
1000 enlaceTemporal.click();
1001 document.body.removeChild(enlaceTemporal);
1002}
1003
1004function navegarAElemento(idElemento) {
1005 var elemento = document.getElementById(idElemento);
1006
1007 if (elemento) {
1008 elemento.scrollIntoView({ behavior: 'smooth' });
1009 }
1010}
1011
1012function gestionarBookmark (articleId, update){
1013 updateUserBookmark(articleId,update);
1014 if(update){
1015 $("#bookmark-text").hide();
1016 }else{
1017 $("#bookmark-text").show();
1018 }
1019}
1020
1021<#if is_signed_in && isUserBookmark>
1022 $("#bookmark-text").hide();
1023</#if>
1024
1025
1026$(".btn-interactivo-ver").click(function(){
1027 window.open('${verUrl}', '_blank');
1028});
1029
1030
1031
1032</script>
1033
1034
1035<style>
1036
1037 .mti {
1038
1039 background-image: url(/o/educaixa-theme/images/recursos/process2.svg);
1040 background-size:25px 25px;
1041 }
1042
1043 .section-competencias li {
1044 background-color: #f1f1f1;
1045 width: 70px;
1046 height: 70px;
1047 display: flex;
1048 justify-content: center;
1049 align-items: center;
1050 }
1051
1052 .grid-7 {
1053 grid-template-columns: repeat(7, 1fr);
1054
1055 }
1056
1057 .grid-10 {
1058 grid-template-columns: repeat(10, 1fr);
1059
1060 }
1061
1062 .cg-5 {
1063 column-gap:5px;
1064 }
1065 .cg-20 {
1066 column-gap:20px;
1067 }
1068 .cg-10 {
1069 column-gap:10px;
1070 }
1071 .mb-10{
1072 margin-bottom:10px;
1073 }
1074 .mod.mod-filtros-landings.elements-block.container.filtro-actividades.filtros-Recursos .bookmark button#bookmark {
1075 background-size:100% 100%;
1076 }
1077
1078 .mh-325 > .mh-325 {
1079 min-height: 400px;
1080 }
1081
1082 #wrapper .resources-grid li:hover p.ico-resource .ico-hover, #wrapper .resources-grid li:focus p.ico-resource .ico-hover {
1083 opacity: 1 !important;
1084 position: static !important;
1085 max-width: 25px !important;
1086 margin-left: 0px;
1087 margin-top: 0px;
1088 filter: brightness(0) invert(1);
1089 }
1090
1091 @media (max-width: 767px) {
1092 .mh-325 > .mh-325 {
1093 min-height: inherit;
1094 }
1095
1096 .m-grid-4 {
1097 grid-template-columns: repeat(4, 1fr);
1098 }
1099 .m-cg-10 {
1100 column-gap:10px;
1101 }
1102 .section-competencias li {
1103 width:100%;
1104 }
1105
1106 .detalle-recurso-content > .center-content-1000 > h2 {
1107 line-height: 32px;
1108 }
1109 }
1110
1111
1112 </style>
