educaixa-search Portlet

Editor de continguts

S'ha produït un error mentre es processava la plantilla.
The following has evaluated to null or missing:
==> active  [in template "10154#10192#BANNER_FICHA_RECURSOS_TPL" at line 111, column 39]

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

Editor de continguts

Editor de continguts

Dades bàsiques

    •  
    • Nivell educatiu
    •  
    • Àrea de coneixement
    •  
    • Competències

Descripció

Objectius

Competències

Materials i descàrregues

Editor de continguts

educaixa-contenido-relacionado Portlet

Editor de continguts

Editor de continguts

VOLS QUE T'AVISEM DE RECURSOS SIMILARS?

educaixa-valoraciones Portlet

-/5

Valoració mitjana global

Basat en 0 valoracions

HAS PARTICIPAT?

Aplicacions anidades

Consentimiento GDPR