Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> imagenficha  [in template "10154#10192#BANNER_FICHA_RECURSOS_TPL" at line 120, column 53]

----
Tip: If the failing expression is known to be 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: ${imagenficha.getData()}  [in template "10154#10192#BANNER_FICHA_RECURSOS_TPL" at line 120, column 51]
----
1<#-- Services --> 
2<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
3<#assign UtilsService = serviceLocator.findService("com.educaixa.utils.service.EduCaixaUtilsService")/> 
4<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")/> 
5<#assign DLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") /> 
6<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()> 
7<#assign httpServletRequest = serviceContext.getRequest() /> 
8<#assign plid = portalUtil.getPlidFromPortletId(themeDisplay.getScopeGroupId(), "EducaixaMyeducaixaLogin") /> 
9<#assign loginURL = portletURLFactory.create(httpServletRequest, "EducaixaMyeducaixaLogin", plid, "RENDER_PHASE") /> 
10${loginURL.setParameter("mvcPath", "/login_modal.jsp")} 
11${loginURL.setWindowState("POP_UP")} 
12<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
13<#assign UserBookmarkLocalService = serviceLocator.findService("com.educaixa.services.service.UserBookmarkLocalService") /> 
14 
15<#-- Variables Globales --> 
16<#assign journalArticleId = .vars['reserved-article-id'].data/> 
17<#assign language = themeDisplay.getLocale()/> 
18<#assign groupId = themeDisplay.getScopeGroupId()/> 
19<#assign companyId =themeDisplay.getCompanyId()/> 
20<#assign userId =themeDisplay.getUserId()/> 
21<#assign is_signed_in = themeDisplay.isSignedIn()/> 
22<#assign theme_color = themeDisplay.getColorSchemeId()/> 
23 
24<#-- Variables --> 
25<#assign isUserBookmark = UserBookmarkLocalService.isUserBookmark(companyId,userId,journalArticleId,groupId)/> 
26<#assign article = JournalArticleLocalService.getArticle(getterUtil.getLong(scopeGroupId), journalArticleId) /> 
27<#assign alreadyRated = UtilsService.alreadyRatedContent(themeDisplay, article.getResourcePrimKey(), themeDisplay.getUserId()) /> 
28<#assign rating = UtilsService.getBannerRating(themeDisplay, article.getResourcePrimKey()) /> 
29<#assign asset = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", article.resourcePrimKey) /> 
30			 
31<#assign type = tipo.getData()?keep_after('"')?keep_before('"') /> 
32<#assign tipologia = " - " + LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa." + type) /> 
33 
34<#assign atualURL = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() /> 
35<#assign readIds = "title-read,subtitle-read,datos-basicos-recurso,descripcion-recurso,objetivos-recurso,competencias-recurso,materiales-descarga-recurso,ejemplos-uso-recurso,info-didactica-recurso" > 
36<#assign imagenfichaAlt = titulo.getData() /> 
37<#attempt> 
38    <#if imagenficha.getData()?has_content && imagenficha.getData()??> 
39        <#assign imagenficha = imagenficha.getAttribute("alt") /> 
40    </#if> 
41<#recover> 
42</#attempt> 
43 
44<div id="banner-ficha-recursos" class="banner-ficha-general" style="background-image: url(/o/edu-caixa-theme/images/banner_images/blured-lights-recursos.png); background-repeat: no-repeat; background-size: cover;"> 
45    <div class="contenido"> 
46        <div class="tipologia-icon-recursos">&nbsp;</div> 
47		<div class="banner-info-wrapper"> 
48			<p class="tipologia">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.RESOURCE")}${tipologia}</p> 
49			<h1 id="title-read" class="banner-title blanco uppercase">${titulo.getData()}</h1> 
50			<#if subtitulo.getData()?? && subtitulo.getData()?has_content> 
51				<div id="subtitle-read" class="banner-subtitle blanco margin-top-5 margin-bottom-10">${subtitulo.getData()}</div> 
52			<#else> 
53				<p class="banner-subtitle blanco margin-top-5 margin-bottom-10"></p> 
54			</#if>	 
55			 
56			<#if type?contains("resourcePhysical")> 
57			    <#if  active.getData() == 'true'> 
58    				<#-- Solicitar material --> 
59    				<p class="acceso"> 
60    					<#if is_signed_in> 
61    						<a onclick="javascript:redirectResourceMat(${article.getResourcePrimKey()})" class="boton large small boton-recurso width-250 margin-top-50 margin-bottom-10"> 
62    							${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FORMULARIOS.ORDER.MATERIAL")} 
63    						</a> 
64    					<#else> 
65    					    <#if language?contains('es_ES')> 
66    					        <#assign orderMaterial = 'https://' + httpServletRequest.serverName + '/' + locale.getLanguage()+ '/material-fisico?resourcePK='+article.getResourcePrimKey() /> 
67    					    <#else> 
68								<#assign orderMaterial = 'https://' + httpServletRequest.serverName + '/' + locale.getLanguage()+ '/material-fisic?resourcePK='+article.getResourcePrimKey() /> 
69    					    </#if> 
70    						<a onClick="openPopup('${loginURL}','','500', '650','${orderMaterial}')" class="boton large small boton-recurso width-250 margin-top-50 margin-bottom-10"> 
71    							${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FORMULARIOS.ORDER.MATERIAL")} 
72    						</a> 
73    					</#if> 
74    				</p> 
75    			</#if> 
76			<#else> 
77			 
78				<#-- Cambiar Literal cada vez que se clika un boton--> 
79				<#-- BOOKMARK -->	 
80				<input type="hidden" class="no-guardar-fav" value="${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.saved.as.favourite")}"> 
81				<input type="hidden" class="guardar-fav" value="${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.save.favourites")}"> 
82				 
83				<#if is_signed_in> 
84					<#if isUserBookmark> 
85						<p class="acceso"> 
86							<a onClick="updateUserBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked boton large small boton-recurso width-250 margin-top-50 margin-bottom-10"> 
87								${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.saved.as.favourite")} 
88							</a> 
89						</p> 
90					<#else> 
91						<p class="acceso"> 
92							<a onClick="updateUserBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark boton large small boton-recurso width-250 margin-top-50 margin-bottom-10"> 
93								${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.save.favourites")} 
94							</a> 
95						</p> 
96					</#if> 
97					 
98				<#else> 
99					<p class="acceso"><a onClick="openPopup('${loginURL}','','500', '650')" class="bookmark boton large small boton-recurso width-250 margin-top-50 margin-bottom-10">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.save.favourites")}</a></p> 
100				</#if> 
101			</#if> 
102			 
103		</div> 
104		 
105		<#-- Imagen/video --> 
106		<#if docprincipal?? && docprincipal.getData()?? && docprincipal.getData()?has_content> 
107		    <@displayMetadata docprincipal=docprincipal.getData() type=type/> 
108		<#else> 
109			<#--<div class="banner-recursos-recurso ${type}" onclick="javascript:redirectModalRecurso(${article.getResourcePrimKey()}, 'true')">--> 
110			<div class="banner-recursos-recurso ${type}"> 
111				<#--<#assign totalImages = 0 /> 
112				<#if MaterialRelacionado.getSiblings()?has_content && MaterialRelacionado.getSiblings()?size gt 0 && MaterialRelacionado.getData()?has_content && MaterialRelacionado.getData()??> 
113					<#assign totalImages = MaterialRelacionado.getSiblings()?size + 1 /> 
114				</#if>--> 
115				<div class="wrapper-recurso-imagen recurso-item-image" > 
116					<span class="rec-hover-icon"></span> 
117				<#--<#if totalImages gt 0> 
118					<div class="num-rec-img"><span>${totalImages}</span></div> 
119				</#if>--> 
120					<img src="${imagenficha.getData()}" alt="${imagenfichaAlt}">  
121				</div> 
122				 
123				<#--<#if  active.getData() == 'true'> 
124    				<div onclick="javascript:redirectResourceMat(${article.getResourcePrimKey()})" class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FORMULARIOS.ORDER.MATERIAL")}</span></div> 
125				</#if>--> 
126			</div> 
127		</#if> 
128		 
129        <div id="banner-ficha-opciones"> 
130            <#if rating.hasRatings> 
131                <div class="banner-rating-wrapper margin-right-20 float-l blanco font-small opacity75"> 
132				 
133					<svg viewBox="0 0 36 36" class="banner-rating-circular-chart ${theme_color}">  
134						<path class="circle-bg" stroke-dasharray="50" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
135						<path class="circle" stroke-dasharray="${rating.percentageRating}, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>  
136						<marker id="full-circle" refY="6" markerUnits="userSpaceOnUse" refX="6" markerHeight="9" markerWidth="9"> 
137							<circle cx="4" cy="6" r="2" fill="white" stroke="content-stroke" stroke-width="2"></circle> 
138						</marker> 
139						<foreignObject><span class="banner-valoracion-comentario">#{rating.rating; m1M1}</span></foreignObject>  
140					</svg> 
141 
142					<span class="banner-n-ratings">${rating.numberOfRatings} ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.evaluations")}</span> 
143					<span class="banner-n-rating-tablet">${rating.numberOfRatings}</span> 
144				</div> 
145            </#if> 
146            <#-- anchor a D29 --> 
147			<#-- div class="float-l blanco font-small opacity75"><span class="visualizaciones">&nbsp;</span>355 visualizaciones literal</div --> 
148            <a class="compartir"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.share")}</span></a>  
149			<div id="share" class="hide"> 
150				<span class="modal-close"></span> 
151				<p class="negro bold">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.share")}</p> 
152				<p class="margin-bottom-20">${titulo.getData()}</p> 
153				<div id="share-content"></div> 
154			</div> 
155			 
156			<#if descargable?has_content && descargable.getData() != "" && !type?contains("resourcePhysical")> 
157				<a href="${descargable.getData()}" class="descargar">&nbsp;</a>  
158			</#if> 
159			 
160			<#if type?contains("resourcePhysical")> 
161				 <#-- BOOKMARK -->	 
162				<#if is_signed_in> 
163					<#if isUserBookmark> 
164						<a onClick="updateUserBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="hide-below-980 bookmark ${theme_color} bookmarked"></a>  
165					<#else> 
166						<a onClick="updateUserBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="hide-below-980 bookmark ${theme_color}"></a> 
167					</#if> 
168				<#else> 
169					<a onClick="openPopup('${loginURL}','','500', '650')" class="hide-below-980 bookmark"></a> 
170				</#if> 
171			</#if> 
172			 
173            <#if !alreadyRated > 
174				<#if is_signed_in> 
175					<a class="comentar" onclick="javascript:showModalValoracion()">&nbsp;</a> 
176				<#else> 
177					<a onClick="openPopup('${loginURL}','','500', '650')" class="comentar"></a> 
178				</#if> 
179            </#if> 
180            <a href="javascript:window.print()" class="imprimir">&nbsp;</a>  
181            <a class="audio"></a> 
182			<div id="readspeaker_button" class="rs_skip rsbtn rs_preserve hide"> 
183				<a class="rsbtn_play" accesskey="L" title="Escuchar esta p&aacute;gina utilizando ReadSpeaker" 
184				href="https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=9149&amp;lang=${language?lower_case}&amp;readid=${readIds}&amp;url=${atualURL}"> 
185				<span class="rsbtn_left rsimg rspart"> 
186					<span class="rsbtn_text"> 
187					<span>${LiteralsToolsServiceUtil.getLiteral(groupId, language,"com.educaixa.listen")}</span> 
188					</span> 
189				</span> 
190				<span class="rsbtn_right rsimg rsplay rspart"></span> 
191				</a> 
192			</div> 
193            <div class = "banner-dots-wrapper hide-over-980" onclick="showContextualOptions();"> 
194				<svg viewBox="0 0 36 36" class="banner-dots-svg">   
195					<path class="banner-dot-circle" stroke-dasharray="100, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
196				</svg> 
197				<svg viewBox="0 0 36 36" class="banner-dots-svg">   
198					<path class="banner-dot-circle" stroke-dasharray="100, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
199				</svg> 
200				<svg viewBox="0 0 36 36" class="banner-dots-svg">   
201					<path class="banner-dot-circle" stroke-dasharray="100, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
202				</svg> 
203			</div> 
204        </div> 
205    </div> 
206     
207    <#-- Menu contextual para res 320 --> 
208	<div id="banner-opciones-contextual" class="hide"> 
209		<#if !alreadyRated> 
210			<div class="banner-opc-contex-item"> 
211				<#if is_signed_in> 
212					<a class="comentar" onclick="javascript:showModalValoracion()"><span>>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.RATE")}</span></a> 
213				<#else> 
214					<a onClick="openPopup('${loginURL}','','500', '650')" class="comentar"></a> 
215				</#if> 
216			</div> 
217		</#if> 
218		<div class="banner-opc-contex-item"> 
219			<a class="imprimir" href="javascript:window.print()"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.print")}</span></a>  
220		</div> 
221		<div class="banner-opc-contex-item">  
222			<a class="audio"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.listen.audio")}</span></a> 
223		</div> 
224	</div> 
225     
226    <#-- Menu anclado bottom --> 
227	<div id="banner-ficha-opciones-bottom" class="hide"> 
228	    <span class="banner-title titulo recursos hide-below-980">${titulo.getData()}</span>  
229		 
230	    <#--<a href="#" class="boton medium boton-recurso-sec width-150">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.ONLINE.BOOKING")}</a>-->	 
231	     
232		<#-- Solicitar material --> 
233		<#if type?contains("resourcePhysical")> 
234		    <#if active.getData() == 'true'> 
235    			<#if is_signed_in> 
236    				<a onclick="javascript:redirectResourceMat(${article.getResourcePrimKey()})" class="boton medium boton-recurso-sec width-150"> 
237    					${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FORMULARIOS.ORDER.MATERIAL")} 
238    				</a> 
239    			<#else> 
240    				<a onClick="openPopup('${loginURL}','','500', '650')" class="boton medium boton-recurso-sec width-150"> 
241    					${LiteralsToolsServiceUtil.getLiteral(groupId, language, "COM.EDUCAIXA.FORMULARIOS.ORDER.MATERIAL")} 
242    				</a> 
243    			</#if> 
244			</#if> 
245		</#if> 
246		 
247		<a class="compartir"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.share")}</span></a> 
248	    		 
249		<#-- BOOKMARK -->	 
250		<#if is_signed_in> 
251			<#if isUserBookmark> 
252				<a onClick="updateUserBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="hide-below-980 bookmark ${theme_color} bookmarked"></a>  
253			<#else> 
254				<a onClick="updateUserBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="hide-below-980 bookmark ${theme_color}"></a> 
255			</#if> 
256		<#else> 
257			<a onClick="openPopup('${loginURL}','','500', '650')" class="hide-below-980 bookmark"></a> 
258		</#if> 
259		 
260		<#if descargable?has_content && descargable.getData() != ""> 
261			<a href="${descargable.getData()}" class="hide-over-980 descargar">&nbsp;</a>  
262		</#if> 
263		 
264	    <#if !alreadyRated > 
265			<#if is_signed_in> 
266				<a class="comentar" onclick="javascript:showModalValoracion()">&nbsp;</a> 
267			<#else> 
268				<a onClick="openPopup('${loginURL}','','500', '650')" class="comentar"></a> 
269			</#if> 
270	    </#if> 
271    </div> 
272     
273</div> 
274 
275 
276<#-- Modal confirmacion eliminar--> 
277<div id="modal-confirm-delete" class="close-modal hide"> 
278    <span class="modal-close" onclick="javascript:closeModal();"></span> 
279	<p class="center uppercase h3-copycat"> 
280		${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.are.you.sure.to.delete")} ${titulo.getData()}? 
281	</p> 
282	<p class=" button-wrapper center"> 
283        <a onClick="closeModal();" class="cancel uppercase boton width-150 margin-top-20 boton-blanco medium margin-bottom-10"> 
284        	${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.no.cancel")} 
285        </a> 
286        <a data-articleid="" class="delete uppercase boton width-150 margin-top-20 boton-educaixa medium margin-bottom-10"> 
287        	${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.yes.delete")} 
288        </a> 
289	</p> 
290</div> 
291 
292 
293<#macro displayMetadata docprincipal type> 
294	<#attempt> 
295	<#if docprincipal?has_content> 
296		<#assign file = DLFileEntryLocalService.getFileEntryByUuidAndGroupId(docprincipal?keep_after_last("/")?keep_before("?"),groupId)/> 
297		<#assign mimeType = file.getMimeType()?keep_before("/")/> 
298		 
299		<#if type?contains("resourcePodcast")> 
300			<div class="banner-recursos-recurso ${type}"> 
301			<#if mimeType == "audio"> 
302				<audio src="${docprincipal}" controls> 
303				Your browser does not support the audio element. 
304				</audio> 
305			<#else> 
306				<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal, themeDisplay) /> 
307				<#if siteMeta.get(0).audio_id?has_content> 
308					<iframe src="https://www.youtube.com/embed/${siteMeta.get(0).audio_id}?rel=0" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe> 
309					<#-- iframe src="https://www.youtube.com/embed/-UiZhWPlI88?rel=0" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe --> 
310					 
311				</#if> 
312			</#if> 
313			</div> 
314			 
315		<#elseif type?contains("resourceVideo")> 
316			<div class="banner-recursos-recurso ${type}" onclick="javascript:redirectModalRecurso(${article.getResourcePrimKey()}, 'true')"> 
317			<#if mimeType == "video"> 
318				<div class="video-wrapper recurso-item-image" > 
319					<video controls="" controlsList="nodownload"> 
320					  <source src="${docprincipal}" type="${mimeType}"> 
321					</video> 
322					<div class="playpause"></div> 
323				</div> 
324				<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
325			<#else> 
326				<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal, themeDisplay) /> 
327				<#--<div class="recursos-yt-video-wrapper recurso-item-image"> 
328					<iframe src="https://www.youtube.com/embed/-UiZhWPlI88?rel=0" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe> 
329					<#if siteMeta.get(0).duracion?has_content> 
330						<div class="video-time"><span>${siteMeta.get(0).duracion}</span></div> 
331					</#if>	 
332				</div> 
333				<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
334				--> 
335				<#attempt> 
336				<#if siteMeta.get(0).brightcove_id?has_content> 
337					<div class="recursos-yt-video-wrapper recurso-item-image"> 
338						<iframe src="https://www.youtube.com/embed/${siteMeta.get(0).brightcove_id}?rel=0" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe> 
339					</div> 
340					<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
341				</#if> 
342				<#recover> 
343				</#attempt> 
344			</#if> 
345			</div> 
346			 
347		<#elseif type?contains("resourceLink")> 
348			<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal, themeDisplay) /> 
349			<div class="banner-recursos-recurso ${type}" onclick="javascript:window.open('${siteMeta.get(0).url}', '_blank')"> 
350				<div class="wrapper-recurso-microsite recurso-item-image" > 
351					<span class="rec-hover-icon"></span> 
352					<#if imagenficha.getData()?has_content> 
353						<img src="${imagenficha.getData()}" alt="${imagenfichaAlt}">  
354					</#if> 
355				</div>	 
356				<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
357			</div> 
358			 
359		<#-- Utiliza document type de microsites --> 
360		<#elseif type?contains("resourceInteractive")> 
361			<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal, themeDisplay) /> 
362			<#if siteMeta?has_content && siteMeta.get(0).url?has_content> 
363				<div class="banner-recursos-recurso ${type}" onclick="javascript:window.open('${siteMeta.get(0).url}', '_blank')"> 
364					<div class="wrapper-recurso-microsite recurso-item-image" > 
365						<#if imagenficha.getData()?has_content> 
366							<img src="${imagenficha.getData()}" alt="${imagenfichaAlt}">  
367						</#if> 
368					</div> 
369					<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
370				</div> 
371            <#else> 
372				<div class="banner-recursos-recurso ${type}" onclick="javascript:openFlashInPopup()"> 
373					<div class="wrapper-recurso-microsite recurso-item-image" > 
374						<#if imagenficha.getData()?has_content> 
375							<img src="${imagenficha.getData()}" alt="${imagenfichaAlt}">  
376						</#if> 
377					</div> 
378					<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
379				</div> 
380				<div id="player"> 
381					<object id="interactiu-flash-player" type="application/x-shockwave-flash" 
382						height="550px" width="800px" data="${docprincipal}"> 
383						<param name="movie" value="${docprincipal}"/> 
384						<param name="allowFullScreen" value="true"> 
385						<param name="allowScriptAccess" value="sameDomain"> 
386						<param name="base" value="."> 
387						<param name="bgcolor" value="#FFFFFF"> 
388						<param name="devicefont" value="true"> 
389						<param name="loop" value="true"> 
390						<param name="menu" value="false"> 
391						<param name="play" value="true"> 
392						<param name="quality" value="best"> 
393						<param name="salign" value=""> 
394						<param name="scale" value="showall"> 
395						<param name="swliveconnect" value="false"> 
396						<param name="wmode" value="opaque"> 
397					</object> 
398				</div> 
399				<script> 
400					function openFlashInPopup(){ 
401						$( "#player" ).dialog({ 
402							modal: true, 
403				            height: 620, 
404				            width: 850 
405						}); 
406
407				</script> 
408			</#if> 
409			  
410		<#elseif type?contains("resourceInfograph")> 
411			<div class="banner-recursos-recurso ${type}" onclick="javascript:redirectModalRecurso(${article.getResourcePrimKey()}, 'true')" > 
412				<#if imagenficha.getData()?has_content> 
413					<#assign sourceImage = imagenficha.getData() /> 
414				<#else> 
415					<#assign sourceImage = docprincipal /> 
416				</#if> 
417				<div class="wrapper-recurso-imagen recurso-item-image" > 
418				<span class="rec-hover-icon"></span> 
419					<img src="${sourceImage}" alt="${imagenfichaAlt}">  
420				</div> 
421				<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
422			</div> 
423			 
424		<#elseif type?contains("resourceImage")> 
425			<div class="banner-recursos-recurso ${type}" onclick="javascript:redirectModalRecurso(${article.getResourcePrimKey()}, 'true')"> 
426				<#assign totalImages = 0 /> 
427				<#if otraimagenficha.getSiblings()?has_content && otraimagenficha.getSiblings()?size gt 0 && otraimagenficha.getData()?has_content> 
428					<#assign totalImages = otraimagenficha.getSiblings()?size + 1 /> 
429				</#if> 
430				<div class="wrapper-recurso-imagen recurso-item-image" > 
431					<span class="rec-hover-icon"></span> 
432				<#if totalImages gt 0> 
433					<div class="num-rec-img"><span>${totalImages}</span></div> 
434				</#if> 
435					<img src="${docprincipal}" alt="${imagenfichaAlt}">  
436				</div> 
437				<div class="wrapper-recurso-redirect uppercase"><span>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.go.to.resource")}</span></div> 
438			</div> 
439		</#if> 
440	</#if> 
441	<#recover> 
442		Error loading 
443	</#attempt> 
444</#macro> 
445 
446<style> 
447#banner-ficha-recursos .contenido { 
448	padding: 0; 
449
450#banner-ficha-recursos .contenido { 
451	padding-right: 0; 
452
453#banner-ficha-recursos .contenido .banner-info-wrapper { 
454	width: 40%; 
455	float: left; 
456	padding-right: 1rem; 
457
458#banner-ficha-recursos .contenido .banner-recursos-recurso { 
459	position: relative; 
460    display: inline-block; 
461	cursor: pointer; 
462    width: 60%; 
463	height: 83%; 
464
465#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-redirect:hover span { 
466	text-decoration: underline; 
467
468#banner-ficha-recursos .contenido .banner-recursos-recurso.resourcePodcast { 
469	cursor: unset; 
470
471#banner-ficha-recursos .contenido .banner-recursos-recurso .recursos-yt-video-wrapper { 
472	height: 100%; 
473    width: 100%; 
474
475#banner-ficha-recursos .contenido .banner-recursos-recurso .recurso-item-image { 
476	height: 90%; 
477
478#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-redirect { 
479	position: relative; 
480    height: 10%; 
481    display: inline-block; 
482    width: 100%; 
483    background-color: white; 
484	padding: .75rem; 
485
486#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-redirect span { 
487    position: relative; 
488    display: block; 
489    width: 100%; 
490
491#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-redirect span:after { 
492	content: ''; 
493	width: 1.5rem; 
494    height: 1.5rem; 
495	float: right; 
496    display: inline-block; 
497    background: no-repeat; 
498    background-size: contain; 
499	background-image: url('/o/edu-caixa-theme/images/ui_24/png/arrow_next_05_recursos.png'); 
500
501#banner-ficha-recursos .contenido .banner-recursos-recurso.resourceLink .wrapper-recurso-redirect span:after { 
502	content: ''; 
503	width: 1.5rem; 
504    height: 1.5rem; 
505	float: right; 
506    display: inline-block; 
507    background: no-repeat; 
508    background-size: contain; 
509	background-image: url('/o/edu-caixa-theme/images/ui_24/png/external_link_small_05_recursos.png'); 
510
511#banner-ficha-recursos .contenido .banner-recursos-recurso .recursos-yt-video-wrapper iframe { 
512	pointer-events: none; 
513
514#banner-ficha-recursos .contenido .banner-recursos-recurso audio { 
515    height: 100%; 
516    width: 100%; 
517
518#banner-ficha-recursos .contenido .banner-recursos-recurso iframe { 
519    height: 100%; 
520    width: 100%; 
521
522#banner-ficha-recursos .contenido .banner-recursos-recurso:hover .recurso-item-image .rec-hover-icon { 
523	display: block; 
524
525#banner-ficha-recursos .contenido .banner-recursos-recurso.resourceImage .rec-hover-icon, #banner-ficha-recursos .contenido .banner-recursos-recurso.resourceInfograph .rec-hover-icon { 
526	display: none; 
527	position: absolute; 
528	left: 50%; 
529	top: 50%; 
530	width: 1.75rem; 
531    height: 1.75rem; 
532    border: 1px solid black; 
533    border-radius: 50%; 
534    background: no-repeat; 
535    background-size: contain; 
536	background-image: url('/o/edu-caixa-theme/images/ui_24/png/plus.png'); 
537
538#banner-ficha-recursos .contenido .banner-recursos-recurso.resourceLink .rec-hover-icon { 
539	display: none; 
540	position: absolute; 
541	left: 50%; 
542	top: 50%; 
543	width: 1.75rem; 
544    height: 1.75rem; 
545    background: no-repeat; 
546    background-size: contain; 
547	background-image: url('/o/edu-caixa-theme/images/ui_24/png/link.png'); 
548
549#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-imagen { 
550    position: relative; 
551
552#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-imagen .num-rec-img { 
553	position: absolute; 
554    top: 1rem; 
555    left: 1rem; 
556
557#banner-ficha-recursos .contenido .banner-recursos-recurso  .video-time{ 
558	position: absolute; 
559    top: 4rem; 
560    left: 1rem; 
561
562#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-imagen .num-rec-img span { 
563	font-size: 20px; 
564
565#banner-ficha-recursos .contenido .banner-recursos-recurso  .video-time span { 
566	font-size: 15px; 
567    color: white; 
568	 
569
570#banner-ficha-recursos .contenido .banner-recursos-recurso .wrapper-recurso-imagen .num-rec-img span:before { 
571	content: ''; 
572    width: 1.2rem; 
573    height: 1.2rem; 
574    margin-right: .5rem; 
575    display: inline-block; 
576    background: no-repeat; 
577    background-size: contain; 
578    background-image: url(/o/edu-caixa-theme/images/ui_24/png/image_05_recursos.png); 
579
580#banner-ficha-recursos .contenido .banner-recursos-recurso  .video-time span:before { 
581	content: ''; 
582    width: 1.2rem; 
583    height: 1.2rem; 
584    margin-right: .5rem; 
585    display: inline-block; 
586    background: no-repeat; 
587    background-size: contain; 
588    background-image: url(/o/edu-caixa-theme/images/ui_24/png/images_white.png); 
589
590#banner-ficha-recursos .contenido .banner-recursos-recurso img { 
591    height: auto; 
592    width: 100%; 
593
594@media only screen and (min-width: 980px) { 
595	#banner-ficha-recursos .contenido .banner-info-wrapper { 
596		padding: 75px 0 0 120px; 
597
598
599@media only screen and (max-width: 979px) { 
600	#banner-ficha-recursos .contenido .banner-info-wrapper { 
601		width: 100%; 
602		float: unset; 
603
604	#banner-ficha-recursos .contenido .banner-recursos-recurso { 
605		width: 100%; 
606		height: 70%; 
607		display: block; 
608		position: absolute; 
609		bottom: 50px; 
610
611	#banner-ficha-recursos .contenido .banner-recursos-recurso img { 
612		height: 100%; 
613
614
615.banner-info-wrapper p { 
616	color: white; 
617
618 
619/*audio styles*/ 
620 
621audio::-webkit-media-controls-play-button { 
622	color: pink; 
623
624.banner-ficha-general .contenido .sync_sent .sync_word { 
625	color: white; 
626
627 
628#banner-ficha-recursos .contenido .banner-recursos-recurso.resourcePhysical { 
629    cursor:auto; 
630
631 
632h1#title-read i { 
633    color: #ffffff; 
634
635 
636 
637</style> 
638<script> 
639	$(".compartir").on('click', function (event) { 
640	 
641		$("#share-content").jsSocials({ 
642			showCount: false, 
643			showLabel: true, 
644			shares: [ { share: "facebook", label: "Facebook" },  
645					  { share: "twitter", label: "Twitter", hashtags: "EduCaixa" },  
646					  "email", "whatsapp"] 
647		}); 
648		if(!isMobile()) { 
649			$('.banner-ficha-general #share .jssocials-share-whatsapp').addClass("hide"); 
650
651		var buttonCopy = "<div class='jssocials-share' style='background-color: gray;'><a class='copyLink jssocials-share-link' onclick='copyLink()'><i class='fa fa-copy jssocials-share-logo'></i><span class='jssocials-share-label'>Copiar enlace</span></a></div>"; 
652		$(".jssocials-share-whatsapp").after(buttonCopy); 
653		$("#share").removeClass("hide"); 
654	}); 
655	 
656	$("#share  .modal-close").on('click', function (event) { 
657	 
658		$("#share").addClass("hide"); 
659	}); 
660	 
661	$(".audio").on('click', function (event) { 
662	 
663		$("#readspeaker_button").removeClass("hide"); 
664		$("#readspeaker_button .rsbtn_right.rsimg.rsplay.rspart").click(); 
665		 
666		if( $("#readspeaker_button .rsbtn_exp .rsbtn_closer.rsimg.rspart").length > 0 ){ 
667		    $("#readspeaker_button .rsbtn_exp .rsbtn_closer.rsimg.rspart").on('click', function (event) { 
668            	console.log("click added"); 
669            	$("#readspeaker_button").addClass("hide"); 
670            }); 
671
672		 
673	}); 
674	 
675	 
676	$(document).ready(function(){ 
677		//Recorta texto para titulo de las fichas 
678		if ($('.banner-ficha-general .contenido .banner-title').length) { 
679			trimElemAndAddTitleAt($('.banner-ficha-general .contenido .banner-title'), 60); 
680			trimElemAndAddTitleAt($('#banner-ficha-opciones-bottom .banner-title'), 60); 
681
682		//Recorta texto para subtitulo de las fichas 
683		if ($('.banner-ficha-general .contenido .banner-subtitle').length) { 
684			trimElemAndAddTitleAt($('.banner-ficha-general .contenido .banner-subtitle'), 60); 
685
686		 
687		$('.overlay-educaixa').on('click', function (event) { 
688			if (!$("#banner-opciones-contextual").hasClass("hide"))  { 
689				$("#banner-opciones-contextual").addClass("hide"); 
690				$('.overlay-educaixa').addClass("hide"); 
691
692		}); 
693		 
694	}); 
695	 
696	 
697	AUI().ready(function(A) { 
698		AUI().use('liferay-util-window', function(A) { 
699			Liferay.provide(window, 'closePopupAndReload', function(dialogId) { 
700			   var A = AUI(); 
701			   var dialog = Liferay.Util.Window.getById(dialogId); 
702			   dialog.destroy(); 
703			   location.reload(); 
704		   }, 
705				['liferay-util-window'] 
706		   ); 
707		   Liferay.provide(window, 'closePopup', function(dialogId) { 
708			   var A = AUI(); 
709			   var dialog = Liferay.Util.Window.getById(dialogId); 
710			   dialog.destroy(); 
711		   }, 
712			['liferay-util-window'] 
713		   ); 
714		});  
715	}); 
716</script> 

Datos básicos

    •  
    • Nivel educativo
    •  
    • Área de conocimiento
    •  
    • Competencias

Descripción

Objetivos

Competencias

 

 

Materiales y descargas

¿QUIERES QUE TE AVISEMOS DE RECURSOS SIMILARES?

-/5

Valoración media global

Basado en 0 valoraciones

¿HAS PARTICIPADO?