1<#assign title = .vars['reserved-article-title'].data>
2<#assign articleId=.vars["reserved-article-id"].data />
3<#assign description=.vars["reserved-article-description"].data />
4<#assign smallImageUrl=.vars["reserved-article-small-image-url"].data />
5<#assign date=.vars["reserved-article-display-date"].data />
6<#assign request = .vars['request']>
7<#assign dateFormatted = journalTool.getDateFormat(date, "dd MMMM yyyy", locale, timezone)>
8<#assign categories = journalTool.getCategories(scopeGroupId, articleId, []) !/>
9<#assign imageTitle = title>
10<#assign assetEntry = journalTool.getAssetEntryByArticleId(groupId, articleId) !/>
11<#assign journalArticle = journalTool.getJournalArticleByAssetEntry(assetEntry) !/>
12<#assign ddmStructureNameNormalize = "template-detail-${friendlyURLNormalizerTool.normalize(journalArticle.getDDMStructure().getName(localeUtil.getDefault()))}" />
13
14<article class="template template-detail ${ddmStructureNameNormalize}">
15 <#assign showAssetTitle = getterUtil.getBoolean(portletTool.getPreference(request, "showAssetTitle"), false) !/>
16 <#assign portletDisplayName = themeDisplay.getPortletDisplay().getPortletName() !/>
17 <#if portletDisplayName == "com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet" && !showAssetTitle>
18 <div class="portlet-title-wrapper">
19 <div class="h3 border-bottom">${title}</div>
20 </div>
21 <#elseif portletDisplayName == "com_liferay_journal_content_web_portlet_JournalContentPortlet">
22 <div class="portlet-title-wrapper">
23 <div class="h3 border-bottom">${title}</div>
24 </div>
25 <#elseif portletDisplayName != "com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet" && portletDisplayName != "com_liferay_journal_content_web_portlet_JournalContentPortlet">
26 <div class="portlet-title-wrapper">
27 <div class="h3 border-bottom">${title}</div>
28 </div>
29 </#if>
30 <section class="mb-4">
31 <#if validator.isNotNull(Descripcion.data)>
32 <div class="text">${Descripcion.data}</div>
33 </#if>
34
35 <#assign document = journalTool.getHTMLDocuments(Archivo.getSiblings()) />
36 <#if validator.isNotNull(document)>
37 <section class="documents mt-2">${document}</section>
38 </#if>
39 </section>
40
41 <#if validator.isNotNull(Parrafo.getSiblings()) && (Parrafo.getSiblings()?size >0)>
42 <#list Parrafo.getSiblings() as Item>
43 <#if validator.isNotNull(Item.data)>
44 <div class="h4">${htmlUtil.extractText(Item.getData())}</div>
45 </#if>
46 <section class="row flex-row-reverse my-4">
47 <#if validator.isNotNull(Item.Foto.getData())>
48 <#assign smallImageUrl = Item.Foto.getData() />
49 <#else>
50 <#assign smallImageUrl = "" />
51 </#if>
52 <#if validator.isNotNull(Item.TituloImagen.data)>
53 <#assign imageTitle = Item.TituloImagen.data />
54 </#if>
55 <#if validator.isNotNull(smallImageUrl)>
56 <div class="<#if validator.isNotNull(Item.Texto.data)>col-sm-4</#if>">
57 <a href="${smallImageUrl}" title="Imagen ${imageTitle}" class="image-wrapper image-wrapper-cover image-wrapper-style lightbox" style="background-image: url('${dlTool.getThumbnail(smallImageUrl, 2)}');">
58 <img src="${dlTool.getThumbnail(smallImageUrl, 2)}" alt="Imagen ${imageTitle}" />
59 <span class="hide-accessible">${imageTitle}</span>
60 </a>
61 </div>
62 </#if>
63
64 <#if validator.isNotNull(Item.Texto.data)>
65 <div class="<#if validator.isNotNull(smallImageUrl)> col-sm-8 </#if> col-12">
66 <div class="text">${Item.Texto.data}</div>
67 </div>
68 </#if>
69 </section>
70 <#assign smallImageUrl = "" />
71 <#if validator.isNotNull(Item.Documentos.getSiblings()) && (Item.Documentos.getSiblings()?size >0)>
72 <div class="accordion mt-4" id="accordion-${articleId}">
73 <#-- Documents -->
74 <#assign htmlDocuments = journalTool.getHTMLDocuments(Item.Documentos.getSiblings()) />
75 <#if validator.isNotNull(htmlDocuments)>
76 <div class="card card-clean expand">
77 <div id="headerDocuments" class="card-header documents">
78 <div class="card-title" data-toggle="collapse" data-target="#collapseDocuments-${articleId}" aria-expanded="false" aria-controls="collapseDocuments-${articleId}">${languageUtil.get(locale, "documents")}</div>
79 <div id="collapseDocuments-${articleId}" class="collapse show" aria-labelledby="headerDocuments-${articleId}" data-parent="#accordion-${articleId}">
80 ${htmlDocuments}
81 </div>
82 </div>
83 </div>
84 </#if>
85 </div>
86 </#if>
87 </#list>
88 </#if>
89</article>