1<#assign dlAppServiceUtil = serviceLocator.findService("com.liferay.document.library.kernel.service.DLAppService")/>
2<#if contentid?? && contentid.getData()?has_content>
3 <#assign sectionid = "id=${contentid.getData()} " />
4<#else>
5 <#assign sectionid = " " />
6</#if>
7<section ${sectionid}class="article-text">
8
9 <div class="container-article-text article-grid">
10 <#if separator.getSiblings() ? has_content>
11 <#list separator.getSiblings() as block>
12 <div class="row row-article ${block.getChild('imgAlign').getData()}">
13 <#if block.getChild('Select51qs').getData()?has_content>
14
15 <div class="${block.getChild('Select51qs').getData()} col-md-6" style="padding:0px;">
16 <div class="box-image">
17 <#if block.imaArticleMobile.getData()?? && block.imaArticleMobile.getData() != "">
18 <picture>
19 <#assign imageName= block.imaArticleMobile.getData()>
20 <source srcset="${imageName?replace(' ','%20')}" media="(max-width: 991px)">
21 </#if>
22 <img src="${block.imageArticle.getData()}" alt="${block.imageArticle.getAttribute("alt")}" loading="lazy" />
23
24 <#if block.imaArticleMobile.getData()?? && block.imaArticleMobile.getData() != "">
25 </picture>
26 </#if>
27
28
29 </div>
30 </div>
31
32 </#if>
33
34 <div class="box-description-container col-md-6">
35 <div class="box-description-content"></div>
36 <div class="html-products">
37 <#if block.getChild("titleArticle").getData()?has_content>
38 <h2 class="main-cover-title">${block.getChild("titleArticle").getData()}</h2>
39 </#if>
40 ${block.getChild("descriptionArticle").getData()}
41 </div>
42
43<#-- <#if block.getChild('btnArticleText').getData()?has_content>
44 <div>
45
46 <a class="${block.getChild('btnStyle').getData()} blue animate-arrow-right" href="${block.getChild('btnArticleUrl').getData()}">
47 <span>${block.getChild('btnArticleText').getData()}</span>
48 <#if block.getChild('btnStyle').getData() == "link">
49 <svg class="icon right" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 32 32">
50 <path d="M18.8 5.733c-0.8 0.8-0.8 2.067 0 2.8l5.467 5.467h-21.333c-2.6 0-2.6 4 0 4h21.333l-5.467 5.467c-1.8 1.8 1 4.667 2.8 2.8l8.867-8.867c0.8-0.733 0.8-2.067 0-2.8l-8.867-8.867c-0.733-0.8-2-0.8-2.8 0z"></path>
51
52 </svg>
53 </#if>
54 </a>
55 </div>
56 </#if> -->
57
58 <#if block.document.getSiblings()?has_content>
59 <div class="documents">
60 <ul>
61 <#list block.document.getSiblings() as cur_documents>
62
63 <#if cur_documents.getData()?? && cur_documents.getData()!="">
64
65 <#assign urlDocumentArray = cur_documents.getData()?split("/")/>
66 <#assign uuidAll = urlDocumentArray?last/>
67 <#assign uuidList = uuidAll?split("?")/>
68 <#assign uuid = uuidList[0]/>
69
70 <#attempt>
71 <#assign fileEntry = dlAppServiceUtil.getFileEntryByUuidAndGroupId(uuid,groupId)/>
72 <#recover>
73 <#assign fileEntry = ""/>
74 </#attempt>
75
76 <#if fileEntry?has_content>
77 <li>
78 <a href="${cur_documents.getData()}" target="_blank">
79 ${fileEntry.getTitle()?replace(".pdf","")}
80 </a>
81 </li>
82
83 </#if>
84 </#if>
85 </#list>
86 </ul>
87 </div>
88 </#if>
89
90
91 <#if block.webcontent.getData()?has_content>
92 <div class="webcontent">
93 <#attempt>
94 <#assign article = block.webcontent.getData()?eval />
95 <@liferay_ui["asset-display"]
96 className=article.className
97 classPK=getterUtil.getLong(article.classPK, 0)
98 template="full_content"/>
99 <#recover>
100 </#attempt>
101 </div>
102 </#if>
103
104 <#if block.getChild('btnArticleText').getData() ? has_content && block.getChild('btnArticleUrl').getData() ? has_content || btnText.getData() ? has_content && btnUrl.getData() ? has_content>
105 <div class="button-article">
106 <#if block.getChild('btnArticleText').getData() ? has_content && block.getChild('btnArticleUrl').getData() ? has_content>
107 <a class="button blue" href="${block.getChild('btnArticleUrl').getData()}" target="${block.btnArticleTarget.getData()}">
108 <span>${block.getChild('btnArticleText').getData()}</span>
109 </a>
110 </#if>
111 <#if btnText.getData() ? has_content && btnUrl.getData() ? has_content>
112 <a class="button ${btnStyleGlobal.getData()}" href="${btnUrl.getData()}" target="${btnTarget.getData()}">
113 <span>${btnText.getData()}</span>
114 </a>
115 </#if>
116 </div>
117 </#if>
118
119
120
121 <#if block.subTitle.getData()?has_content>
122 <div class="subtitle">${block.subTitle.getData()}</div>
123 </#if>
124
125 </div>
126 </div>
127 </#list>
128 </#if>
129 </div>
130</section>
131 <style>
132.article-text .html-products h2.main-cover-title {
133 font-family: 'Poppins-Bold','Source Sans Pro','Arial',sans-serif;
134 font-weight: bold;
135 font-size: 28px;
136 text-align: left;
137 line-height: 32px;
138 color: #333;
139 margin-bottom: 20px;
140 font-weight: bold;
141 letter-spacing: .02em;
142}
143@media (min-width: 768px){
144.article-text .html-products h2.main-cover-title {
145 line-height: 30px;
146 letter-spacing: .8px;
147}
148}
149@media (min-width: 992px){
150.article-text .row-article .html-products>h2.main-cover-title {
151 font-size: 36px;
152 line-height: 42px;
153 margin-bottom: 30px;
154}
155}
156.box-image{
157overflow:hidden;
158}
159.article-text .row-article .box-image img {
160 display: block;
161 height: 100%;
162 object-fit: cover !important;
163 object-position: top;
164 }
165
166</style>