educaixa-search Portlet

Publicador de contenidos

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

Publicador de contenidos

Publicador de contenidos

Datos básicos

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

Descripción

Objetivos

Competencias

Materiales y descargas

Publicador de contenidos

educaixa-contenido-relacionado Portlet

Publicador de contenidos

Publicador de contenidos

¿QUIERES QUE TE AVISEMOS DE RECURSOS SIMILARES?

educaixa-valoraciones Portlet

-/5

Valoración media global

Basado en 0 valoraciones

¿HAS PARTICIPADO?

Aplicaciones anidadas

Consentimiento GDPR