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