Avancem programant. Activitat per treballar el pensament computacional a primària i secundària – EduCaixa
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#79229481" at line 131, 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#79229481" at line 131, 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.landing.recurso.microjuego") />
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 idiomas = []>
91
92<#list asset.getCategories() as cur_category>
93 <#if cur_category.vocabularyId == nivel_educativo_vocabularyId>
94 <#assign nivel_educativo = nivel_educativo + [cur_category.getTitle(language)]>
95 <#elseif cur_category.vocabularyId == area_conocimiento_vocabularyId>
96 <#assign area_conocimiento = area_conocimiento + [cur_category.getTitle(language)]>
97 <#elseif cur_category.vocabularyId == competencias_vocabularyId>
98 <#assign competencias = competencias + [cur_category.getTitle(language)]>
99 <#elseif cur_category.vocabularyId == ods_cat_vocabularyId>
100 <#assign ods_cat = ods_cat + [cur_category.getDescription(language)]>
101 <#elseif cur_category.vocabularyId == metodologia_cat_vocabularyId>
102 <#assign metodologia_cat = metodologia_cat + [cur_category.getTitle(language)]>
103 <#elseif cur_category.vocabularyId == competencias_docente_vocabularyId>
104 <#assign competencias_docente = competencias_docente + [cur_category.getTitle(language)]>
105 <#elseif cur_category.vocabularyId == idiomas_vocabularyId>
106 <#assign idiomas = idiomas + [cur_category.getTitle(language)]>
107 </#if>
108</#list>
109
110
111
112<#assign thesaurusCategories = UtilsService.getThesaurusCategories(asset) />
113<#assign tagsCategories = UtilsService.getTagsCategories(asset) />
114<#assign categories = thesaurusCategories + tagsCategories />
115
116<#-- Login -->
117<#assign is_signed_in = themeDisplay.isSignedIn()/>
118<#assign readOnlyMode = false />
119<#assign plid = portalUtil.getPlidFromPortletId(themeDisplay.getScopeGroupId(), "EducaixaMyeducaixaLogin") />
120<#assign loginURL = portletURLFactory.create(httpServletRequest, "EducaixaMyeducaixaLogin", plid, "RENDER_PHASE") />
121${loginURL.setParameter("mvcPath", "/login_modal.jsp")}
122${loginURL.setWindowState("POP_UP")}
123
124<#if docprincipal.getData()??>
125 <#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal.getData(), themeDisplay) />
126</#if>
127
128<#-- Idioma -->
129<#assign idiomaResourceText ="" />
130<#assign idiomaText ="" />
131<#if siteMeta?? && siteMeta.get(0).idioma?has_content>
132 <#assign idioma = siteMeta.get(0).idioma?keep_after('\'')?keep_before('\'') />
133 <#if language=="es_ES" >
134 <#if idioma?index_of("Catalan")!=-1 >
135 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "es_ES", "com.educaixa.lang.ca") />
136 <#assign idiomaResourceText = "("+idiomaText+")" />
137 <#elseif idioma?index_of("Ingles")!=-1>
138 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "es_ES", "com.educaixa.lang.en") />
139 <#assign idiomaResourceText = "("+idiomaText+")" />
140 <#else>
141 <#assign idiomaText = idioma />
142 <#assign idiomaResourceText = "("+idiomaText+")" />
143 </#if>
144
145 <#else>
146 <#if idioma?index_of("Catalan")!=-1 >
147 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.ca") />
148 <#assign idiomaResourceText = "("+idiomaText+")" />
149 <#elseif idioma?index_of("Ingles")!=-1>
150 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.en") />
151 <#assign idiomaResourceText = "("+idiomaText+")" />
152 <#else>
153 <#assign idiomaText = LiteralsToolsServiceUtil.getLiteral(groupId, "ca_ES", "com.educaixa.lang.es") />
154 <#assign idiomaResourceText = "("+idiomaText+")" />
155 </#if>
156
157
158 </#if>
159
160</#if>
161
162 <link rel="stylesheet" href="/o/educaixa-theme/css/recursos.css">
163
164
165
166 <div class="dg grid-2 w-100 mh-325 center-content m-grid-1 pr zi-0">
167 <div class="w-100 dib h-100 mh-325 pl-64 pr-64 pt-48 pb-48 t-p-32 m-p-16">
168 <#if resourceType != "">
169
170 <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>
171 </#if>
172 <#if titulo?has_content>
173 <h1 class="mt-24 mb-24 font-42 font-500">${titleEscaped}</h1>
174 </#if>
175
176 <div class="df mb-24 star-${valoracionesDisplayAverage} valoraciones-header">
177
178 <#if valoracionesDisplayAverage?floor lt valoracionesDisplayAverage>
179
180 <#list 0..valoracionesDisplayAverage?floor-1 as i>
181
182 <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i>
183 </#list>
184 <i class="fa fa-star-half-o rating-color mr-4px" aria-hidden="true"></i>
185
186 <#if valoracionesDisplayAverage?floor + 1 lt 5>
187 <#list valoracionesDisplayAverage?floor+1..4 as x>
188 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
189 </#list>
190
191 </#if>
192
193 <#else>
194
195 <#if valoracionesDisplayAverage == 0>
196 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
197 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
198 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
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 <#else>
202
203 <#list 0..valoracionesDisplayAverage-1 as i>
204 <i class="fa fa-star rating-color mr-4px" aria-hidden="true"></i>
205 </#list>
206
207 <#if valoracionesDisplayAverage + 1 lt 5>
208 <#list valoracionesDisplayAverage+1..4 as x>
209 <i class="fa fa-star default-color mr-4px" aria-hidden="true"></i>
210 </#list>
211
212 </#if>
213
214 </#if>
215
216 </#if>
217
218
219
220
221 <#-- <div class="star mr-4px"></div>
222 <div class="star mr-4px"></div>
223 <div class="star mr-4px"></div>
224 <div class="star mr-4px"></div>
225 <div class="star"></div> -->
226
227 <p class="resource-stats ml-12 mr-12 font-16 font-500 fb">${valoracionesDisplayAverage}/5</p>
228 <p class="separator-vertical db w-1 h-24 bg-gray-primary"></p>
229 <p class="fb ml-12 font-16 font-500 ">
230 <a class="link-comentarios tu" href="javascript:void(0);" onclick="navegarAElemento('comentariosViewList');">${valoracionesTotalEntries} ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.comentarios")}</a></p>
231
232
233 </div>
234 <#if siteMeta?? && siteMeta.get(0) ?? && siteMeta.get(0).url?? && siteMeta.get(0).url != "">
235 <button class="btn-educaixa btn-microsite-ver btn-desktop" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>
236 </#if>
237 </div>
238 <div class="w-100 pr df fdc h-100 mh-325 m-ps m-p-16">
239
240 <#-- -->
241 <div class="bookmark bookmark-header">
242 <#if is_signed_in>
243 <#if isUserBookmark>
244 <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>
245 <#else>
246 <button id="bookmark" onClick="gestionarBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button>
247 </#if>
248 <#else>
249 <button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button>
250 </#if>
251 </div>
252 <#-- -->
253 <div class="m-pr">
254 <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 " >
255
256 </div>
257 <#if siteMeta?? && siteMeta.get(0) ?? && siteMeta.get(0).url?? && siteMeta.get(0).url != "">
258 <button class="btn-educaixa btn-microsite-ver btn-mobile w-100 mt-24" id="">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>
259 </#if>
260 </div>
261
262 </div>
263
264 <div class="dg grid-6 cg-24 center-content pt-48 pb-48 pl-64 pr-64 m-p-24-16 m-cg-16">
265
266 <#if nivel_educativo?size != 0 >
267 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
268 <div class="ico square-38 br-4 bg-primary-200 nivel-edc"></div>
269 <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>
270
271 <ul class="p0 lsn font-16 font-450">
272 <#list nivel_educativo as item>
273 <li class="mb-12">${item}</li>
274 </#list>
275 </ul>
276 </div>
277 </#if>
278
279
280 <#if area_conocimiento?size != 0 >
281 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
282 <div class="ico square-38 br-4 bg-primary-200 area-c"></div>
283 <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>
284 <ul class="p0 lsn font-16 font-450">
285 <#list area_conocimiento as item>
286 <li class="mb-12">${item}</li>
287 </#list>
288 </ul>
289 </div>
290 </#if>
291
292 <#if area_conocimiento?size != 0 && competencias?size gt 0>
293
294 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
295 <div class="ico square-38 br-4 bg-primary-200 ficha-c"></div>
296 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</p>
297 <ul class="p0 lsn font-16 font-450">
298 <#list competencias as item>
299 <li class="mb-12">${item}</li>
300 </#list>
301 </ul>
302 </div>
303 </#if>
304
305
306 <#if idiomas?size != 0 >
307 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
308 <div class="ico square-38 br-4 bg-primary-200 idioma-ic"></div>
309 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</p>
310 <ul class="p0 lsn font-16 font-450">
311 <#list idiomas as item>
312 <li class="mb-12">${item}</li>
313 </#list>
314 </ul>
315 </div>
316 <#elseif siteMeta?? && siteMeta.get(0)?? && siteMeta.get(0).idioma?has_content>
317 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
318 <div class="ico square-38 br-4 bg-primary-200 idioma-ic"></div>
319 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</p>
320 <ul class="p0 lsn font-16 font-450">
321 <li class="mb-12">${idiomaText} </li>
322 </ul>
323 </div>
324 </#if>
325
326 <#if siteMeta?? && siteMeta.get(0) ?? && siteMeta.get(0).ano?? && siteMeta.get(0).ano != "">
327 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
328 <div class="ico square-38 br-4 bg-primary-200 duration-ic"></div>
329 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.ano")}</p>
330 <ul class="p0 lsn font-16 font-450">
331 <#assign year = siteMeta.get(0).ano />
332 <li class="mb-12">${year}</li>
333 </ul>
334 </div>
335 </#if>
336
337 <#if metodologia_cat?size != 0 >
338 <div class="ico-item p24 bg-primary-100 br-16 m-p12">
339 <div class="ico square-38 br-4 bg-primary-200 metodologia-ico mti"></div>
340 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.metodologia")}</p>
341
342 <ul class="p0 lsn font-16 font-450">
343 <#list metodologia_cat as item>
344 <li class="mb-12">${item}</li>
345 </#list>
346 </ul>
347 </div>
348 </#if>
349
350 <#-- <div class="ico-item p24 bg-primary-100 br-16 m-p12">
351 <div class="ico square-38 br-4 bg-primary-200 tipo-rec"></div>
352 <p class="mt-12 mb-12 c-primary font-450 font-20 c-primary">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FILTROS.SECTION.RECURSO")}</p>
353 <ul class="p0 lsn font-16 font-450">
354
355 <li class="mb-12">${resourceType}</li>
356 </ul>
357 </div> -->
358
359 </div>
360
361
362 <#-- -->
363
364 <div id="bookmark-text" class="bookmark-text bg-primary-300 color-white pr df aic m-p-24-16">
365 <div class="center-content zi-1 w-100 pr">
366 <div class="pa l0 t0 w-100 h-100 zi-2 pa df jcc aic bg-primary-300">
367 <svg class="bg-bookmark" xmlns="http://www.w3.org/2000/svg" width="1440" height="209" viewBox="0 0 1440 209" fill="none">
368 <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"/>
369 </svg>
370 </div>
371 <div class="pr zi-3">
372
373 <div class="bookmark-text-content df w-100 sb">
374 <div class="col-lf c-white">
375
376 <h2 class="font-32 mb-12">
377 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.no.tienes.tiempo")}
378 </h2>
379
380 <#if is_signed_in>
381 <p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description")}</p>
382
383
384 <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>
385
386 <#else>
387 <p class="mb-12 font-450 font-20">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.bookmark.description.guest")}</p>
388 <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>
389 </#if>
390 </div>
391 <div class="col-rig">
392 <img src="/o/educaixa-theme/images/recursos/mas-tarde.svg" />
393 </div>
394 </div>
395 </div>
396 </div>
397 </div>
398
399
400
401 <#if introduccion?has_content && introduccion.getData()!="">
402 <div class="detalle-recurso-content mt-48">
403 <div class="center-content-1000">
404 <h2>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</h2>
405 ${introduccion.getData()}
406 </div>
407 </div>
408 </#if>
409
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
602
603
604
605
606
607
608 </#if>
609 <#-- OTRA INFO DIDACTICA -->
610
611 <#-- CASOS DE USO -->
612 <#if casosuso.getData()?has_content>
613
614 <h2>${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2>
615
616
617 ${casosuso.getData()}
618
619 </#if>
620 <#-- FIN CASOS DE USO -->
621
622
623 </div>
624 </div>
625
626 <#-- PROGRAMAS RELACIONADOS -->
627 <#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.link.service.AssetLinkLocalService") />
628 <#assign relatedAssets = assetLinkLocalService.getLinks(asset.getEntryId())/>
629 <#if relatedAssets?has_content>
630 <div id="related-programs">
631 <#list relatedAssets as entry>
632 <#if entry.getEntryId1() == asset.getEntryId()>
633 <#assign entry2 = assetEntryLocalService.getEntry(entry.getEntryId2()) />
634 <#if entry2?has_content && entry2.getClassPK()?has_content>
635
636 <#attempt>
637 <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) />
638 <#recover>
639 <#assign relatedContent = ""/>
640 </#attempt>
641 <#-- <#assign relatedContent = journalArticleLocalService.fetchLatestArticle(entry2.getClassPK(), 0) /> -->
642
643 <#if relatedContent?has_content && relatedContent.getDDMStructureKey() == "PROGRAMAS">
644 <#list relatedContent.getDDMStructure().getTemplates() as template>
645 <#if template.getName(locale)?? && template.getName(locale)?has_content && template.getName(locale.toString())?ends_with('RELATED_CONTENT')>
646 <#assign articleContent = journalArticleLocalService.getArticleContent(relatedContent, template.getTemplateKey(), "VIEW", themeDisplay.getLocale(),NULL, themeDisplay) />
647 ${articleContent}
648
649
650
651 </#if>
652 </#list>
653 </#if>
654 </#if>
655 </#if>
656
657
658 </#list>
659 </div>
660 </#if>
661 <#-- FIN PROGRAMAS RELACIONADOS -->
662
663 <#if repetibleDinamico?? && repetibleDinamico.getSiblings()?has_content>
664
665 <#list repetibleDinamico.getSiblings() as cur_repetibleDinamico>
666 <div class="detalle-recurso-content">
667 <div class="center-content-1000">
668 ${cur_repetibleDinamico.getData()}
669 </div>
670 </div>
671 </#list>
672 </#if>
673
674 <#-- VALORACIONES -->
675 <@liferay_portlet["runtime"]
676 instanceId="valoraciones2"
677 portletName="com_educaixa_valoraciones_EducaixaValoracionesPortlet"
678 />
679 <#-- VALORACIONES -->
680
681 <#-- -->
682 <div class="materiales-y-descargas mt-48 mb-48">
683 <div class="center-content-1000">
684 <#-- MATERIALES Y DESCARGAS -->
685 <#if materialrelacionado.getData()?has_content || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content >
686 <div id="materialesDescargas">
687 <h2 class="mb-24">
688 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")}
689 </h2>
690 <div class="mb-24 font-20 font-450 grey-medium">
691 <#if materialesTexto.getData()?has_content>
692
693 ${materialesTexto.getData()}
694
695 </#if>
696 </div>
697 <#if materialrelacionado.getSiblings()?has_content || descargable.getData()?has_content>
698 <ul id="downloads" class="resources-grid dg grid-3 cg-12 lsn p0 t-grid-2 m-grid-1">
699 <#if materialrelacionado.getSiblings()?has_content>
700 <#list materialrelacionado.getSiblings() as material>
701 <#if material.getData()?? && material.getData() != "">
702 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) />
703 <#assign fileSize = file.getSize() />
704
705 <#if fileSize gt 0>
706 <#assign mimeType = file.getMimeType()?keep_after_last("/") />
707
708 <#if material.guiasMaterialRelacionado?? && material.guiasMaterialRelacionado.getData()?has_content>
709 <#assign guiaTypeMD = material.guiasMaterialRelacionado.getData() />
710 <#else>
711 <#assign guiaTypeMD = "default" />
712 </#if>
713 <#assign downloadCont = 1 />
714
715 <li class="${mimeType} df aic br-16 ">
716
717 <#if guiaTypeMD ?? && guiaTypeMD=="default">
718 <p class="ico-resource ico-res-def">
719 <img src="/o/educaixa-theme/images/recursos/formato.svg" />
720 </p>
721 <#else>
722 <p class="ico-resource ico-res-nodef">
723 <img class="ico-default" src="/o/educaixa-theme/images/recursos/${guiaTypeMD}.svg" />
724 <img class="ico-hover" style="position:absolute;opacity:0;" src="/o/educaixa-theme/images/recursos/${guiaTypeMD}.svg" />
725 </p>
726 </#if>
727
728 <div class="ml-16 mr-12">
729 <p class="font-14 font-700">${material.titulomaterial.getData()}</p>
730 <p class="font-14"> (${mimeType?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)
731 </p>
732 </div>
733 <#if is_signed_in || readOnlyMode>
734 <#if material.getData()?contains("?t")>
735 <#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/>
736 <#else>
737 <#assign materialUrl = material.getData()[0..material.getData()?length]/>
738 </#if>
739 <a class="${mimeType} tu c-black" href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
740 <#else>
741 <a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')">
742 </#if>
743 ${languageUtil.get(locale, "download")}
744 </a>
745 </li>
746 </#if>
747 </#if>
748 </#list>
749 </#if>
750 <#if descargable.getData()?has_content>
751 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(descargable.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 <#assign downloadCont = 1 />
757
758 <#assign fileName = file.getFileName() />
759 <#if descargable.tituloRecursoDescargable?? && descargable.tituloRecursoDescargable.getData()?has_content>
760 <#assign fileName = descargable.tituloRecursoDescargable.getData() />
761 </#if>
762
763 <#if descargable.guiasRecursoDescargable?? && descargable.guiasRecursoDescargable.getData()?has_content>
764 <#assign guiaTypeRD = descargable.guiasRecursoDescargable.getData() />
765 <#else>
766 <#assign guiaTypeRD = "default" />
767
768 </#if>
769 <li class="${mimeType} df aic br-16">
770
771 <#if guiaTypeRD=="default">
772 <p class="ico-resource ico-res-def">
773 <img src="/o/educaixa-theme/images/recursos/formato.svg" />
774 </p>
775 <#else>
776 <p class="ico-resource ico-res-nodef">
777 <img class="ico-default" src="/o/educaixa-theme/images/recursos/${guiaTypeRD}.svg" />
778 <img class="ico-hover" style="position:absolute;opacity:0;" src="/o/educaixa-theme/images/recursos/${guiaTypeRD}.svg" />
779 </p>
780 </#if>
781
782 <div class="ml-16 mr-12">
783 <p class="font-14 font-700">${fileName}</p>
784 <p class="font-14">(${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</p>
785 </div>
786
787 <#if is_signed_in || readOnlyMode>
788 <#if descargable.getData()?contains("?t")>
789 <#assign materialUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/>
790 <#else>
791 <#assign materialUrl = descargable.getData()[0..descargable.getData()?length]/>
792 </#if>
793 <a class="${mimeType} tu c-black" href="${descargable.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
794 <#else>
795 <a class="${mimeType} tu c-black" onClick="openPopup('${loginURL}','','500', '650')">
796 </#if>
797 ${languageUtil.get(locale, "download")}
798 </a>
799 </li>
800 </#if>
801 </#if>
802 </ul>
803
804 <#if downloadCont gt 0>
805 <div class="w-100 pt-12 df fe ac ">
806 <#if is_signed_in || readOnlyMode>
807 <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onclick="downloadAll();">
808 <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/>
809 <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a>
810 <#else>
811 <a id="donwloadAll" class="c-black df" href="javascript:void(0);" onClick="openPopup('${loginURL}','','500', '650');">
812 <img class="download-all-ico" src="/o/educaixa-theme/images/recursos/download-blue.svg"/>
813 <p class="tu ml-8px">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</p></a>
814 </#if>
815 </div>
816 </#if>
817 </#if>
818 </div>
819 </#if>
820 <#-- FIN MATERIALES Y DESCARGAS -->
821 </div>
822
823 </div>
824
825</section>
826
827
828
829
830<script>
831$( document ).ready(function() {
832 initAddThis();
833
834 <#if downloadCont==0>
835 $("#materialesDescargas").hide();
836 </#if>
837
838 $("a.header-back-to").attr('onClick','');
839 $("a.header-back-to").attr("href","/es/landing-recursos");
840 <#if language=='ca_ES'>
841 $("a.header-back-to").attr("href","/ca/landing-recursos");
842 </#if>
843
844 var recursoTitle = document.getElementsByTagName('title')[0].innerHTML;
845 window.dataLayer = window.dataLayer || [];
846 dataLayer.push({
847 'event': 'CG',
848 'eventCategory': 'recurso | microsite',
849 'eventAction': recursoTitle
850 })
851
852
853});
854
855</script>
856
857<style>
858.objetivo{
859 color: #7B2FA1;
860}
861
862.crop{
863 width: 900px;
864 height: 548px;
865
866}
867
868.contenido-dcha-item > span {
869 width: 100%;
870 height: 1px;
871 display: inline-block;
872}
873.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 {
874 max-width: 1140px;
875 margin: 0 auto;
876 margin-bottom: 0px;
877 margin-top:20px;
878}
879
880p.component-title.h4 span.header-back-to > a.taglib-icon::after {
881 content: "${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.atras")}";
882 color:#009AD8;
883}
884
885
886.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 .lexicon-icon.lexicon-icon-angle-left {
887 fill: #009AD8;
888 width: 15px;
889 height: 15px;
890 margin-right: 10px;
891}
892.container.vertical.image-view.ficha-evidencias .box-img.col-lg.square {
893 box-shadow: 1px 1px 8px #d0d0d0;
894}
895
896
897<#-- -->
898
899
900div#related-programs {
901 max-width: 1000px;
902 margin: 0 auto;
903}
904div#related-programs .program-related {
905 box-shadow: 0px 0px 4px 1px #dcdcdc;
906 padding: 24px;
907 background-color: #FBFBFB;
908 margin-bottom:32px;
909}
910a.img-programa {
911 position: relative;
912 width: 100%;
913 height: 100%;
914 top: 0px;
915 left: 0px;
916 display: inline-flex;
917}
918a.img-programa img {
919 position: absolute;
920 width: 100%;
921 height: 100%;
922 object-fit: cover;
923}
924.color-222 {
925 color:#222;
926}
927.f-normal {
928 font-weight:normal;
929}
930a.btn-educaixa2 {
931 margin-bottom: 0px;
932 background-color: #fff;
933 color: #009EE0;
934 position: static;
935 float: inherit;
936 display: inline-block;
937 padding: 12px 24px;
938 font-size: 18px;
939 font-style: normal;
940 font-weight: 500;
941 line-height: normal;
942 font-family: "Circular Std Book";
943 border: 1px solid #009EE0;
944 border-radius: 16px !important;
945 transition: all 0.25s linear;
946}
947a.btn-educaixa2:hover {
948 background-color: #009EE0;
949 color: #fff;
950}
951.program-related > .cards {
952 min-height: 234px;
953}
954.program-related:nth-child(even) .cards{
955 grid-auto-flow: dense;
956}
957
958.program-related:nth-child(even) .item-image-pograma-col1 {
959 grid-column: 2;
960}
961
962.program-related:nth-child(even) .item-image-pograma-col2 {
963 grid-column: 1;
964}
965
966
967
968</style>
969
970<script>
971
972function downloadAll() {
973 // Obtener el elemento <ul> con el id "downloads"
974 var listaDescargas = document.getElementById("downloads");
975
976 // Obtener todos los elementos <a> dentro de la lista
977 var elementosA = listaDescargas.getElementsByTagName("a");
978
979 // Recorrer los elementos y descargar los archivos
980 for (var i = 0; i < elementosA.length; i++) {
981 var enlace = elementosA[i].getAttribute("href");
982 var nombreArchivo = obtenerNombreDeArchivo(enlace);
983 descargarArchivo(enlace, nombreArchivo);
984 }
985}
986
987function obtenerNombreDeArchivo(url) {
988 // Obtener el nombre del archivo desde la URL
989 var partesUrl = url.split("/");
990 return partesUrl.pop();
991}
992
993function descargarArchivo(url, nombre) {
994 // Crear un elemento <a> temporal para descargar el archivo
995 var enlaceTemporal = document.createElement("a");
996 enlaceTemporal.href = url;
997 enlaceTemporal.target = "_blank";
998 enlaceTemporal.download = nombre;
999
1000 // Simular un clic en el enlace para iniciar la descarga
1001 enlaceTemporal.style.display = "none";
1002 document.body.appendChild(enlaceTemporal);
1003 enlaceTemporal.click();
1004 document.body.removeChild(enlaceTemporal);
1005}
1006
1007function navegarAElemento(idElemento) {
1008 var elemento = document.getElementById(idElemento);
1009
1010 if (elemento) {
1011 elemento.scrollIntoView({ behavior: 'smooth' });
1012 }
1013}
1014
1015function gestionarBookmark (articleId, update){
1016 updateUserBookmark(articleId,update);
1017 if(update){
1018 $("#bookmark-text").hide();
1019 }else{
1020 $("#bookmark-text").show();
1021 }
1022}
1023
1024<#if is_signed_in && isUserBookmark>
1025 $("#bookmark-text").hide();
1026</#if>
1027
1028
1029$(".btn-microsite-ver").click(function(){
1030 window.open('${siteMeta.get(0).url}', '_blank');
1031});
1032
1033
1034</script>
1035
1036
1037<style>
1038
1039 .mti {
1040
1041 background-image: url(/o/educaixa-theme/images/recursos/process2.svg);
1042 background-size:25px 25px;
1043 }
1044
1045 .section-competencias li {
1046 background-color: #f1f1f1;
1047 width: 70px;
1048 height: 70px;
1049 display: flex;
1050 justify-content: center;
1051 align-items: center;
1052 }
1053
1054 .grid-7 {
1055 grid-template-columns: repeat(7, 1fr);
1056
1057 }
1058
1059 .grid-10 {
1060 grid-template-columns: repeat(10, 1fr);
1061
1062 }
1063
1064 .cg-5 {
1065 column-gap:5px;
1066 }
1067 .cg-20 {
1068 column-gap:20px;
1069 }
1070 .cg-10 {
1071 column-gap:10px;
1072 }
1073 .mb-10{
1074 margin-bottom:10px;
1075 }
1076 .mod.mod-filtros-landings.elements-block.container.filtro-actividades.filtros-Recursos .bookmark button#bookmark {
1077 background-size:100% 100%;
1078 }
1079
1080 .mh-325 > .mh-325 {
1081 min-height: 400px;
1082 }
1083
1084 @media (max-width: 767px) {
1085 .mh-325 > .mh-325 {
1086 min-height: inherit;
1087 }
1088
1089 .m-grid-4 {
1090 grid-template-columns: repeat(4, 1fr);
1091 }
1092 .m-cg-10 {
1093 column-gap:10px;
1094 }
1095 .section-competencias li {
1096 width:100%;
1097 }
1098
1099 .detalle-recurso-content > .center-content-1000 > h2 {
1100 line-height: 32px;
1101 }
1102 }
1103
1104
1105 #wrapper .resources-grid li:hover p.ico-resource .ico-hover, #wrapper .resources-grid li:focus p.ico-resource .ico-hover {
1106 opacity: 1 !important;
1107 position: static !important;
1108 max-width: 25px !important;
1109 margin-left: 0px;
1110 margin-top: 0px;
1111 filter: brightness(0) invert(1);
1112 }
1113
1114 </style>
