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