1<#assign id = .vars['reserved-article-id'].data + "_" >
2
3<div class="row flex-column no-gutters h-100 height-limitada">
4 <div class="col jjgg-main-card">
5 <#list imagen.getSiblings() as curImage>
6 <#if validator.isNotNull(curImage)>
7 <#assign image_Data = curImage.getData()>
8 <#assign image_Alt_Data = imagen.getAttribute("alt")>
9 <#if validator.isNull(image_Data)>
10 <#assign image_Data = image_missing>
11 <#assign image_Alt_Data = languageUtil.get(locale,'jjgg.no.imagen') >
12 </#if>
13 </#if>
14 </#list>
15 <div class="jjgg-image" style="background-image: url('${image_Data}');"><img loading="lazy" alt="${image_Alt_Data}" class="jjgg-img-hidden" src="${image_Data}"></div>
16 <#if edicion.getData()!="">
17 <p class="jjgg-edicion">
18 <@liferay.language_format arguments="${edicion.getData()}" key='jjgg.publicaciones.edicion' />
19 </p>
20 </#if>
21 </div>
22 <div class="col jjgg-main-card">
23 <ul class="w-100 d-flex justify-content-center flex-wrap jjgg-autores-publicacion p-0">
24 <#if autor.getSiblings()?has_content>
25 <#list autor.getSiblings() as cur_autor>
26 <li class="jjgg-autor">${cur_autor.getData()}</li>
27 </#list>
28 </#if>
29 </ul>
30 </div>
31 <div class="col pb-3 pb-md-4 px-3 px-md-4 jjgg-main-card">
32 <h1 id="${id}h1">${titulo.getData()}</h1>
33 </div>
34 <div class="col pb-3 pb-md-4 px-3 px-md-4 jjgg-footer-card">
35 <#assign enlacesLista = []/>
36 <#if enlaces.getSiblings()?has_content>
37 <#assign enlacesLista = enlaces.getSiblings()>
38 </#if>
39 <#if enlacesLista??>
40 <#if (enlacesLista?size) gt 1>
41 <a class="jjgg-button" href="#" onclick="cambiarPestanyaList(event, this, '${id}');" role="button" aria-controls="${id}dialog" aria-expanded="false" aria-describedby="${id}h1">
42 <!--<@liferay.language key='jjgg.publicaciones.ver.publicaciones'/>-->
43 Ver listado de publicaciones</a>
44 <#else>
45 <#if enlacesLista[0].enlaceURL.getData()!= "">
46 <a href="${enlacesLista[0].enlaceURL.getData()}"
47 <#if enlacesLista[0].enlaceURL.target.getData() == "true">
48 target="_blank"
49 </#if>
50 title="<#if enlacesLista[0].enlaceURL.target.getData() == "true" && enlacesLista[0].titleEnlace.getData()!="">${enlacesLista[0].titleEnlace.getData()}<#else><@liferay.language key="dg.opens.new.window"/></#if>" class="jjgg-button" aria-describedby="${id}h1"><@liferay.language key='jjgg.publicaciones.mostrar.publicacion'/></a>
51 <#elseif enlacesLista[0].documento.getData()!="">
52 <a href="${enlacesLista[0].documento.getData()}"
53 target="_blank"
54 title="<#if enlacesLista[0].titleEnlace.getData()!="">${enlacesLista[0].titleEnlace.getData()}<#else><@liferay.language key="dg.opens.new.window"/></#if>" class="jjgg-button"><@liferay.language key='jjgg.publicaciones.mostrar.publicacion'/></a>
55 </#if>
56 </#if>
57 </#if>
58 </div>
59 <#if enlacesLista??>
60 <#if (enlacesLista?size) gt 1>
61 <div class="col hide h-100 jjgg-card-lista-enlaces pb-3" role="dialog" id="${id}dialog" aria-labelledby="${id}h2">
62 <div class="row my-2 pt-2">
63 <h2 class="col-10" id="${id}h2">${titulo.getData()}</h2>
64 <button class="col-2 close my-auto" onclick="cambiarPestanyaMain(event,this,'${id}');" aria-label="<@liferay.language key='jjgg.publicaciones.cerrar.ventana'/> (${titulo.getData()})">
65 <span class="bipoicon icon-cross"></span>
66 </button>
67 </div>
68 <ul>
69 <#list enlaces.getSiblings() as enlace>
70 <#if enlace.enlaceURL.getData()!="">
71 <li class="row">
72
73 <a href="${enlace.enlaceURL.getData()}"
74 <#if enlace.enlaceURL.target.getData() == "true">
75 target="_blank"
76 </#if>
77 title="<#if enlace.enlaceURL.target.getData() == "true" && enlace.titleEnlace.getData()!="">${enlace.titleEnlace.getData()}<#else><@liferay.language key="dg.opens.new.window"/></#if>" class="col-12 my-2 text-left">${enlace.textoEnlace.getData()}
78 <span class="icon-flecha_enlace_derecha bipoicon"></span>
79 </a>
80 </li>
81 <#elseif enlace.documento.getData()!="">
82 <li class="row">
83
84 <a href="${enlace.documento.getData()}" target="_blank" class="col-12 my-2 text-left" title="<#if enlace.titleEnlace.getData()!="">${enlace.titleEnlace.getData()}<#else><@liferay.language key="dg.opens.new.window"/></#if>">${enlace.textoEnlace.getData()}
85 <span class="icon-flecha_enlace_derecha bipoicon"></span>
86 </a>
87 </li>
88 </#if>
89 </#list>
90 </ul>
91 </div>
92 </#if>
93 </#if>
94</div>
95
96<script>
97 function cambiarPestanyaList(e, elem, id) {
98 e.preventDefault();
99 $($(elem).parent().parent().children(".jjgg-main-card")).addClass("hide");
100 $($(elem).parent().parent().children(".jjgg-footer-card")).addClass("hide");
101 $($(elem).parent().parent().children(".jjgg-card-lista-enlaces")).removeClass("hide");
102 $("[aria-controls="+id+"dialog]").attr("aria-expanded", "true");
103 }
104
105 function cambiarPestanyaMain(e, elem, id) {
106 e.preventDefault();
107 $($(elem).parent().parent().parent().children(".jjgg-main-card")).removeClass("hide");
108 $($(elem).parent().parent().parent().children(".jjgg-footer-card")).removeClass("hide");
109 $($(elem).parent().parent().parent().children(".jjgg-card-lista-enlaces")).addClass("hide");
110 $("[aria-controls="+id+"dialog]").attr("aria-expanded", "false");
111 }
112</script>
