1<#-- Conteúdo Web -> Templates: Site de Crise - Include de templates-->
2<#-- include "${templatesPath}/1975602" -->
3
4<#-- Conteúdo Web -> Templates: Site de Crise - Funções gerais-->
5<#include "${templatesPath}/1975398" />
6
7<#assign journalArticleService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
8<#assign fileEntryService = staticUtil["com.liferay.document.library.kernel.service.DLFileEntryLocalServiceUtil"] />
9<#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
10<#assign assetVocabularyService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyService") />
11<#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
12<#assign vocabularies = assetVocabularyService.getGroupVocabularies(groupId) />
13<#assign editoriaVocabulary = findVocabulary("Editorial", vocabularies) />
14<#assign mediaVocabulary = findVocabulary("Multimidia", vocabularies) />
15
16<#-- Categoria para filtrar registros para idioma em inglês -->
17<#assign PAGE_ENGLISH_CATEGORY = 12780360 >
18
19<#assign assetEntryQuery = objectUtil('com.liferay.asset.kernel.service.persistence.AssetEntryQuery')>
20<#assign portalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]>
21<#assign assetEntryLocalServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetEntryLocalServiceUtil").getService()>
22
23<#function getFirstCategoryFromVocabulary entry vocabulary>
24 <#assign categories = assetCategoryLocalService.getCategories("com.liferay.journal.model.JournalArticle", entry.getClassPK()) />
25 <#list categories as category>
26 <#assign vocabulary = assetVocabularyService.getVocabulary(category.getVocabularyId()) />
27
28 <#if vocabulary.getVocabularyId() == category.getVocabularyId()>
29 <#return category>
30 </#if>
31 </#list>
32 <#return "">
33</#function>
34
35<#assign rootCss = "card-news_" + randomNumber(4586) />
36<#assign cardMap = {} />
37
38<#-- Função para obter os dados de um card no Web Content (Journal Article) -->
39<#function getCardData entry journalArticleLocalService fileEntryService cardMap>
40
41 <#assign editoria = getFirstCategoryFromVocabulary(entry, editoriaVocabulary) />
42 <#assign editoriaId = -1 />
43 <#if editoria?has_content>
44 <#assign editoriaId = editoria.getCategoryId() />
45 </#if>
46 <#if editoriaId == -1>
47 <#return {} />
48 </#if>
49 <#if cardMap[ editoriaId?string]??>
50 <#if cardMap[editoriaId?string]?size gt 7 >
51 <#return {} />
52 </#if>
53 </#if>
54
55 <#assign journalArticle = journalArticleLocalService.getLatestArticle(entry.getClassPK()) />
56 <#assign structName = getStructName(journalArticle) />
57 <#if structName != "Agência de Notícias - Notícia">
58 <#return {}/>
59 </#if>
60
61 <#assign ddmStructure = journalArticle.getDDMStructure() />
62 <#assign fieldList = getFieldListByStructure(ddmStructure) />
63 <#assign xmlArticle = journalArticle.getDocument().getRootElement() />
64
65
66 <#assign imagesGroup = getNodes(getIdFromFieldName(fieldList, "Imagem de destaque da notícia"), xmlArticle) />
67 <#assign image = "" />
68 <#list imagesGroup as imageGroup >
69 <#assign image = getMediaInfo(fieldList, imageGroup, "Imagem de destaque", fileEntryService) /> />
70 </#list>
71
72 <#assign title = getFieldValue(fieldList, xmlArticle, "Título de destaque da notícia") />
73
74 <#assign lastPublishDate = journalArticle.getDisplayDate()>
75 <#assign createDate = journalArticle.getCreateDate()>
76
77 <#assign editoria = getFirstCategoryFromVocabulary(entry, editoriaVocabulary) />
78 <#assign editoriaId = -1 />
79 <#if editoria?has_content>
80 <#assign editoriaId = editoria.getCategoryId() />
81 </#if>
82
83 <#assign review = getFieldValue(fieldList, xmlArticle, "Subtítulo") />
84
85 <#assign urlNews = "/">
86 <#if themeDisplay.getPortalURL()?contains("webserver")>
87 <#assign urlNews = themeDisplay.getPortalURL() + themeDisplay.getPathFriendlyURLPublic() + layout.getGroup().friendlyURL + "/w/" + journalArticle.getUrlTitle()>
88 <#else>
89 <#assign urlNews = "/w/" + journalArticle.getUrlTitle()>
90 </#if>
91
92 <#assign cardInfo = {"image": image,
93 "title": title,
94 "lastPublishDate": lastPublishDate,
95 "createDate" : createDate,
96 "editoriaId": editoriaId,
97 "urlNews": urlNews,
98 "review": review} />
99
100 <#if cardMap[editoriaId?string]??>
101 <#assign cardMap = cardMap + {editoriaId : cardMap[editoriaId?string] + [cardInfo]} />
102 <#else>
103 <#assign cardMap = cardMap + {editoriaId : [cardInfo]} />
104 </#if>
105
106 <#return cardInfo />
107
108</#function>
109
110
111<#macro renderCard cardData>
112 <#if !cardData["image"]??>
113 <#return />
114 </#if>
115
116 <div class="card ${rootCss}" category-id="${cardData.editoriaId}">
117 <#if cardData.image.url?has_content>
118 <img class="image" src="/o/adaptive-media/image/${cardData.image.fileEntryId}/Thumbnail-300x300/image" alt="${cardData.image.alt}"/>
119 </#if>
120 <div class="news-content">
121 <div class="head">
122 <p class="date">${formatDate(cardData.lastPublishDate)}</p>
123 <h2 class="title h4">${cardData.title}</h2>
124 <div class="bar"></div>
125 </div>
126 <div class="bottom-wrapper">
127 <div class="review-container">
128 ${cardData.review}
129 </div>
130 <div class="link-container">
131 <a class="link" href="${cardData.urlNews}" class="card-news-container">
132 <#if locale?lower_case == "pt_br"> Continuar lendo <#else> Keep reading </#if>
133 <span style="display: none">${randomNumber(10000)}</span> <#-- Devido ao ASESWEB -->
134 </a>
135 </div>
136 </div>
137 </div>
138 </div>
139
140</#macro>
141
142
143
144<#function getAssetEntries portalUtil assetEntryLocalServiceUtil vocabulary>
145 <#attempt >
146 <#assign groupId = themeDisplay.getScopeGroupId()>
147 <#assign companyId = themeDisplay.getCompanyId()>
148 <#assign realUserId = themeDisplay.getDefaultUserId() />
149 <#assign className = "com.liferay.journal.model.JournalArticle">
150 <#assign classNameId = portalUtil.getClassNameId(className)>
151
152 <#assign assetEntryQuery = objectUtil('com.liferay.asset.kernel.service.persistence.AssetEntryQuery') />
153 ${assetEntryQuery.setClassNameIds([classNameId]) }
154 ${assetEntryQuery.setEnd(8)}
155 <#assign notAllCategoryIds = [] />
156 <#list mediaVocabulary.getCategories() as category>
157 <#assign notAllCategoryIds += [category.getCategoryId()] />
158 </#list>
159 ${assetEntryQuery.setNotAllCategoryIds(notAllCategoryIds)}
160
161 <#assign allAssets = []/>
162 <#list vocabulary.getCategories() as category>
163 <#if locale?lower_case == "pt_br">
164 ${assetEntryQuery.setAllCategoryIds([category.getCategoryId()])}
165 <#else>
166 ${assetEntryQuery.setAllCategoryIds([category.getCategoryId(), PAGE_ENGLISH_CATEGORY])}
167 </#if>
168 <#assign ents = assetEntryLocalServiceUtil.getEntries(assetEntryQuery) />
169 <#assign allAssets = allAssets + ents />
170 </#list>
171
172 <#return allAssets />
173 <#recover >
174 <#return [] />
175 </#attempt>
176</#function>
177
178
179
180<#assign allAssets = getAssetEntries(portalUtil, assetEntryLocalServiceUtil, editoriaVocabulary) />
181
182<#-- Renderizar Lista de cards -->
183<#if allAssets?has_content>
184
185 <#list allAssets?sort_by("publishDate")?reverse as assetEntry>
186 <#assign cardData = getCardData(assetEntry journalArticleService fileEntryService cardMap) />
187 <@renderCard cardData/>
188 </#list>
189
190 <style>
191 .${rootCss} {
192 display: flex;
193 flex-direction: column;
194 width: 306px;
195 border-radius: 16px;
196 border: 1px solid var(--color-neutral-400, #EEE);
197 background: var(--color-neutral-100, #FFF);
198 margin: 0;
199 }
200
201 .${rootCss}:hover {
202 box-shadow: var(--box-shadow-neutral);
203 transition: box-shadow 300ms ease-in-out;
204 }
205
206 .${rootCss} .news-content {
207 border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
208 background: var(--color-background-card);
209 padding: var(--space-md, 24px);
210 display: flex;
211 flex-direction: column;
212 height: 100%;
213 }
214
215 .${rootCss} img {
216 background: lightgray 50% / cover no-repeat;
217 height: 170px;
218 width: 100%;
219 border-radius: 16px 16px 0 0;
220 /*transform: translateX(-1px);*/
221 object-fit: cover;
222 }
223
224 .${rootCss} .head {
225 display: flex;
226 flex-direction: column;
227 gap: var(--space-xxs, 8px);
228 }
229
230 .${rootCss} .head .date {
231 color: var(--color-neutral-800, #373737);
232 font-family: var(--font-family-base, "Petrobras Sans");
233 font-size: 14px;
234 font-style: normal;
235 font-weight: 400;
236 line-height: 160%; /* 19.2px */
237 }
238
239 .${rootCss} .head .title {
240 color: var(--color-neutral-800);
241 }
242
243 .${rootCss} .head .bar {
244 background-color: var(--color-secondary-medium, #FDC82F);
245 height: 4px;
246 width: 20px;
247 margin: 12px 0 16px 0;
248 }
249
250 .${rootCss} .bottom-wrapper {
251 height: 100%;
252 display: flex;
253 flex-direction: column;
254 justify-content: space-between;
255 }
256
257 .${rootCss} .bottom-wrapper .review-container {
258 color: var(--color-neutral-800, #373737);
259 font-family: var(--font-family-base, "Petrobras Sans");
260 font-size: 16px;
261 font-style: normal;
262 font-weight: 400;
263 line-height: 160%; /* 22.4px */
264 }
265
266 .${rootCss} .bottom-wrapper .link-container {
267 flex: 0 1 auto;
268 }
269
270 .${rootCss} .bottom-wrapper .link-container .link {
271 color: var(--color-primary-solid-to-bright-200, var(--color-primary-medium));
272 font-family: var(--font-family-base, "Petrobras Sans");
273 font-size: 16px;
274 font-style: normal;
275 font-weight: 700;
276 line-height: 144%; /* 23.04px */
277 text-decoration-line: underline;
278 }
279
280
281 @media screen and (max-width: 1024px) {
282 .${rootCss} {
283 flex-direction: column;
284 gap: 16px;
285 min-width: 296px;
286 }
287
288 .${rootCss} img {
289 height: 140px;
290 }
291
292 .${rootCss} .head .date {
293 font-size: 12px;
294 }
295
296 .${rootCss} .head .title {
297 }
298
299 .${rootCss} .head .bar {
300 width: 18px;
301 margin: 8px 0 16px 0;
302 }
303
304 .${rootCss} .review-container {
305 font-size: 14px;
306 }
307 }
308 </style>
309</#if>
