S'ha produït un error mentre es processava la plantilla.
No compatible overloaded variation was found; wrong number of arguments.
The FTL type of the argument values were: extended_hash+string (com.liferay.journal.model.impl.JournalArticleImpl wrapped into f.e.b.StringModel), string (wrapper: f.t.SimpleScalar), string (wrapper: f.t.SimpleScalar), extended_hash+string (Locale wrapped into f.e.b.StringModel), extended_hash+string (com.liferay.portal.kernel.theme.ThemeDisplay wrapped into f.e.b.StringModel).
The matching overload was searched among these members:
    com.sun.proxy.$Proxy1297.getArticleContent(long, String, double, String, String, String, com.liferay.portal.kernel.portlet.PortletRequestModel, com.liferay.portal.kernel.theme.ThemeDisplay),
    com.sun.proxy.$Proxy1297.getArticleContent(com.liferay.journal.model.JournalArticle, String, String, String, com.liferay.portal.kernel.portlet.PortletRequestModel, com.liferay.portal.kernel.theme.ThemeDisplay),
    com.sun.proxy.$Proxy1297.getArticleContent(long, String, String, String, String, com.liferay.portal.kernel.portlet.PortletRequestModel, com.liferay.portal.kernel.theme.ThemeDisplay)

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign registerContent = journalArti...  [in template "76121110924137#32361#RECURSO-VIDEO" at line 394, column 21]
----
1<#-- get services --> 
2<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
3<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
4<#assign UtilsService = serviceLocator.findService("com.educaixa.common.service.EduCaixaCommonService")/> 
5<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
6<#assign dLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") /> 
7<#assign valoracionesDisplay = serviceLocator.findService("com.educaixa.services.service.RatingStatsLocalService")/> 
8<#assign LiteralsToolsServiceUtil = serviceLocator.findService("com.aqua.literals.util.LiteralsToolsService")/> 
9<#assign language = themeDisplay.getLocale()/> 
10<#assign groupId = themeDisplay.getScopeGroupId()/> 
11<#assign restultsLiteral = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.resultados") /> 
12<#assign recurso = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso") /> 
13<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()> 
14<#assign httpServletRequest = serviceContext.getRequest() /> 
15<#assign UserBookmarkLocalService = serviceLocator.findService("com.educaixa.services.service.UserBookmarkLocalService") /> 
16 
17<#-- get the content categories --> 
18<#assign article = journalArticleLocalService.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) /> 
19<#assign asset = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", article.resourcePrimKey) /> 
20 
21<#-- get the results URL and valoration value--> 
22<#assign results_url = "https://${request.serverName}/${locale.getLanguage()}${restultsLiteral}?q=" /> 
23<#assign valoracionesDisplayAverage = 0/> 
24<#if valoracionesDisplay.fetchByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) ??> 
25    <#assign valoracionesDisplayValue = valoracionesDisplay.findByResourcePK(scopeGroupId,themeDisplay.getCompanyId(),article.getResourcePrimKey()) /> 
26    <#assign valoracionesDisplayAverage = valoracionesDisplayValue.getAverageGlobalScore() /> 
27</#if> 
28 
29<#assign journalArticleId = .vars['reserved-article-id'].data/> 
30<#assign userId =themeDisplay.getUserId()/> 
31<#assign isUserBookmark = UserBookmarkLocalService.isUserBookmark(themeDisplay.getCompanyId(),userId,journalArticleId,groupId)/> 
32 
33<#-- Resource type --> 
34<#assign resourceType = LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.video") /> 
35<#assign imgType = "/o/educaixa-theme/images/video-icon.png"> 
36 
37<#-- Escape title text --> 
38<#assign titleEscaped = "" /> 
39<#if titulo.getData()??> 
40    <#assign titleEscaped = titulo.getData()?replace('<p>','','r')/> 
41    <#assign titleEscaped = titleEscaped?replace('</p>','','r')/> 
42    <#assign titleEscaped = titleEscaped?replace('<div>','','r')/> 
43    <#assign titleEscaped = titleEscaped?replace('</div>','','r')/> 
44    <#assign titleEscaped = titleEscaped?replace('<h1>','','r')/> 
45    <#assign titleEscaped = titleEscaped?replace('</h1>','','r')/> 
46</#if> 
47 
48<#assign subtituloEscaped = "" /> 
49<#if subtitulo.getData()??> 
50    <#assign subtituloEscaped = subtitulo.getData() /> 
51    <#assign subtituloEscaped = subtituloEscaped?replace('<p>','','r')/> 
52    <#assign subtituloEscaped = subtituloEscaped?replace('</p>','','r')/> 
53</#if> 
54 
55<#-- get image alt --> 
56<#if image_alt?? && image_alt.getData()?? && image_alt.getData() != ""> 
57    <#assign altImage = image_alt.getData() /> 
58<#else> 
59    <#assign altImage = titleEscaped /> 
60</#if> 
61 
62<#-- get image banner --> 
63<#if imagenficha ?? && imagenficha.getData() ?? && imagenficha.getData() != ""> 
64    <#assign imageSrc = imagenficha.getData() /> 
65<#else>     
66    <#assign imageSrc = "/o/educaixa-theme/images/blured-lights-recursos.png" /> 
67</#if> 
68 
69<#assign language = themeDisplay.getLocale()/> 
70<#assign nivel_educativo = []> 
71<#assign area_conocimiento = []> 
72<#assign competencias = []> 
73<#assign objectius = []> 
74 
75<#list asset.getCategories() as cur_category> 
76    <#if cur_category.vocabularyId == 10515> 
77        <#assign nivel_educativo = nivel_educativo + [cur_category.getTitle(language)]> 
78    <#elseif cur_category.vocabularyId == 6> 
79        <#assign area_conocimiento = area_conocimiento + [cur_category.getTitle(language)]> 
80    <#elseif cur_category.vocabularyId == 401> 
81        <#assign competencias = competencias + [cur_category.getTitle(language)]> 
82    <#elseif cur_category.vocabularyId == 43203> 
83        <#assign objectius = objectius + [cur_category.getTitle(language)]> 
84    </#if> 
85</#list> 
86 
87<#-- 
88<#assign videoid =  linkTxt.externalLink.getData()?replace('https://img.youtube.com/vi/','','r')/> 
89<#assign videoid =  videoid?replace('/hqdefault.jpg','','r')/> 
90--> 
91 
92<#assign thesaurusCategories = UtilsService.getThesaurusCategories(asset) /> 
93<#assign tagsCategories = UtilsService.getTagsCategories(asset) /> 
94<#assign categories = thesaurusCategories + tagsCategories /> 
95 
96<#-- Login --> 
97<#assign is_signed_in = themeDisplay.isSignedIn()/> 
98<#assign plid = portalUtil.getPlidFromPortletId(themeDisplay.getScopeGroupId(), "EducaixaMyeducaixaLogin") /> 
99<#assign loginURL = portletURLFactory.create(httpServletRequest, "EducaixaMyeducaixaLogin", plid, "RENDER_PHASE") /> 
100${loginURL.setParameter("mvcPath", "/login_modal.jsp")} 
101${loginURL.setWindowState("POP_UP")} 
102 
103<#if docprincipal.getData()??> 
104	<#assign siteMeta = UtilsService.getDocumentMetadataInJSON(docprincipal.getData(), themeDisplay) /> 
105</#if> 
106 
107<#-- Banner section --> 
108<div class="container vertical image-view"> 
109    <div class="row"> 
110        <#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != ""> 
111            <div class="video"> 
112                <img src="http://img.youtube.com/vi/${siteMeta.get(0).brightcove_id}/0.jpg" alt="youtube-img" class="iframe-video crop img-fluid col-lg-7 video-player "  > 
113                <a href="#" class="trigger" data-target="#myModal" data-toggle="modal" data-backdrop="false"> 
114                    <svg viewBox="0 0 26 26" style="fill:white;"> 
115                      <polygon class="play-btn__svg" points="9.33 6.69 9.33 19.39 19.3 13.04 9.33 6.69"/> 
116                      <path class="play-btn__svg" d="M26,13A13,13,0,1,1,13,0,13,13,0,0,1,26,13ZM13,2.18A10.89,10.89,0,1,0,23.84,13.06,10.89,10.89,0,0,0,13,2.18Z"/> 
117                    </svg>  
118                         
119                </a> 
120            </div> 
121        <#else> 
122            <img src="${imageSrc}" alt="${altImage}" width="900px" height="458px" class="video-player">   
123        </#if> 
124        <div class="box-img col-lg square"> 
125            <#if resourceType != ""> 
126                <p class="box-img-pre-rec" >${recurso} - ${resourceType} </p> 
127            </#if> 
128            <#if titulo?has_content> 
129                <h1 class="box-img-title-rec">${titleEscaped}</h1> 
130            </#if> 
131            <#if subtitulo?has_content> 
132                <p class="box-img-sub-title-rec">${subtituloEscaped}</p> 
133            </#if> 
134            <p class="box-img-categ-rec"> 
135                <#if categories?has_content> 
136					<#list categories as category> 
137						<#-- redirige la pagina de resultados por tag--> 
138						<a onClick="updateTagsCicks('${category.getTitle(locale)}');" href="${results_url}${category.getTitle(locale)}" >${category.getTitle(locale)}</a> 
139					</#list> 
140				</#if> 
141            </p> 
142            <hr> 
143            <button class="card-button-purple color-caixa-purple background-white" id="myBtn">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.common.link.ver")}</button>       
144            <div class="card-actions flex"> 
145                <div class="statistics"> 
146                    <svg viewBox="0 0 36 36" class="circular-chart orange"><line x1="18" y1="-5" x2="18" y2="5" stroke="black" stroke-width="2"></line> 
147                        <path class="circle-bg" d="M18 2.0845 
148                            a 15.9155 15.9155 0 0 1 0 31.831 
149                            a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
150                        <path class="circle" stroke-dasharray="${valoracionesDisplayAverage*20}, 100" d="M18 2.0845 
151                            a 15.9155 15.9155 0 0 1 0 31.831 
152                            a 15.9155 15.9155 0 0 1 0 -31.831"></path> 
153                        <text x="18" y="22" class="percentage">${valoracionesDisplayAverage}</text> 
154                    </svg> 
155                </div> 
156                <div class="share"> 
157                    <button id="share"></button> 
158                    <div class="a2a_kit a2a_kit_size_32 a2a_default_style tooltip" data-a2a-title="${titleEscaped}" data-a2a-icon-color="#009AD8"> 
159                            <a class="a2a_button_facebook"></a> 
160                            <a class="a2a_button_x"></a> 
161                            <a class="a2a_button_whatsapp"></a> 
162                            <a class="a2a_button_email"></a> 
163                        </div> 
164                </div> 
165                <div class="bookmark"> 
166					<#if is_signed_in> 
167						<#if isUserBookmark> 
168							<button id="bookmark" onClick="updateUserBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>  
169						<#else> 
170							<button id="bookmark" onClick="updateUserBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button> 
171						</#if> 
172					<#else> 
173						<button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button> 
174					</#if> 
175                </div> 
176            </div> 
177            <div id="myModal" class="modal-resource"> 
178                <div class="modal-content-resource"> 
179                    <span class="close">&times;</span> 
180                    <#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != ""> 
181                        <iframe id="yt-modal" src="https://www.youtube-nocookie.com/embed/${siteMeta.get(0).brightcove_id}?rel=0" width="100%" height="458px%" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder='0'></iframe> 
182                    </#if> 
183                </div> 
184            </div> 
185        </div> 
186    </div> 
187</div> 
188 
189<#-- Video section --> 
190<#if docprincipal.getSiblings()?size gt 1 > 
191<#assign classIframe = "video-selected-recurso" /> 
192<div class="container info-video"> 
193    <#list docprincipal.getSiblings() as cur_docprincipal> 
194        <#assign siteMetaDoc = UtilsService.getDocumentMetadataInJSON(cur_docprincipal.getData(), themeDisplay) /> 
195        <#assign idioma = siteMetaDoc.get(0).idioma?keep_after('"')?keep_before('"') /> 
196        <div class="${classIframe} image-preview-video"> 
197        <img onClick='changeIframeUrl("${siteMetaDoc.get(0).brightcove_id}", "${idioma}");' src="http://img.youtube.com/vi/${siteMetaDoc.get(0).brightcove_id}/0.jpg" alt="youtube-img"> 
198        </div> 
199        <#assign classIframe = "" /> 
200    </#list> 
201</div> 
202</#if> 
203 
204<#-- Categories section--> 
205<div class="container vertical info-view"> 
206    <div class="row"> 
207        <#if nivel_educativo?size != 0 > 
208            <div class="col-lg col-xs-6 col-sm"> 
209                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.nivel.educativo")}</h2> 
210                <ul> 
211                    <#list nivel_educativo as item> 
212                        <li class="marked">${item}</li> 
213                    </#list> 
214                </ul> 
215	        </div> 
216        </#if> 
217        <#if area_conocimiento?size != 0 > 
218        	<div class="col-lg col-xs-6 col-sm"> 
219                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.area.conocimiento")}</h2> 
220                <ul> 
221                    <#list area_conocimiento as item> 
222                        <li class="marked">${item}</li> 
223                    </#list> 
224                </ul> 
225        	</div> 
226        </#if> 
227        <#if area_conocimiento?size != 0 > 
228        	<div class="col-lg col-xs-6 col-sm"> 
229                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</h2> 
230                <ul> 
231                    <#list competencias as item> 
232                        <li class="marked">${item}</li> 
233                    </#list> 
234                </ul> 
235	        </div> 
236        </#if> 
237        <#if siteMeta?? && siteMeta.get(0).idioma?has_content> 
238        	<div class="col-lg col-xs-6 col-sm"> 
239                <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</h2> 
240                <ul> 
241                    <#assign idioma = siteMeta.get(0).idioma?keep_after('"')?keep_before('"') /> 
242                    <li class="marked idiomaList">${idioma} </li> 
243                </ul> 
244	        </div> 
245        </#if>         
246    </div> 
247    <hr class="line-12">  
248</div> 
249 
250<#-- Content section--> 
251<div class="container vertical info-content"> 
252    <div class="row"> 
253        <div class="col-lg-7 col-xs-12"> 
254            <#if introduccion?has_content> 
255                <h2 class="obj-rec-title"> 
256                    <b style="color: #7B2FA1;">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</b> 
257                </h2> 
258                <p class="description-text-rec"> 
259                    ${introduccion.getData()} 
260                </p> 
261            </#if> 
262            <#if objetivosdidacticos?has_content && objetivosdidacticos.getData() != ""> 
263                <h2 class="obj-rec-title"> 
264                    <b>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}</b> 
265                </h2> 
266                <div class="row" style="margin-top: 4%;"> 
267                    ${objetivosdidacticos.getData()} 
268                </div> 
269            <#elseif objetivosText?? && objetivosText.getData()?has_content> 
270                <h2 class="obj-rec-title"> 
271                    <b>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}</b> 
272                </h2> 
273                <div class="row"> 
274            	    <#list objetivosText.getSiblings() as cur_objetivosText> 
275            	        <#if cur_objetivosText.getData()?has_content && cur_objetivosText.getData()??> 
276                    	    <div class="col-md-6 mt-3"> 
277                    	    	<div class="objetivo"><h4>#${cur_objetivosText?index + 1}</h4></div> 
278                    	    	<div >${cur_objetivosText.getData()}</div> 
279                    	    </div> 
280                	    </#if> 
281            	    </#list> 
282                </div> 
283            </#if> 
284            <#-- Si las competencias del programa no incluyen dimensiones y/o subcompetencias, el modulo se sustituye por uno como el de objetivos!!!!!!--> 
285            <#if competenceGeneralDescription.getSiblings()?has_content> 
286                <div class="compet-rec-dropdown"> 
287                    <#if competenceGeneralDescription.getData()?has_content> 
288                        <h2 class="obj-rec-title"> 
289		                    <b>${competenceGeneralDescription.getData()}</b> 
290		                </h2> 
291		                <div class="compet-rec-dropdown"> 
292		                    <#-- 
293		                    Por ahora no está el campo relleno. HAbilitar cuando se solicite   
294		                    <li class="compet-rec-sub accordion">${competenceGeneralDescription.competenceTitle.getData()}</li>--> 
295		                    <div class="compet-rec-sub-info panel">${competenceGeneralDescription.competenceTitle.competenceDesc.getData()}</div> 
296		                </div> 
297                    </#if> 
298                </div> 
299            </#if> 
300            <#if otrainfodidactica.getData()?has_content> 
301                <h2 class="obj-rec-title"> 
302                    ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.sobre")} 
303                </h2> 
304                <p class="desc-rec">${otrainfodidactica.getData()}</p> 
305            </#if> 
306 
307            <#-- MATERIALES Y DESCARGAS -->	 
308            <#if materialrelacionado.getData()?has_content || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content > 
309                <h2 class="obj-rec-title"> 
310                    ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")} 
311                </h2> 
312                <#list materialrelacionado.getSiblings() as fileText> 
313                    <#if materialesTexto.getData()?has_content> 
314                        <div> 
315                            ${materialesTexto.getData()} 
316                        </div> 
317                    </#if> 
318                    <#if linkTxt.internalLink.getData()?has_content> 
319                        <#list linkTxt.getSiblings() as linkTxt> 
320                            <li class="resource-lis"> 
321                                <#if linkTxt.internalLink.getData()?has_content && is_signed_in> 
322                                    <a href="${linkTxt.internalLink.getData()}"> 
323                                <#elseif linkTxt.externalLink.getData()?has_content && is_signed_in> 
324                                    <a href="${linkTxt.externalLink.getData()}" target="_blank"> 
325                                <#else> 
326                                    <a onClick="openPopup('${loginURL}','','500', '650')"> 
327                                </#if> 
328                                    <span>${linkTxt.getData()}</span> 
329                                    </a> 
330                            </li> 
331                            </ul> 
332                        </#list> 
333                    </#if> 
334                </#list> 
335                <#if materialrelacionado.titulomaterial.getSiblings()?has_content> 
336                    <#list materialrelacionado.getSiblings() as material> 
337                        <#if material.getData()?? && material.getData() != ""> 
338                            <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) /> 
339                            <li class="resource-lis"> 
340                                <#if is_signed_in> 
341                                	<#if material.getData()?contains("?t")> 
342										<#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/> 
343                                	<#else> 
344										<#assign materialUrl = material.getData()[0..material.getData()?length]/> 
345									</#if> 
346                                    <a href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')"> 
347                                <#else> 
348                                    <a onClick="openPopup('${loginURL}','','500', '650')"> 
349                                </#if> 
350	                                <span>${material.titulomaterial.getData()}</span> 
351	                                <span> (${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</span> 
352	                                </a> 
353                            </li> 
354                        </#if> 
355                    </#list> 
356                </#if> 
357                <#if descargable.getData()?has_content> 
358                    <div class = "row"> 
359                        <#if is_signed_in> 
360							<#if descargable.getData()?contains("?t")> 
361								<#assign descargableUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/> 
362                            <#else> 
363								<#assign descargableUrl = descargable.getData()[0..descargable.getData()?length]/> 
364							</#if> 
365                            <p class="center"><a href="${descargable.getData()}" class= "link-rec" onClick="addGTMEvent('contenido', 'descarga recursos', '${descargableUrl}')">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</a></p> 
366                        <#else> 
367                            <p class="center"><a onClick="openPopup('${loginURL}','','500', '650') class= "link-rec" ">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</a></p> 
368                        </#if> 
369                    </div> 
370			    </#if> 
371            </#if> 
372            <#-- EJEMPLOS DE USO --> 
373            <#if casosuso.getData()?has_content> 
374                <div class="bloque" id="ejemplos-uso-recurso"> 
375                    <h2 class="obj-rec-title">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2> 
376                    <div class="row" style="margin-top: 4%;"> 
377                        ${casosuso.getData()} 
378                    </div> 
379                </div> 
380            </#if> 
381			 
382			<#-- VALORACIONES --> 
383			<@liferay_portlet["runtime"] 
384				instanceId="valoraciones2" 
385				portletName="com_educaixa_valoraciones_EducaixaValoracionesPortlet" 
386			/> 
387			<#-- VALORACIONES --> 
388			 
389        </div> 
390        <#-- Register content --> 
391		<#if journalArticleLocalService.fetchArticle(groupId, "CAPTACION_RECURSO") ??> 
392		<#assign register = journalArticleLocalService.getArticle(groupId, "CAPTACION_RECURSO")/>  
393			<#if register?? && register != ""> 
394	            <#assign registerContent = journalArticleLocalService.getArticleContent(register, register.DDMTemplateKey, "VIEW", themeDisplay.getLocale(), themeDisplay) />  
395	        </#if> 
396	        <#assign registerContent = journalArticleLocalService.getArticleContent(register, register.DDMTemplateKey, "VIEW", themeDisplay.getLocale(), themeDisplay) />  
397		  	<div class= "captacion-ficha"> 
398		  		${registerContent} 
399	  		</div> 
400	    </#if> 
401    </div> 
402</div> 
403 
404<script> 
405$( document ).ready(function() { 
406    initAddThis(); 
407 
408    $("span.header-back-to a").attr('onClick',''); 
409    $("span.header-back-to a").attr("href","/es/landing-recursos"); 
410    <#if language=='ca_ES'> 
411		$("span.header-back-to a").attr("href","/ca/landing-recursos"); 
412	</#if>	 
413 
414    var searchParams = new URLSearchParams(window.location.search); 
415    var countImg = $(".image-preview-video img").length; 
416    if(searchParams.has('v')){ 
417        var valueParam = searchParams.get('v'); 
418        if(valueParam > 1 && valueParam <= countImg){ 
419            $(".image-preview-video:nth-child("+ valueParam +") img").click(); 
420
421
422     
423    var recursoTitle = document.getElementsByTagName('title')[0].innerHTML; 
424    window.dataLayer = window.dataLayer || []; 
425     dataLayer.push({ 
426         'event': 'CG',  
427         'eventCategory': 'recurso | video', 
428         'eventAction': recursoTitle 
429     }) 
430     
431     
432}); 
433$( "#myModal .close" ).click(function() { 
434	$('#yt-modal').each(function(){ 
435	  this.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*') 
436	}); 
437}); 
438 
439$(".image-preview-video").click(function() { 
440    $('.video-selected-recurso').removeClass("video-selected-recurso"); 
441    $(this).addClass("video-selected-recurso"); 
442}); 
443 
444function changeIframeUrl(idVideo, idioma){ 
445    var urlIframe = $('.iframe-video').attr("src"); 
446    urlIframe = "http://img.youtube.com/vi/"+idVideo+"/0.jpg"; 
447    $('.iframe-video').attr("src", urlIframe); 
448    var urlIframePopup = $('#yt-modal').attr("src"); 
449    var count = urlIframePopup.indexOf("embed/"); 
450    var urlIframeReplace = urlIframePopup.substring(count); 
451    count = urlIframeReplace.indexOf("/"); 
452    urlIframeReplace = urlIframeReplace.substring(count+1); 
453    count = urlIframeReplace.indexOf("?"); 
454    urlIframeReplace = urlIframeReplace.substring(0,count); 
455    urlIframePopup = urlIframePopup.replace(urlIframeReplace, idVideo); 
456    $('#yt-modal').attr("src", urlIframePopup); 
457    $(".iframe-video")[0].scrollIntoView() 
458    $(".idiomaList").text(idioma); 
459
460</script> 
461 
462<style> 
463.objetivo{ 
464    color: #7B2FA1; 
465
466.video-selected-recurso{ 
467    border: 5px solid #7B2FA1; 
468
469.image-preview-video{ 
470    max-width: 15%;  
471    margin-right: 1%; 
472
473.image-preview-video img{ 
474    cursor: pointer; 
475
476.info-video{ 
477    margin-top: 10px;  
478    margin-bottom: 10px;  
479    display:flex; 
480
481@media only screen and (max-width: 1024px) { 
482    .image-preview-video{ 
483        max-width: 50%;  
484        margin-right: 1%; 
485        margin: auto; 
486        margin-top: 10px; 
487
488    .info-video{ 
489        display:block; 
490
491     
492
493.video { position: relative; } 
494 
495.video a { 
496   position: absolute; 
497   display: block; 
498   height: 80px; 
499   width: 80px; 
500   top: 45%; 
501   left: 45%; 
502
503 
504.crop{ 
505    width: 900px;  
506    height: 548px; 
507     
508
509 
510.contenido-dcha-item > span { 
511    width: 100%; 
512    height: 1px; 
513    display: inline-block; 
514
515.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 { 
516  max-width: 1140px; 
517  margin: 0 auto; 
518  margin-bottom: 0px; 
519  margin-top:20px; 
520
521 
522p.component-title.h4 span.header-back-to > a.taglib-icon::after { 
523  content: "${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.atras")}"; 
524  color:#009AD8; 
525
526 
527 
528.asset-full-content.clearfix.mb-5.default-asset-publisher.no-title > .align-items-center.d-flex.mb-2 .lexicon-icon.lexicon-icon-angle-left { 
529    fill: #009AD8; 
530    width: 15px; 
531    height: 15px; 
532    margin-right: 10px; 
533
534.container.vertical.image-view.ficha-evidencias .box-img.col-lg.square { 
535    box-shadow: 1px 1px 8px #d0d0d0; 
536
537 
538</style>