S'ha produït un error mentre es processava la plantilla.
Negative range end index (-3) isn't allowed for a range used for slicing.
The blamed expression:
==> 0..(file.getSize()?length - 4) [in template "10154#10192#RECURSO-VIDEO" at line 345, column 120]
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${file.getSize()[0..(file.getSize()?l... [in template "10154#10192#RECURSO-VIDEO" at line 345, column 103]
----
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="addthis_inline_share_toolbox tooltip"></div>
159 </div>
160 <div class="bookmark">
161 <#if is_signed_in>
162 <#if isUserBookmark>
163 <button id="bookmark" onClick="updateUserBookmark(${journalArticleId},false);" data-articleid="${journalArticleId}" class="bookmark bookmarked"></button>
164 <#else>
165 <button id="bookmark" onClick="updateUserBookmark(${journalArticleId},true);" data-articleid="${journalArticleId}" class="bookmark"></button>
166 </#if>
167 <#else>
168 <button id="bookmark" onClick="event.stopPropagation();openPopup('${loginURL}','','500', '650')"></button>
169 </#if>
170 </div>
171 </div>
172 <div id="myModal" class="modal-resource">
173 <div class="modal-content-resource">
174 <span class="close">×</span>
175 <#if siteMeta.get(0).brightcove_id?? && siteMeta.get(0).brightcove_id != "">
176 <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>
177 </#if>
178 </div>
179 </div>
180 </div>
181 </div>
182</div>
183
184<#-- Video section -->
185<#if docprincipal.getSiblings()?size gt 1 >
186<#assign classIframe = "video-selected-recurso" />
187<div class="container info-video">
188 <#list docprincipal.getSiblings() as cur_docprincipal>
189 <#assign siteMetaDoc = UtilsService.getDocumentMetadataInJSON(cur_docprincipal.getData(), themeDisplay) />
190 <#assign idioma = siteMetaDoc.get(0).idioma?keep_after('"')?keep_before('"') />
191 <div class="${classIframe} image-preview-video">
192 <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">
193 </div>
194 <#assign classIframe = "" />
195 </#list>
196</div>
197</#if>
198
199<#-- Categories section-->
200<div class="container vertical info-view">
201 <div class="row">
202 <#if nivel_educativo?size != 0 >
203 <div class="col-lg col-xs-6 col-sm">
204 <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.nivel.educativo")}</h2>
205 <ul>
206 <#list nivel_educativo as item>
207 <li class="marked">${item}</li>
208 </#list>
209 </ul>
210 </div>
211 </#if>
212 <#if area_conocimiento?size != 0 >
213 <div class="col-lg col-xs-6 col-sm">
214 <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.area.conocimiento")}</h2>
215 <ul>
216 <#list area_conocimiento as item>
217 <li class="marked">${item}</li>
218 </#list>
219 </ul>
220 </div>
221 </#if>
222 <#if area_conocimiento?size != 0 >
223 <div class="col-lg col-xs-6 col-sm">
224 <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.competencias")}</h2>
225 <ul>
226 <#list competencias as item>
227 <li class="marked">${item}</li>
228 </#list>
229 </ul>
230 </div>
231 </#if>
232 <#if siteMeta?? && siteMeta.get(0).idioma?has_content>
233 <div class="col-lg col-xs-6 col-sm">
234 <h2 class="purple-title">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.ficha.idioma")}</h2>
235 <ul>
236 <#assign idioma = siteMeta.get(0).idioma?keep_after('"')?keep_before('"') />
237 <li class="marked idiomaList">${idioma} </li>
238 </ul>
239 </div>
240 </#if>
241 </div>
242 <hr class="line-12">
243</div>
244
245<#-- Content section-->
246<div class="container vertical info-content">
247 <div class="row">
248 <div class="col-lg-7 col-xs-12">
249 <#if introduccion?has_content>
250 <h2 class="obj-rec-title">
251 <b style="color: #7B2FA1;">${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.descripcion")}</b>
252 </h2>
253 <p class="description-text-rec">
254 ${introduccion.getData()}
255 </p>
256 </#if>
257 <#if objetivosdidacticos?has_content && objetivosdidacticos.getData() != "">
258 <h2 class="obj-rec-title">
259 <b>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}</b>
260 </h2>
261 <div class="row" style="margin-top: 4%;">
262 ${objetivosdidacticos.getData()}
263 </div>
264 <#elseif objetivosText?? && objetivosText.getData()?has_content>
265 <h2 class="obj-rec-title">
266 <b>${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.objetivos")}</b>
267 </h2>
268 <div class="row">
269 <#list objetivosText.getSiblings() as cur_objetivosText>
270 <#if cur_objetivosText.getData()?has_content && cur_objetivosText.getData()??>
271 <div class="col-md-6 mt-3">
272 <div class="objetivo"><h4>#${cur_objetivosText?index + 1}</h4></div>
273 <div >${cur_objetivosText.getData()}</div>
274 </div>
275 </#if>
276 </#list>
277 </div>
278 </#if>
279 <#-- Si las competencias del programa no incluyen dimensiones y/o subcompetencias, el modulo se sustituye por uno como el de objetivos!!!!!!-->
280 <#if competenceGeneralDescription.getSiblings()?has_content>
281 <div class="compet-rec-dropdown">
282 <#if competenceGeneralDescription.getData()?has_content>
283 <h2 class="obj-rec-title">
284 <b>${competenceGeneralDescription.getData()}</b>
285 </h2>
286 <div class="compet-rec-dropdown">
287 <#--
288 Por ahora no está el campo relleno. HAbilitar cuando se solicite
289 <li class="compet-rec-sub accordion">${competenceGeneralDescription.competenceTitle.getData()}</li>-->
290 <div class="compet-rec-sub-info panel">${competenceGeneralDescription.competenceTitle.competenceDesc.getData()}</div>
291 </div>
292 </#if>
293 </div>
294 </#if>
295 <#if otrainfodidactica.getData()?has_content>
296 <h2 class="obj-rec-title">
297 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.sobre")}
298 </h2>
299 <p class="desc-rec">${otrainfodidactica.getData()}</p>
300 </#if>
301 <#-- MATERIALES Y DESCARGAS -->
302 <#if materialrelacionado.getData()?has_content || linkTxt.getSiblings()?has_content || materialrelacionado.titulomaterial.getSiblings()?has_content >
303 <h2 class="obj-rec-title">
304 ${LiteralsToolsServiceUtil.getLiteral(groupId, language, "com.educaixa.seccion.recurso.material.relacionado")}
305 </h2>
306 <#list materialrelacionado.getSiblings() as fileText>
307 <#if materialesTexto.getData()?has_content>
308 <div>
309 ${materialesTexto.getData()}
310 </div>
311 </#if>
312 <#if linkTxt.internalLink.getData()?has_content>
313 <#list linkTxt.getSiblings() as linkTxt>
314 <li class="resource-lis">
315 <#if linkTxt.internalLink.getData()?has_content && is_signed_in>
316 <a href="${linkTxt.internalLink.getData()}">
317 <#elseif linkTxt.externalLink.getData()?has_content && is_signed_in>
318 <a href="${linkTxt.externalLink.getData()}" target="_blank">
319 <#else>
320 <a onClick="openPopup('${loginURL}','','500', '650')">
321 </#if>
322 <span>${linkTxt.getData()}</span>
323 </a>
324 </li>
325 </ul>
326 </#list>
327 </#if>
328 </#list>
329 <#if materialrelacionado.titulomaterial.getSiblings()?has_content>
330 <#list materialrelacionado.getSiblings() as material>
331 <#if material.getData()?? && material.getData() != "">
332 <#assign file = dLFileEntryLocalService.getFileEntryByUuidAndGroupId(material.getData()?keep_after_last("/")?keep_before("?"),scopeGroupId) />
333 <li class="resource-lis">
334 <#if is_signed_in>
335 <#if material.getData()?contains("?t")>
336 <#assign materialUrl = material.getData()[0..(material.getData()?last_index_of("/") - 1)]/>
337 <#else>
338 <#assign materialUrl = material.getData()[0..material.getData()?length]/>
339 </#if>
340 <a href="${material.getData()}" target="_blank" onClick="addGTMEvent('contenido', 'descarga recursos', '${materialUrl}')">
341 <#else>
342 <a onClick="openPopup('${loginURL}','','500', '650')">
343 </#if>
344 <span>${material.titulomaterial.getData()}</span>
345 <span> (${file.getMimeType()?keep_after_last("/")?upper_case} ${file.getSize()[0..(file.getSize()?length - 4)]}Kb)</span>
346 </a>
347 </li>
348 </#if>
349 </#list>
350 </#if>
351 <#if descargable.getData()?has_content>
352 <div class = "row">
353 <#if is_signed_in>
354 <#if descargable.getData()?contains("?t")>
355 <#assign descargableUrl = descargable.getData()[0..(descargable.getData()?last_index_of("/") - 1)]/>
356 <#else>
357 <#assign descargableUrl = descargable.getData()[0..descargable.getData()?length]/>
358 </#if>
359 <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>
360 <#else>
361 <p class="center"><a onClick="openPopup('${loginURL}','','500', '650') class= "link-rec" ">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.download.all")}</a></p>
362 </#if>
363 </div>
364 </#if>
365 </#if>
366 <#-- EJEMPLOS DE USO -->
367 <#if casosuso.getData()?has_content>
368 <div class="bloque" id="ejemplos-uso-recurso">
369 <h2 class="obj-rec-title">${LiteralsToolsServiceUtil.getLiteral(scopeGroupId, language, "com.educaixa.example.use")}</h2>
370 <div class="row" style="margin-top: 4%;">
371 ${casosuso.getData()}
372 </div>
373 </div>
374 </#if>
375 </div>
376 <#-- Register content -->
377 <#if journalArticleLocalService.fetchArticle(groupId, "CAPTACION_RECURSO") ??>
378 <#assign register = journalArticleLocalService.getArticle(groupId, "CAPTACION_RECURSO")/>
379 <#if register?? && register != "">
380 <#assign registerContent = journalArticleLocalService.getArticleContent(register, register.DDMTemplateKey, "VIEW", themeDisplay.getLocale(), themeDisplay) />
381 </#if>
382 <#assign registerContent = journalArticleLocalService.getArticleContent(register, register.DDMTemplateKey, "VIEW", themeDisplay.getLocale(), themeDisplay) />
383 <div class= "captacion-ficha">
384 ${registerContent}
385 </div>
386 </#if>
387 </div>
388</div>
389
390<script>
391$( document ).ready(function() {
392 initAddThis();
393 var searchParams = new URLSearchParams(window.location.search);
394 var countImg = $(".image-preview-video img").length;
395 if(searchParams.has('v')){
396 var valueParam = searchParams.get('v');
397 if(valueParam > 1 && valueParam <= countImg){
398 $(".image-preview-video:nth-child("+ valueParam +") img").click();
399 }
400 }
401
402 var recursoTitle = document.getElementsByTagName('title')[0].innerHTML;
403 window.dataLayer = window.dataLayer || [];
404 dataLayer.push({
405 'event': 'CG',
406 'eventCategory': 'recurso | video',
407 'eventAction': recursoTitle
408 })
409
410
411});
412$( "#myModal .close" ).click(function() {
413 $('#yt-modal').each(function(){
414 this.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*')
415 });
416});
417
418$(".image-preview-video").click(function() {
419 $('.video-selected-recurso').removeClass("video-selected-recurso");
420 $(this).addClass("video-selected-recurso");
421});
422
423function changeIframeUrl(idVideo, idioma){
424 var urlIframe = $('.iframe-video').attr("src");
425 urlIframe = "http://img.youtube.com/vi/"+idVideo+"/0.jpg";
426 $('.iframe-video').attr("src", urlIframe);
427 var urlIframePopup = $('#yt-modal').attr("src");
428 var count = urlIframePopup.indexOf("embed/");
429 var urlIframeReplace = urlIframePopup.substring(count);
430 count = urlIframeReplace.indexOf("/");
431 urlIframeReplace = urlIframeReplace.substring(count+1);
432 count = urlIframeReplace.indexOf("?");
433 urlIframeReplace = urlIframeReplace.substring(0,count);
434 urlIframePopup = urlIframePopup.replace(urlIframeReplace, idVideo);
435 $('#yt-modal').attr("src", urlIframePopup);
436 $(".iframe-video")[0].scrollIntoView()
437 $(".idiomaList").text(idioma);
438}
439</script>
440
441<style>
442.objetivo{
443 color: #7B2FA1;
444}
445.video-selected-recurso{
446 border: 5px solid #7B2FA1;
447}
448.image-preview-video{
449 max-width: 15%;
450 margin-right: 1%;
451}
452.image-preview-video img{
453 cursor: pointer;
454}
455.info-video{
456 margin-top: 10px;
457 margin-bottom: 10px;
458 display:flex;
459}
460@media only screen and (max-width: 1024px) {
461 .image-preview-video{
462 max-width: 50%;
463 margin-right: 1%;
464 margin: auto;
465 margin-top: 10px;
466 }
467 .info-video{
468 display:block;
469 }
470
471}
472.video { position: relative; }
473
474.video a {
475 position: absolute;
476 display: block;
477 height: 80px;
478 width: 80px;
479 top: 45%;
480 left: 45%;
481}
482
483.crop{
484 width: 900px;
485 height: 548px;
486
487}
488</style>
Encara no hi ha cap comentari. Sigues el primer a enviar comentaris.
Valoració mitjana global sobre 5
Basada en 1 valoracions
Recursos complementaris
