1<#if themeDisplay.getScopeGroupName() != "EnPositivoFCC">
2<@liferay_util["html-top"]>
3 <link href="/o/FCC-theme/css/CE/detalle-noticias.css?a=2" rel="stylesheet">
4</@>
5<#else>
6<style>
7.enPositivo .lfr-layout-structure-item-basic-component-html .info_noticia .contenido_noticia {
8 padding-right: 0px;
9 width: 100%;
10 max-width: 100%;
11}
12.enPositivo .lfr-layout-structure-item-basic-component-html .info_noticia {
13 flex-direction: column;
14 width: 100%;
15 max-width: 855px !important;
16 margin: 0 auto !important;
17 font-family: 'Rubik';
18 padding-top: 0px;
19 padding-bottom: 40px;
20}
21
22.enPositivo .lfr-layout-structure-item-basic-component-html .info_noticia .contenido_noticia .info_imprimirEnviar a:before {
23 font-family: "fontawesome-alloy" !important; color: #005697 !important;
24}
25
26
27
28.enPositivo .lfr-layout-structure-item-basic-component-html .info_noticia .contenido_noticia .info_imprimirEnviar a{
29 font-family: "Rubik" !important;
30 font-size: 1em !important; color: #005697 !important;
31}
32
33.enPositivo .lfr-layout-structure-item-basic-component-html .info_noticia .contenido_noticia .info_redesSociales ul li a {
34 color: #005697 !important;
35}
36.enPositivo .info_noticia .info_redesSociales { justify-content:flex-end;}
37.enPositivo .row.row-rrhh {
38 width: 100%;
39 max-width: inherit;
40 margin-bottom: 19px;
41 border-bottom: 1px solid #e5e5e5;
42 padding-bottom: 10px;
43 border-top: 1px solid #e5e5e5;
44 padding-top: 10px;
45}
46.enPositivo .row.row-rrhh > div {
47display: inline-flex;width:100%;
48}
49.ep .info_noticia .contenido_noticia .cuerpoNoticia { padding-left:0px;}
50.ep .info_noticia .contenido_noticia .info_redesSociales ul li a {
51 margin: 0px;
52 padding: 0px;
53}
54.ep .info_noticia .contenido_noticia .info_redesSociales ul {
55 display: flex !important;
56 align-items: center;
57 justify-content: center;
58 gap: 4px;
59}
60.ep .info_noticia .contenido_noticia .info_redesSociales ul li a.fcc-iconX {
61 position: relative;
62 top: 3px;
63}
64.ep .info_noticia .contenido_noticia .info_redesSociales ul li a.fcc-icoWhatsapp {
65 position: relative;
66 top: 2px;
67}
68.ep .info_noticia .contenido_noticia .info_redesSociales ul li a.fcc-icon-envelope {
69 position: relative;
70 top: 1px;
71}
72.enPositivo .row.tags {
73 width: 100%;
74}
75.enPositivo .row.tags .info_categorias {
76 text-align: left;
77 padding-left: 16px;
78 font-family: "Noto Sans";
79 font-size: 14px;
80}
81.enPositivo .portlet-asset-publisher .asset-details {
82 display: none;
83}
84.enPositivo .news-first-content > h2 {
85 color: #224a91 !important;
86 font-weight: normal;
87 font-size: 24px;
88 line-height: 28px;
89}
90.enPositivo .news-first-content p.news-date {
91 margin-bottom: 0px;
92 font-size: 14px;
93}
94
95@media(max-width:1280px) {
96 .enPositivo .info_noticia {
97 margin: 0 auto;
98 width: 100% !important;
99 max-width: 100%;
100 }
101 .enPositivo .info_noticia .contenido_noticia {
102 margin-left: 0px;
103 padding-left: 15px;
104 }
105 .enPositivo .news-second-content .row.row-rrhh {
106 margin-left:0px;
107 }
108 .enPositivo .info_noticia .contenido_noticia .cuerpoNoticia {
109 margin-left:0px;padding-right:0px;
110 }
111 .enPositivo .row.tags {
112 padding-left: 15px;
113 padding-right: 15px;
114 }
115 .enPositivo .info_noticia .contenido_noticia .cuerpoNoticia {
116 width:100%;max-width:100%;
117 }
118}
119
120</style>
121</#if>
122
123<#assign tipoNoticia = "defecto" />
124
125<#if typeNews?? && typeNews.getData()?has_content>
126 <#assign tipoNoticia = typeNews.getData() />
127</#if>
128
129
130
131<#assign customImage = true />
132
133<#attempt>
134<#assign fileUrl = Imagen_destacadaFieldSet.Imagen_destacada.getData()?split("?")[0] />
135<#assign urlParts = fileUrl?split("/") />
136<#assign uuid = urlParts[urlParts?size - 1] />
137<#assign groupIdImg = themeDisplay.getScopeGroupId() />
138
139<#assign DLAppServiceUtil = serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService")/>
140<#assign fileEntry = DLAppServiceUtil.getFileEntryByUuidAndGroupId(uuid, groupIdImg) />
141<#assign fileEntryId = fileEntry.getFileEntryId() />
142<#assign nombreArchivo = fileEntry.getFileName() />
143<#recover>
144<#assign customImage = false />
145</#attempt>
146
147
148<#assign ver_twitter = false />
149<#if themeDisplay.getLayout().getExpandoBridge().getAttribute('ver-twitter')??>
150 <#assign ver_twitter = themeDisplay.getLayout().getExpandoBridge().getAttribute('ver-twitter') />
151 <#if ver_twitter == true>
152
153
154 <#assign description = "" />
155 <#assign title = "" />
156
157 <#if txt_titulo.getData()?? && txt_titulo.getData()?has_content>
158 <#assign title = txt_titulo.getData() />
159 </#if>
160
161 <#if txt_entradilla.getData()?? && txt_entradilla.getData()?has_content>
162 <#assign description = txt_entradilla.getData() />
163 <#else>
164 <#assign description = txt_titulo.getData() />
165 </#if>
166
167 <@liferay_util["html-top"]>
168 <meta name="twitter:title" content="${title}">
169 <meta name="twitter:description" content="${htmlUtil.stripHtml(description)}">
170 <meta name="twitter:image" content="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}" />
171 </@>
172
173
174 </#if>
175</#if>
176
177<#assign actualidadPortletId = themeDisplay.getPortletDisplay().getId() />
178<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js">
179<script>
180actualidadPortletId = '${actualidadPortletId}';
181</script>
182<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
183
184<style>
185.lang-row a {
186 margin-left: 4px;
187 margin-right: 12px;
188}
189.lang-row {
190 display: inline-flex;
191}
192.master-page footer#footer::before {
193content: "";
194 width: 100%;
195 min-height: 110px;
196 display: block;
197 background-color: #f7f7f7;
198}
199
200@media(max-width:991px){
201.master-page footer#footer::before {
202 min-height: 90px;
203 }
204}
205
206.master-page #footer .footerRecursives { position:relative; }
207
208
209.master-page .has-control-menu.signed-in.controls-visible .webs-grupo-fcc { min-height:0px !important;}
210#main-content #column-1 > .portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .asset-full-content {
211 max-width: 1140px;
212 margin: 0 auto;
213 width:100%;
214 padding-left: 25px;
215 padding-right: 25px;
216}
217
218#main-content #column-1 > .portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .asset-full-content .imagenDestacada img , #main-content #column-1 > .portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ img {
219 max-width: 100%;
220}
221
222
223#main-content #column-1 > .portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .asset-full-content .metadata-author { display:none; }
224
225#main-content #column-1 > .portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ .portlet-icon-back {
226 display:none;
227}
228
229
230
231
232
233.fcc-icoWhatsapp:before{
234content: url('/documents/12187494/13937318/icono-whatsapp+%281%29.svg/43f9ccaa-228b-e193-2dc6-35476291e47f?t=1613664420158');
235
236}
237
238.fcc-iconX:before {
239 content: url('/documents/12187494/13937318/x.svg/88cd4d19-c101-7820-fefd-644cb0090111?t=1744184685857');
240}
241.fcc-iconX{
242 vertical-align: bottom!important;
243 margin-bottom: 3px;
244 margin-left: 5px;
245}
246
247
248.fcc-icon-envelope:before {
249 content:"\f003";
250 font-family: 'fontawesome-alloy';
251 font-size: 18px;
252 margin-left: .25rem;
253}
254
255.fcc-icoWhatsapp{
256
257 vertical-align: bottom!important;
258 margin-bottom: 5px;
259 width: 16px!important;
260 margin-left: 5px;
261
262}
263
264.modal-slide-img {
265 display: none;
266 position: fixed;
267 z-index: 11;
268 left: 0;
269 top: 0;
270 width: 100%;
271 height: 100%;
272 background-color: rgba(0, 0, 0, 0.7);
273 text-align: center;
274 }
275
276.modal-slide-img .modal-content {
277 margin: 0;
278 max-width:50%;
279 position: absolute;
280 top: 50%;
281 left: 50%;
282 -ms-transform: translate(-50%, -50%);
283 transform: translate(-50%, -50%);
284 z-index: 12;
285 }
286
287.modal-slide-img .modal-content img {
288 max-width: 100%;
289 max-height: 100%;
290 }
291
292
293 .close {
294 position: absolute;
295 top: 50px;
296 right: 10px;
297 font-size: 30px;
298 cursor: pointer;
299 color: white;
300 border-radius: 50%;
301 border: 2px solid white;
302 width: 35px;
303 height: 35px;
304 display: flex;
305 justify-content: center;
306 align-items: center;
307 background-color: #75737370;
308 z-index: 13;
309 opacity:inherit;
310 }
311
312
313
314 .prev {
315 left: 10px;
316 }
317
318 .next {
319 right: 10px;
320 }
321 .prev,.next{
322
323 border-radius: 50%;
324 border: 1px solid white;
325 width: 35px;
326 height: 35px;
327 display: flex;
328 justify-content: center;
329 align-items: center;
330 background-color: #75737370;
331 position: absolute;
332 top: 50%;
333 font-size: 20px;
334 cursor: pointer;
335 color: white!important;
336}
337
338
339
340
341
342 html #wrapper #content .info_noticia.design-1 .contenido_noticia .principal-image {
343 min-width:50dvw;
344 }
345
346 html #wrapper #content .info_noticia.design-1 .contenido_noticia .info_download_material ,
347 html #wrapper #content .info_noticia.design-2 .contenido_noticia .info_download_material {
348 flex-wrap: wrap;
349 flex-direction:inherit;
350 }
351
352 html #wrapper #content .info_noticia.design-1 .contenido_noticia .info_download_material .download-material-title,
353 html #wrapper #content .info_noticia.design-2 .contenido_noticia .info_download_material .download-material-title {
354 width:100%;
355 }
356
357
358
359
360html.fcc-madrid #wrapper #content .info_noticia.row.design-2 .contenido_noticia .principal-image {
361aspect-ratio: inherit;
362}
363html.fcc-madrid #wrapper #content .info_noticia.row.design-2 .contenido_noticia .principal-image img { position:static;}
364</style>
365
366
367<style>
368.fcc-web.master-page .banner_home > img { display:none !important;}
369.fcc-web.master-page section.page-title {
370 display: none;
371}
372.row.row-idiomas {
373 background-color: #f7f7f7;
374}
375</style>
376
377<#assign diaCambio = 7 />
378<#assign mesCambio = 2 />
379<#assign anoCambio = 2018 />
380
381<#assign textoStop = "" />
382<#assign textoPlay = "" />
383<#assign Integer = 0 />
384
385
386<#assign longGroupId = getterUtil.getLong(groupId) />
387<#assign id = .vars["reserved-article-id"].data />
388
389<#assign journalArticleResourceService = serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService") />
390<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
391
392<#assign articleResource = journalArticleResourceService.fetchArticleResource(longGroupId, id) />
393<#assign articleResourcePK = articleResource.getResourcePrimKey() />
394<#assign art = journalArticleLocalService.getLatestArticle(articleResourcePK) />
395
396
397<#assign diaNoti = art.getDisplayDate()?string("dd") />
398<#assign mesNoti = art.getDisplayDate()?string("MM") />
399<#assign anoNoti = art.getDisplayDate()?string("yyyy") />
400
401
402<#if anoCambio gt anoNoti?number>
403 <#assign miniatura = false />
404<#else>
405 <#if anoCambio == anoNoti?number>
406 <#if mesCambio gt mesNoti?number>
407 <#assign miniatura = false />
408 <#else>
409 <#if mesCambio == mesNoti?number >
410 <#if diaCambio gt diaNoti?number>
411 <#assign miniatura = false />
412 <#else>
413 <#assign miniatura = true />
414 </#if>
415 <#else>
416 <#assign miniatura = true />
417 </#if>
418 </#if>
419 <#else>
420 <#assign miniatura = true />
421 </#if>
422</#if>
423
424
425<#assign indicatorText = '' />
426<#assign textoStop = "" />
427<#assign textoPlay = "" />
428
429<#if locale == 'es_ES' >
430 <#assign indicatorText = 'Imagen' />
431 <#assign textoStop = "Parar la presentación de imágenes" />
432 <#assign textoPlay = "Reanudar la presentación imágenes" />
433<#elseif locale == "en_US" >
434 <#assign indicatorText = 'Image' />
435 <#assign textoStop = "Stop carousel of images" />
436 <#assign textoPlay = "Resume image presentation" />
437</#if>
438
439
440<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService" ) />
441
442<#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.link.service.AssetLinkLocalService" ) />
443<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService" ) />
444
445
446
447
448<#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
449
450
451<#assign currentArticle = journalArticleResourceService.fetchArticleResource(longGroupId, id) />
452<#assign articleResourcePK = articleResource.getResourcePrimKey() />
453<#assign articleCategories = assetCategoryLocalService.getCategories("com.liferay.journal.model.JournalArticle", articleResourcePK) />
454<#assign art = journalArticleLocalService.getLatestArticle(articleResourcePK) />
455
456<#assign tituloActual = art.getUrlTitle() />
457
458<#assign currentArticleAssetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", articleResourcePK) />
459
460
461<#assign currentArticleAssetEntryEntryId = currentArticleAssetEntry.getEntryId() />
462<#assign currentArticleRelatedLinks = assetLinkLocalService.getDirectLinks(currentArticleAssetEntryEntryId) />
463
464<#assign publicURL = themeDisplay.getPathFriendlyURLPublic() />
465
466<#assign contentSiteId = currentArticle.getGroupId() />
467<#assign groupLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.GroupLocalService") />
468<#assign site = groupLocalService.getGroup(contentSiteId) />
469<#assign siteFURL = site.getFriendlyURL() />
470<#assign serverName = themeDisplay.getServerName() />
471<#assign serverPort = themeDisplay.getServerPort() />
472<#assign secure = themeDisplay.isSecure() />
473
474
475
476<#if secure == false >
477 <#assign protocol = "http://" />
478<#else>
479 <#assign protocol = "https://" />
480</#if>
481
482<#assign urlNoticiaActual = protocol + serverName + ":" + serverPort + publicURL + siteFURL + '/w/' + tituloActual />
483
484<#assign tabTitleList = [] />
485<#assign tabUrlList = [] />
486<#assign journalTitulo = [] />
487<#assign tabDateList = [] />
488
489
490
491<#list currentArticleRelatedLinks as curEntry >
492
493 <#if curEntry.getEntryId1() == currentArticleAssetEntryEntryId>
494 <#assign relatedEntry = assetEntryLocalService.getEntry(curEntry.getEntryId2()) />
495 <#else>
496 <#assign relatedEntry = assetEntryLocalService.getEntry(curEntry.getEntryId1()) />
497 </#if>
498
499 <#assign relatedAssetRenderer = relatedEntry.getAssetRenderer() />
500 <#assign relatedAssetClassName = relatedAssetRenderer.getClassName() />
501
502 <#if relatedAssetClassName == "com.liferay.journal.model.JournalArticle" >
503 <#-- ARTITULO RELACIONADO -->
504 <#assign relatedJournalArticle = relatedAssetRenderer.getArticle() />
505 <#assign urlTitLink = relatedJournalArticle.getUrlTitle() />
506 <#assign urlView = relatedJournalArticle.getTitleCurrentValue() />
507 <#assign idJour = relatedJournalArticle.getArticleId() />
508
509
510 <#assign dt = diaNoti+"/"+mesNoti+"/"+anoNoti />
511 <#if tabDateList??>
512 <#assign tabDateList += [dt] />
513 </#if>
514 <#if tabTitleList??>
515 <#assign tabTitleList += [relatedJournalArticle.getUrlTitle()] />
516 </#if>
517
518 <#assign journalTitl = saxReaderUtil.read(relatedJournalArticle.getContent()) />
519
520 <#-- variables para generar enlace a noticia -->
521 <#assign contentSiteId = relatedJournalArticle.getGroupId() />
522 <#assign site = groupLocalService.getGroup(contentSiteId) />
523 <#assign siteFURL = site.getFriendlyURL() />
524
525 <#assign urlRelacionada = publicURL + siteFURL + '/w/' + urlTitLink />
526 <#assign tabUrlList += [urlRelacionada] />
527
528 <#assign title = journalTitl.selectSingleNode("/root/dynamic-element[@name='txt_titulo']/dynamic-content") />
529 <#assign titleString = title.getText() />
530 <#assign journalTitulo += [titleString] />
531 </#if>
532</#list>
533
534
535<#assign verticalImagen = "" />
536<#assign vI = "" />
537
538<#if verticalImage?? && verticalImage.getData()?has_content>
539<#if getterUtil.getBoolean(verticalImage.getData())>
540<#assign verticalImagen = "verticalImage" />
541<#assign vI = "v-i" />
542</#if>
543</#if>
544
545
546<#assign imageType = "" />
547<#if !imagenDestacadaInterior.getData()?? || imagenDestacadaInterior.getData() == "">
548<#assign imageType = "no-image" />
549</#if>
550
551<#assign principalImg = false />
552<#assign principalImgCss = "no-destacada" />
553<#if (imagenDestacadaInterior.getData())?? && imagenDestacadaInterior.getData() != "">
554<#assign principalImg = true />
555<#assign principalImgCss = "" />
556</#if>
557
558<div class="info_noticia row ${tipoNoticia} ${principalImgCss}">
559 <div class="contenido_noticia col-12 col-md-9 ">
560
561 <div class="noticia-header ${vI} ${imageType}">
562<#if (imagenDestacadaInterior.getData())?? && imagenDestacadaInterior.getData() != "">
563 <div class="principal-image ${verticalImagen}"><div class="download-image"><a download href="${imagenDestacadaInterior.getData()}"><i class="bi bi-download"></i></a></div><img loading="lazy" alt="${imagenDestacadaInterior.getAttribute("alt")}" data-fileentryid="${imagenDestacadaInterior.getAttribute("fileEntryId")}" src="${imagenDestacadaInterior.getData()}" /></div>
564</#if>
565
566 <div class="news-header">
567
568
569 <div class="news-first-content">
570
571 <p class="news-date">${diaNoti}/${mesNoti}/${anoNoti}</p>
572
573 <#if txt_titulo.getData()?has_content>
574 <h2 id="noticia-title">
575 ${txt_titulo.getData()}
576 </h2>
577 </#if>
578
579
580 <#if txt_sumario.getData()?has_content>
581 <div class="subtitulo">
582 ${txt_sumario.getData()}
583 </div>
584 </#if>
585 </div>
586
587 <div class="news-second-content">
588
589 <#if itemsDescargables?? && itemsDescargables.getSiblings()?has_content && itemsDescargables.DocumentLibrary82698369.getData()?has_content>
590<div class="info_download_material">
591
592<#if descargaMaterial?? && descargaMaterial.getData()?has_content>
593<div class="download-material-title">${descargaMaterial.getData()}</div>
594</#if>
595
596 <#list itemsDescargables.getSiblings() as cur_itemsDescargables>
597 <#if cur_itemsDescargables.DocumentLibrary82698369.getData()??>
598 <a href="${cur_itemsDescargables.DocumentLibrary82698369.getData()}">
599 <div class="descargables">
600 <div class="descargable-ico">
601 <i class="bi ${cur_itemsDescargables.materialDescargableIco.getData()}"></i>
602 </div>
603 <div class="">
604 <div class="descargable-tag">${cur_itemsDescargables.materialDesc.getData()}</div>
605 <div class="descargable-title">${cur_itemsDescargables.materialTitle.getData()}</div>
606 <div class="descargable-data">${itemsDescargables.formatoMaterial.getData()}</div>
607
608 </div>
609 </div>
610 </a>
611 </#if>
612 </#list>
613 </div>
614</#if>
615
616 <div class="row row-rrhh">
617<div>
618
619 <div class="info_imprimirEnviar col-8">
620
621 <#assign layoutId = themeDisplay.getPlid() />
622 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
623 <#assign layoutLong = layoutId?number />
624 <#assign layout = layoutService.getLayout(layoutLong) />
625
626 <#assign grupo = layout.getGroup() />
627
628
629
630 <#assign campoEnvio = grupo.getExpandoBridge().getAttribute("Enlace formulario noticias") />
631
632
633 <#assign urlPublic = themeDisplay.getPathFriendlyURLPublic() />
634
635 <#assign urlGroup = layout.getGroup().getDisplayURL(themeDisplay) />
636
637 <#if grupo.getParentGroup()??>
638 <#assign parentGroup = grupo.getParentGroup() />
639 <#if parentGroup?has_content>
640 <#assign urlGroup = parentGroup.getDisplayURL(themeDisplay) />
641 <#assign campoEnvio = parentGroup.getExpandoBridge().getAttribute("Enlace formulario noticias") />
642 </#if>
643 </#if>
644
645 <#if locale == "es_ES" >
646 <a onclick="redirectEnvioNoticiaPost(${.vars['reserved-article-id'].data});" href="javascript:void(0);" target="" class="fcc-envelop" title="Enviar">Enviar</a>
647 <#elseif locale == "en_US">
648 <a onclick="redirectEnvioNoticiaPost(${.vars['reserved-article-id'].data});" href="javascript:void(0);" target="" class="fcc-envelop" title="Send">Send</a>
649 </#if>
650
651
652 <#if locale == "es_ES">
653 <a href="javascript: window.print()" class="fcc-printer" title="Imprimir">Imprimir</a>
654 <#elseif locale == "en_US">
655 <a href="javascript: window.print()" class="fcc-printer" title="Print">Print</a>
656 </#if>
657
658 <#if Version_pdf.getData()?has_content>
659 <#if locale == "es_ES">
660 <a href="${Version_pdf.getData()}" class="fcc-filePdf" title="Descargar">Descargar</a>
661 <#elseif locale == "en_US">
662 <a href="${Version_pdf.getData()}" class="fcc-filePdf" title="Download"> Download</a>
663 </#if>
664 </#if>
665 </div>
666
667 <div class="info_redesSociales col-4">
668 <ul class="social-banner">
669 <#assign thisPage = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
670 <li>
671
672 <#assign twitterUrl = "http://twitter.com/share?url="+thisPage?url('UTF-8')+"&text="+txt_titulo.getData()?url('UTF-8') />
673
674
675 <a class="fcc-iconX" target="_blank"
676 href="${twitterUrl}"
677 title="twitter">
678 <span class="sr-only">Compartir en Twitter</span>
679 </a></li>
680 <li>
681 <a class="fcc-linkedin fcc-ico" target="_blank"
682 href="https://www.linkedin.com/shareArticle?mini=true&url=${thisPage}&source=FCC"
683 title="linkedin">
684 <span class="sr-only">Compartir en Linkedin</span>
685 </a></li>
686 <li class="facebook">
687 <#assign facebookUrl = "http://www.facebook.com/sharer.php?u="+thisPage+"?t="+txt_titulo.getData()?url('UTF-8') />
688
689 <a class="fcc-icoFacebook" target="_blank"
690 href="${facebookUrl}"
691 title="facebook">
692 <span class="sr-only">Compartir en Facebook</span>
693 </a></li>
694 <li>
695
696 <a class="fcc-icoRSS" target="_blank"
697 href="${publicURL}${siteFURL}/rss"
698 title="rss">
699 <span class="sr-only">RSS</span>
700 </a></li>
701 <li>
702 <#assign whatsappUrl = "https://api.whatsapp.com/send?text="+txt_titulo.getData()?url('UTF-8') + thisPage />
703 <a class="fcc-icoWhatsapp" target="_blank" href="${whatsappUrl}" title="whatsapp">
704 <span class="sr-only">Compartir en Whatsapp</span>
705 </a>
706 </li>
707
708 <li class="email-hide">
709 <#assign emailUrl = "mailto:?subject=" + txt_titulo.getData()?url('UTF-8') + thisPage?url('UTF-8') />
710
711 <a class="fcc-icon-envelope" href="${emailUrl}" title="email">
712 <span class="sr-only">Compartir por email</span>
713 </a>
714
715 </li>
716 </ul>
717 </div>
718 </div>
719 </div>
720 </div> <#-- news second content -->
721
722 </div> <#-- news header-->
723
724
725
726
727
728
729
730
731
732
733
734 <#-- <div class="row row-rrhh">
735
736
737 <div class="info_imprimirEnviar col-8">
738
739 <#assign layoutId = themeDisplay.getPlid() />
740 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
741 <#assign layoutLong = layoutId?number />
742 <#assign layout = layoutService.getLayout(layoutLong) />
743
744 <#assign grupo = layout.getGroup() />
745
746
747
748 <#assign campoEnvio = grupo.getExpandoBridge().getAttribute("Enlace formulario noticias") />
749
750
751 <#assign urlPublic = themeDisplay.getPathFriendlyURLPublic() />
752
753 <#assign urlGroup = layout.getGroup().getDisplayURL(themeDisplay) />
754
755 <#if grupo.getParentGroup()??>
756 <#assign parentGroup = grupo.getParentGroup() />
757 <#if parentGroup?has_content>
758 <#assign urlGroup = parentGroup.getDisplayURL(themeDisplay) />
759 <#assign campoEnvio = parentGroup.getExpandoBridge().getAttribute("Enlace formulario noticias") />
760 </#if>
761 </#if>
762
763 <#if locale == "es_ES" >
764 <a onclick="redirectEnvioNoticiaPost(${.vars['reserved-article-id'].data});" href="javascript:void(0);" target="" class="fcc-envelop" title="Enviar">Enviar</a>
765 <#elseif locale == "en_US">
766 <a onclick="redirectEnvioNoticiaPost(${.vars['reserved-article-id'].data});" href="javascript:void(0);" target="" class="fcc-envelop" title="Send">Send</a>
767 </#if>
768
769
770 <#if locale == "es_ES">
771 <a href="javascript: window.print()" class="fcc-printer" title="Imprimir">Imprimir</a>
772 <#elseif locale == "en_US">
773 <a href="javascript: window.print()" class="fcc-printer" title="Print">Print</a>
774 </#if>
775
776 <#if Version_pdf.getData()?has_content>
777 <#if locale == "es_ES">
778 <a href="${Version_pdf.getData()}" class="fcc-filePdf" title="Descargar">Descargar</a>
779 <#elseif locale == "en_US">
780 <a href="${Version_pdf.getData()}" class="fcc-filePdf" title="Download"> Download</a>
781 </#if>
782 </#if>
783 </div>
784
785 <div class="info_redesSociales col-4">
786 <ul class="social-banner">
787 <#assign thisPage = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
788 <li>
789
790 <#assign twitterUrl = "http://twitter.com/share?url="+thisPage?url('UTF-8')+"&text="+txt_titulo.getData() />
791
792
793 <a class="fcc-iconX" target="_blank"
794 href="${twitterUrl}"
795 title="twitter">
796 <span class="sr-only">Compartir en Twitter</span>
797 </a></li>
798 <li>
799 <a class="fcc-linkedin fcc-ico" target="_blank"
800 href="https://www.linkedin.com/shareArticle?mini=true&url=${thisPage}&source=FCC"
801 title="linkedin">
802 <span class="sr-only">Compartir en Linkedin</span>
803 </a></li>
804 <li class="facebook">
805 <#assign facebookUrl = "http://www.facebook.com/sharer.php?u="+thisPage+"?t="+txt_titulo.getData()?url('UTF-8') />
806
807 <a class="fcc-icoFacebook" target="_blank"
808 href="${facebookUrl}"
809 title="facebook">
810 <span class="sr-only">Compartir en Facebook</span>
811 </a></li>
812 <li>
813
814 <a class="fcc-icoRSS" target="_blank"
815 href="${publicURL}${siteFURL}/rss"
816 title="rss">
817 <span class="sr-only">RSS</span>
818 </a></li>
819 <li>
820 <#assign whatsappUrl = "https://api.whatsapp.com/send?text="+txt_titulo.getData()?url('UTF-8') + thisPage />
821 <a class="fcc-icoWhatsapp" target="_blank" href="${whatsappUrl}" title="whatsapp">
822 <span class="sr-only">Compartir en Whatsapp</span>
823 </a>
824 </li>
825
826 <li class="email-hide">
827 <#assign emailUrl = "mailto:?subject=" + txt_titulo.getData()?url('UTF-8') + thisPage?url('UTF-8') />
828
829 <a class="fcc-icon-envelope" href="${emailUrl}" title="email">
830 <span class="sr-only">Compartir por email</span>
831 </a>
832
833 </li>
834 </ul>
835 </div>
836 </div> -->
837</div> <#-- noticia header -->
838 <#-- row -->
839<#-- principalImg -->
840<#assign imgDestacada = "">
841<#assign imgDestacada>
842 <#if Imagen_destacadaFieldSet.Imagen_destacada.getData()?has_content>
843
844 <div class="imagenDestacada">
845
846
847 <#assign alt_dest = "" />
848 <#if Imagen_destacadaFieldSet.Imagen_destacadaFieldSetFieldSet.imagen_destacada_alt??>
849 <#assign alt_dest = Imagen_destacadaFieldSet.Imagen_destacadaFieldSetFieldSet.imagen_destacada_alt.getData() />
850 </#if>
851 <#if alt_dest?has_content>
852
853 <#assign titulo = txt_titulo.getData()?replace("\""," ") />
854
855 <#if alt_dest?lower_case == "#empty#">
856 <#assign alt_dest = "" />
857 <#else>
858 <#assign alt_dest = alt_dest?replace("\""," ") />
859 </#if>
860
861 <#if miniatura>
862 <#-- <img alt="${alt_dest}" src="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}&imageThumbnail=2" /> -->
863 <#if customImage>
864 <img loading="lazy" alt="${alt_dest}" src="/o/adaptive-media/image/${fileEntryId}/thumbnail-600x0/${nombreArchivo}" />
865 <#else>
866 <img loading="lazy" alt="${alt_dest}" src="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}" />
867 </#if>
868 <#else>
869 <img loading="lazy" alt="${alt_dest}" src="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}" />
870 </#if>
871 <#else>
872 <#assign titulo = txt_titulo.getData()?replace("\""," ") />
873 <#assign alt_dest = txt_titulo.getData()?replace("\""," ") />
874 <#if miniatura>
875 <#-- <img alt="${alt_dest}" src="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}&imageThumbnail=2" /> -->
876 <#if customImage>
877 <img loading="lazy" alt="${alt_dest}" src="/o/adaptive-media/image/${fileEntryId}/thumbnail-600x0/${nombreArchivo}" />
878 <#else>
879 <img loading="lazy" alt="${alt_dest}" src="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}" />
880 </#if>
881 <#else>
882 <img loading="lazy" alt="${alt_dest}" src="${Imagen_destacadaFieldSet.Imagen_destacada.getData()}" />
883 </#if>
884 </#if>
885 </div>
886 </#if>
887</#assign>
888
889
890 <#if txt_titulo.getData()?has_content>
891 <div class="cuerpoNoticia container">
892 <#if !principalImg>
893 ${imgDestacada}
894 </#if>
895
896 ${txt_cuerpo.getData()?replace("<p> </p>","")}
897 </div>
898 </#if>
899 </div> <#-- contenido_noticia -->
900
901
902 <div class="contenido_multimedia col-12 col-md-3">
903 <div class="container-multimedia">
904
905
906 <#assign hayImagenes = false />
907 <#if Imagen_relacionadaFieldSet.getSiblings()?has_content && Imagen_relacionadaFieldSet.getSiblings()?size gt 0 && Imagen_relacionadaFieldSet.Imagen_relacionada.getData()?has_content>
908
909 <#list Imagen_relacionadaFieldSet.getSiblings() as pintaTitulo >
910
911 <#if pintaTitulo.Imagen_relacionada.getData()?has_content>
912 <div id="info_multimedia" class="content-multimedia">
913 <div class="cabecera_detalle_noticia">
914 <#if locale == "es_ES">
915 Imágenes
916 <#elseif locale == "en_US" >
917 Images
918 </#if>
919 </div>
920 <#assign hayImagenes = true />
921 <#break>
922 </#if>
923 </#list>
924
925 <#if hayImagenes == true>
926 <div id="myCarouselActualidad" class="carousel slide normalSlider" data-ride="carousel">
927 <div class="center">
928
929 <ol class="carousel-indicators">
930 <#list Imagen_relacionadaFieldSet.getSiblings() as imagenPunto >
931
932 <#assign numOLAux = imagenPunto?index />
933 <#assign numOL = imagenPunto?index />
934 <#if numOL == 0>
935 <li data-target="#myCarouselActualidad" data-slide-to="${numOL}" class="active"><a href="#"><span class="sr-only"> ${indicatorText} ${imagenPunto?index} </span></a></li>
936 <#else>
937 <li data-target="#myCarouselActualidad" data-slide-to="${numOL}"><a href="#"><span class="sr-only">${indicatorText} ${imagenPunto?index} </span></a></li>
938 </#if>
939
940 </#list>
941
942 </ol>
943 </div>
944
945
946 <!-- Carousel items -->
947 <div class="carousel-inner">
948
949 <#list Imagen_relacionadaFieldSet.getSiblings() as cur_Imagen_relacionada >
950
951 <#assign numImg = cur_Imagen_relacionada?index />
952
953 <#if cur_Imagen_relacionada.Imagen_relacionada.getData()?has_content>
954
955 <#if numImg == 0 >
956 <div class="active carousel-item item">
957 <#else>
958 <div class="carousel-item item">
959 </#if>
960 <div class="download-image"><a download href="${cur_Imagen_relacionada.Imagen_relacionada.getData()}"><i class="bi bi-download"></i></a></div>
961
962 <a rel="image-zoom" target="_blank" onclick="openModal(${numImg})">
963 <#assign alt = cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Texto_alternativo_img.getData() />
964 <#assign alt = alt?replace("\""," ") />
965
966 <#if alt?has_content && cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287??>
967
968 <#assign alt = cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287.getData() />
969 <#assign alt = alt?replace("\""," ") />
970 </#if>
971
972 <#if cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287?? && cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287.getData()?has_content>
973 <#assign imgTitle = cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287.getData()?replace("\""," ") />
974 <#else>
975 <#assign imgTitle = "" />
976 </#if>
977
978 <#if alt?length lt 100 >
979 <img loading="lazy" alt="${alt}"
980 title="${imgTitle}"
981 src="${cur_Imagen_relacionada.Imagen_relacionada.getData()}" />
982 <#else>
983 <div style="opacity:0">
984 ${alt}
985 </div>
986 <img loading="lazy"
987 title="${imgTitle}"
988 src="${cur_Imagen_relacionada.Imagen_relacionada.getData()}" />
989 </#if>
990 </a>
991 <#if cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287?? && cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287.getData()?has_content>
992 <p>${cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Titulo_img_relacionada16287.getData()}</p>
993 <#elseif cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Texto_alternativo_img?? && cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Texto_alternativo_img.getData()?has_content >
994 <p>${cur_Imagen_relacionada.Imagen_relacionadaFieldSetFieldSet.Texto_alternativo_img.getData()}</p>
995
996 </#if>
997
998 </div>
999 </#if>
1000
1001
1002 </#list>
1003 </div>
1004 <div id="modal-slide-img" class="modal-slide-img">
1005 <span class="close" onclick="closeModal()">×</span>
1006 <div class="modal-content">
1007
1008 <img loading="lazy" id="modal-image" src="" alt="Modal Image">
1009 <a href="#" class="prev" onclick="changeModalImage(-1)">❮</a>
1010 <a href="#" class="next" onclick="changeModalImage(1)">❯</a>
1011 </div>
1012 </div>
1013 <a href="javascript:void(0);" style="display: block;margin-right: 15px;font-size: 18px;cursor: pointer;color: #224a91;position: absolute;left: 1%;bottom: 5px;"> <span class="stopCarousel fcc-pause" title="${textoStop}"></span><span class="sr-only">${textoStop}</span></a>
1014 <a href="javascript:void(0);" style="display: block;margin-right: 15px;font-size: 18px;cursor: pointer;color: #224a91;position: absolute;left: 1%;bottom: 5px;"> <span class="playCarousel fcc-play2" title="${textoPlay}"></span><span class="sr-only">${textoPlay}</span> </a>
1015
1016 </div>
1017
1018
1019 </div> <#-- carousel -->
1020 </#if> <#-- hay imagenes -->
1021 </#if>
1022
1023
1024
1025 <#-- INFORMACIÓN MULTIMEDIA - VIDEOS -->
1026
1027 <#if Video_relacionadoFieldSet.getSiblings()?has_content && Video_relacionadoFieldSet.getSiblings()?size gt 0 && Video_relacionadoFieldSet.Video_relacionado.getData()?has_content >
1028
1029 <#assign hayVideos = false />
1030 <#list Video_relacionadoFieldSet.getSiblings() as pintaTitulo>
1031
1032 <#-- MOSTRAMOS EL TÍTULO SI HAY ALGUNO QUE MOSTRAR -->
1033 <#if pintaTitulo.Video_relacionado.getData()?has_content>
1034 <div class="info_multimedia content-multimedia">
1035 <div class="cabecera_detalle_noticia">
1036 Videos
1037 </div>
1038 <#assign hayVideos = true />
1039 <#break>
1040 </#if>
1041 </#list>
1042
1043 <#if hayVideos == true>
1044
1045 <#assign dlFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService" ) />
1046
1047 <div id="myCarouselVideos" class="myCarousel carousel slide normalSlider">
1048 <div class="center">
1049 <ol class="carousel-indicators">
1050 <#list Video_relacionadoFieldSet.getSiblings() as videoPunto >
1051
1052 <#assign numOLAux = videoPunto?index />
1053 <#assign numOL = videoPunto?index />
1054 <#if numOL == 0>
1055 <li data-target="#myCarouselVideos" data-slide-to="${numOL}" class="active"/>
1056 <#else>
1057 <li data-target="#myCarouselVideos" data-slide-to="${numOL}"/>
1058 </#if>
1059 </#list>
1060 </ol>
1061 </div>
1062
1063 <!-- Carousel items -->
1064 <div class="carousel-inner">
1065
1066 <#list Video_relacionadoFieldSet.getSiblings() as cur_Video_relacionado >
1067
1068
1069
1070 <#assign index = cur_Video_relacionado.getData()?last_index_of('/') />
1071 <#assign index = index + 1 />
1072 <#assign uidVideo = cur_Video_relacionado.Video_relacionado.getData()?substring(index) />
1073
1074 <#assign videoUrl =cur_Video_relacionado.Video_relacionado.getData()>
1075 <#assign uuid = videoUrl?substring(videoUrl?last_index_of("/") + 1)?split("\\?")[0]>
1076 <#assign uuidFinal = uuid?split("?t")[0] />
1077
1078 <#assign dlFileEntry = dlFileEntryLocalService.getFileEntryByUuidAndGroupId(uuidFinal,groupId?number) />
1079
1080
1081
1082 <#if dlFileEntry.mimeType?starts_with("video")>
1083
1084 <#assign fuente = cur_Video_relacionado.Video_relacionado.getData() />
1085
1086 <#assign tipoAMostrar = 'video' />
1087 <#assign titleAMostrar = cur_Video_relacionado.Video_relacionadoFieldSetFieldSet.Titulo_vid_relacionado.getData() />
1088 <#assign sourceAMostrar = fuente />
1089 <#else>
1090
1091 <#assign fileVersionId = dlFileEntry.getLatestFileVersion(true).getFileVersionId() />
1092 <#assign fieldsMap = dlFileEntry.getFieldsMap(fileVersionId) />
1093 <#assign urlYoutube = "" />
1094 <#assign urlEstaticos = "" />
1095
1096 <#list fieldsMap?keys as key>
1097 <#assign fields = fieldsMap[key]>
1098
1099 <#list fields as field>
1100 <#if field.name == "enlaceYoutube">
1101 <#assign urlYoutube = field.getValue(locale)>
1102 <#elseif field.name == "enlaceEstaticos">
1103 <#assign urlEstaticos = field.getValue(locale)>
1104 </#if>
1105 </#list>
1106 </#list>
1107
1108 <#if urlYoutube?has_content>
1109 <#assign tipoAMostrar = "videoYoutube">
1110 <#assign titleAMostrar = dlFileEntry.title>
1111 <#assign sourceAMostrar = urlYoutube>
1112
1113 <#elseif urlEstaticos?has_content>
1114 <#assign tipoAMostrar = "videoEstaticos">
1115 <#assign titleAMostrar = dlFileEntry.title>
1116 <#assign sourceAMostrar = urlEstaticos>
1117 </#if>
1118
1119 </#if>
1120 <#-- FIN DE INFO VIDEO -->
1121
1122 <#-- PINTAMOS VIDEO -->
1123
1124 <#assign numVid = cur_Video_relacionado?index />
1125
1126 <#if cur_Video_relacionado.Video_relacionado.getData()?has_content>
1127
1128 <#if numVid == 0>
1129 <div class="active carousel-item item">
1130 <#else>
1131 <div class="carousel-item item">
1132 </#if>
1133
1134 <a href="${cur_Video_relacionado.Video_relacionado.getData()}" target="_blank" title="${titleAMostrar}">
1135
1136 <#if tipoAMostrar == "video" || tipoAMostrar == "videoEstaticos">
1137 <video width='320' height='240' controls>
1138 <source src="${sourceAMostrar}" type='video/mp4'>
1139 </video>
1140 <#elseif tipoAMostrar == "videoYoutube">
1141 <iframe width='420' height='315' src='http://www.youtube.com/embed/${sourceAMostrar}?autoplay=0'
1142 allowfullscreen='true'></iframe>
1143 </#if>
1144
1145 </a>
1146 </div>
1147 </#if>
1148 </#list>
1149 </div>
1150
1151 </div>
1152
1153 </div>
1154 <#-- Cierre del div info_multimedia -->
1155
1156 </#if>
1157 </#if>
1158
1159 <#-- INFORMACIÓN DE DOCUMENTACION -->
1160 <#if Documento_relacionadoFieldSet.Documento_relacionado.getData()?has_content>
1161 <div id="info_documentacion_${.vars['reserved-article-id'].data}" class="content-documentacion">
1162 <#if Documento_relacionadoFieldSet.getSiblings()?has_content>
1163 <#assign mostrarTituloDoc = true />
1164
1165 <#if Documento_relacionadoFieldSet.Documento_relacionado.getData()?has_content && Documento_relacionadoFieldSet.Documento_relacionadoFieldSetFieldSet.Descripcion_doc_relacionado.getData()?has_content>
1166 <div class="cabecera_detalle_noticia">
1167 <#if locale == "es_ES" >
1168 Documentación
1169 <#elseif locale == "en_US" >
1170 Documentation
1171 </#if>
1172 </div>
1173
1174 </#if>
1175 </#if>
1176
1177 <div class="documentation-content">
1178
1179 <#if mostrarTituloDoc == true >
1180
1181
1182
1183 <#list Documento_relacionadoFieldSet.getSiblings() as cur_Documento_relacionado >
1184
1185 <#if cur_Documento_relacionado.Documento_relacionado.getData()?has_content && cur_Documento_relacionado.Documento_relacionadoFieldSetFieldSet.Descripcion_doc_relacionado.getData()?has_content>
1186
1187 <#-- <#if mostrarTituloDoc == true >
1188 <div class="cabecera_detalle_noticia">
1189 <#if locale == "es_ES" >
1190 Documentación
1191 <#elseif locale == "en_US" >
1192 Documentation
1193 </#if>
1194 </div>
1195 <#assign mostrarTituloDoc = false />
1196 </#if> -->
1197
1198 <div class="detalle_noticia">
1199 <a href="${cur_Documento_relacionado.Documento_relacionado.getData()}" title="${cur_Documento_relacionado.Documento_relacionadoFieldSetFieldSet.Descripcion_doc_relacionado.getData()}">
1200 <i class="bi bi-file-earmark-text"></i> <p>${cur_Documento_relacionado.Documento_relacionadoFieldSetFieldSet.Descripcion_doc_relacionado.getData()}</p>
1201 </a>
1202 </div>
1203 </#if>
1204 </#list>
1205 </div>
1206 </#if>
1207 </div>
1208</#if>
1209
1210 <#-- INFORMACIÓN DE NOTICIAS RELACIONADAS -->
1211 <#if journalTitulo?size gt 0 >
1212 <div id="info_noticiasRelacionadas">
1213 <div class="cabecera_detalle_noticia">
1214 <#if locale == "es_ES" >
1215 Noticias relacionadas
1216 <#elseif locale == "en_US">
1217 Related news
1218 </#if>
1219 </div>
1220 <div id="noticia_relacionada">
1221 <#list 0..(journalTitulo?size - 1) as i>
1222 <#assign titNotRelac = journalTitulo[i] />
1223 <#assign urlNotRelac = tabUrlList[i] />
1224 <#assign fechaNotRelac = tabDateList[i] />
1225 <div class="detalle_noticia">
1226 <a href="${urlNotRelac}" title="${titNotRelac} ${fechaNotRelac}"> ${titNotRelac} ${fechaNotRelac}</a>
1227 </div>
1228 </#list>
1229
1230 </div>
1231 </div>
1232 </#if>
1233
1234
1235 <#-- INFORMACIÓN DE ENLACES -->
1236 <#if Titulo_enlaceFieldSet.Titulo_enlace.getData()?has_content>
1237 <div id="info_enlaces_${.vars['reserved-article-id'].data}" class="content-enlaces">
1238 <#if Titulo_enlaceFieldSet.getSiblings()?has_content>
1239 <#assign mostrarTituloEnlace = true />
1240
1241
1242
1243 <#if mostrarTituloEnlace == true>
1244 <div class="cabecera_detalle_noticia">
1245 <#if locale == "es_ES">
1246 Enlaces de interés
1247 <#elseif locale == "en_US">
1248 Links
1249 <#elseif locale == "ca_ES">
1250 Enllaços d'interès
1251 </#if>
1252 </div>
1253
1254 </#if>
1255 <div class="enlaces-container">
1256 <#list Titulo_enlaceFieldSet.getSiblings() as cur_Titulo_enlace>
1257
1258 <#if cur_Titulo_enlace.Titulo_enlace.getData()?has_content>
1259
1260 <#-- <#if mostrarTituloEnlace == true>
1261 <div class="cabecera_detalle_noticia">
1262 <#if locale == "es_ES">
1263 Enlaces de interés
1264 <#elseif locale == "en_US">
1265 Links
1266 <#elseif locale == "ca_ES">
1267 Enllaços d'interès
1268 </#if>
1269 </div>
1270 <#assign mostrarTituloEnlace = false />
1271 </#if> -->
1272
1273 <div id="enlace-noticia_${cur_Titulo_enlace?index}" class="enlace-noticia">
1274 <#assign elementoContenido = cur_Titulo_enlace.enlaceFieldSet.enlace.getFriendlyUrl() />
1275 <#assign enlaceExterno = cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Enlace_externo.getData() />
1276 <#assign enlaceTitulo = cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Title.getData() />
1277 <#assign enlaceTarget = cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Target.getData() />
1278 <#assign enlaceTitAcc = cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Title_accesibilidad.getData() />
1279
1280 <#if enlaceTitAcc?has_content>
1281 <#assign tituloAcc = enlaceTitAcc />
1282 <#else>
1283 <#assign tituloAcc = cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Title.getData() />
1284 </#if>
1285
1286 <div class="detalle_noticia">
1287 <#if enlaceExterno?has_content>
1288 <a href="${enlaceExterno}"
1289 title="${tituloAcc}"
1290 target="${enlaceTarget}">
1291 <i class="bi bi-link-45deg"></i> <p>${cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Title.getData()}</p> <i class="bi bi-box-arrow-up-right"></i>
1292 </a>
1293
1294 <#else>
1295 <a href="${elementoContenido}"
1296 title="${tituloAcc}"
1297 target="${enlaceTarget}">
1298 <i class="bi bi-link-45deg"></i> <p>${cur_Titulo_enlace.enlaceFieldSet.enlaceFieldSetFieldSet.Title.getData()}</p>
1299 </a>
1300 </#if>
1301 </div>
1302 </div>
1303 </#if>
1304 </#list>
1305 </div>
1306 </#if>
1307 </div>
1308</#if>
1309
1310 </div>
1311</div>
1312
1313<#if articleCategories?size gt 0>
1314<div class="row tags">
1315 <div class="info_categorias col-12">
1316 <#-- GETTING CONTENT Categories -->
1317
1318
1319 <#-- printing categories with category ids as parameter in refresh url -->
1320 <#assign currentURL = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
1321 <#list articleCategories as category>
1322 <#assign categoryId = category.getCategoryId() />
1323 <#assign title = category.getTitle(locale) />
1324
1325 <p class="fcc-tag">
1326 <span title="${title}"><i class="bi bi-tag"></i>${title}</span>
1327 </p>
1328 </#list>
1329 </div>
1330</div>
1331</#if>
1332
1333
1334 <#assign ver_idiomas = themeDisplay.getScopeGroup().getExpandoBridge().getAttribute("mostrar-idioma-noticias") />
1335 <#if ver_idiomas == true>
1336 <#-- <#assign journalLocales = currentArticle.getAvailableLanguageIds() /> -->
1337 <#assign journalLocales = art.getAvailableLanguageIds() />
1338
1339 <div class="row row-idiomas">
1340 <div class="container">
1341 <#if locale == "es_ES">
1342 <p class="d-inline">Idiomas disponibles: </p>
1343 <#elseif locale == "en_US" >
1344 <p class="d-inline">Available languages: </p>
1345 <#elseif locale == "pt_PT">
1346 <p class="d-inline">Idiomas disponíveis: </p>
1347 <#else>
1348 <p class="d-inline">Idiomas disponibles: </p>
1349 </#if>
1350
1351 <#list journalLocales as journalLocale>
1352 <div class="lang-row">
1353 <div class="lang">${journalLocale?string?replace("-", "_")?split("_")[0]?lower_case?cap_first}</div>
1354
1355 <#if journalLocale != locale>
1356 <#assign lang = journalLocale?substring(0, 2) />
1357
1358
1359 <#assign journalLocale = journalLocale?lower_case />
1360 <#assign journalLocale= journalLocale?replace('_', '-') />
1361 <#assign langURL = '/' + lang + '/web' + siteFURL + '/w/' + tituloActual />
1362
1363 <a href="${langURL}">
1364 <!-- Bandera del idioma -->
1365 <#-- <svg title="${journalLocale}" class="lexicon-icon lexicon-icon-${journalLocale}" focusable="false" role="img" title="" >
1366 <use data-href="${themeDisplay.getPathThemeImages()}/lexicon/icons.svg#${journalLocale?lower_case?replace("_", "-")}" />
1367 </svg> -->
1368 <img width="20px" height="20px" src="${themeDisplay.getPathThemeImages()}/lexicon/flags-${journalLocale?replace('_', '-')}.svg" />
1369
1370 </a>
1371 </#if>
1372 </div>
1373 </#list>
1374 </div><div>
1375 </#if>
1376
1377</div>
1378
1379<script>
1380
1381 function redirectEnvioNoticiaPost(idNoticia) {
1382 var A = AUI();
1383 A.one("#formEnvioNoticia_"+idNoticia).submit();
1384
1385 }
1386
1387 $(document).ready(function() {
1388
1389 /*$("a[rel=image-zoom]").fancybox();*/
1390
1391
1392 })
1393 let currentIndex = 0;
1394
1395 function openModal(index) {
1396 currentIndex = index;
1397 document.getElementById('modal-image').src = document.querySelectorAll('.carousel-item img')[index].src;
1398
1399 document.getElementById('modal-slide-img').style.display = 'block';
1400 document.body.classList.add('carousel-modal-news');
1401
1402 }
1403
1404 function closeModal() {
1405 document.getElementById('modal-slide-img').style.display = 'none';
1406 document.body.classList.remove('carousel-modal-news');
1407
1408
1409 }
1410
1411 function changeModalImage(step) {
1412 currentIndex += step;
1413 console.log(currentIndex);
1414 const carouselItems = document.querySelectorAll('.carousel-item img');
1415
1416 if (currentIndex < 0) {
1417 currentIndex = carouselItems.length - 1;
1418 } else if (currentIndex >= carouselItems.length) {
1419 currentIndex = 0;
1420 }
1421
1422 document.getElementById('modal-image').src = carouselItems[currentIndex].src;
1423 }
1424</script>
1425
1426<form action="${urlGroup}${campoEnvio}" method="post" id="formEnvioNoticia_${.vars["reserved-article-id"].data}">
1427 <input type="hidden" name="urlNoticia" value="${urlNoticiaActual}" id="urlNoticia_${.vars["reserved-article-id"].data}" />
1428</form>
1429
1430<style>
1431.master-page #footer { margin-top:0px !important;}
1432.master-page #footer .footerRecursives::after , .master-page #footer .footerRecursives::before { opacity:0;}
1433.default-asset-publisher {
1434 margin-bottom: 0px !important;
1435}
1436.portlet-asset-publisher .asset-content.mb-3 {
1437 margin-bottom: 0px !important;
1438}
1439.portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ section.portlet.m-0 {
1440 margin: 0px !important;
1441 border: 0px !important;
1442}
1443.portlet-layout.container {
1444 max-width: 100%;
1445 padding-left:0px;
1446 padding-right:0px;
1447}
1448 @media only screen and (max-width: 600px) {
1449 .fcc-web .info_noticia .contenido_noticia .imagenDestacada {
1450
1451 position: relative;
1452 max-width: none !important;
1453 float: left;
1454 padding: 0 0 0 0 !important;
1455
1456 }
1457}
1458
1459.lfr-layout-structure-item-basic-component-html {
1460 max-width: 100% !important;
1461}
1462
1463</style>
1464
1465
1466
1467
1468<script>
1469$("document").ready(function(){
1470let getTitle= $("#noticia-title").html();
1471$(".breadcrum > ul > li > p").html(getTitle);
1472
1473});
1474
1475</script>