ACOMPANHE AQUI - Petrobras realiza entrevista coletiva sobre Plano Estratégico 2024-2028+

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 assetEntryQuery = objectUtil('com.liferay.asset.kernel.service.persistence.AssetEntryQuery')> 

13<#assign portalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]> 

14<#assign assetEntryLocalServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetEntryLocalServiceUtil").getService()> 

15 

16<#assign vocabularies = assetVocabularyService.getGroupVocabularies(groupId) /> 

17<#assign editoriaVocabulary = findVocabulary("Editorial", vocabularies) /> 

18<#assign mediaVocabulary = findVocabulary("Multimidia", vocabularies) /> 

19 

20 

21 

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<#function getAssetEntriesByCategory portalUtil assetEntryLocalServiceUtil newCategoryId vocabularyToExclude> 

36    <#attempt > 

37        <#assign groupId = themeDisplay.getScopeGroupId()> 

38        <#assign companyId = themeDisplay.getCompanyId()> 

39        <#assign realUserId = themeDisplay.getDefaultUserId() /> 

40        <#assign className = "com.liferay.journal.model.JournalArticle"> 

41        <#assign classNameId = portalUtil.getClassNameId(className)> 

42 

43        <#assign assetEntryQuery = objectUtil('com.liferay.asset.kernel.service.persistence.AssetEntryQuery') /> 

44        ${assetEntryQuery.setClassNameIds([classNameId]) } 

45        ${assetEntryQuery.setEnd(8)} 

46        <#assign notAllCategoryIds = [] /> 

47        <#list vocabularyToExclude.getCategories() as category> 

48            <#assign notAllCategoryIds += [category.getCategoryId()] /> 

49        </#list> 

50        ${assetEntryQuery.setNotAllCategoryIds(notAllCategoryIds)} 

51        ${assetEntryQuery.setAllCategoryIds([newCategoryId])} 

52 

53        <#assign allAssets = assetEntryLocalServiceUtil.getEntries(assetEntryQuery)/>         

54 

55        <#return allAssets /> 

56        <#recover > 

57            <#return [] /> 

58    </#attempt> 

59</#function> 

60 

61<#assign rootCss = "card-news_" + randomNumber(4586) /> 

62<#assign cardMap = {} /> 

63 

64<#-- Função para obter os dados de um card no Web Content (Journal Article) --> 

65<#function getCardData entry journalArticleLocalService fileEntryService cardMap> 

66 

67    <#assign editoria = getFirstCategoryFromVocabulary(entry, editoriaVocabulary) /> 

68    <#assign editoriaId = -1 /> 

69    <#if editoria?has_content> 

70        <#assign editoriaId = editoria.getCategoryId() /> 

71    </#if> 

72    <#if editoriaId == -1> 

73        <#return {} /> 

74    </#if> 

75    <#if cardMap[ editoriaId?string]??> 

76        <#if cardMap[editoriaId?string]?size gt 7 > 

77            <#return {} /> 

78        </#if> 

79    </#if> 

80 

81    <#assign journalArticle = journalArticleLocalService.getLatestArticle(entry.getClassPK()) /> 

82    <#assign ddmStructure = journalArticle.getDDMStructure() /> 

83    <#assign fieldList = getFieldListByStructure(ddmStructure) /> 

84    <#assign xmlArticle = journalArticle.getDocument().getRootElement() /> 

85     

86    <#if getStructName(journalArticle) != "Agência de Notícias - Notícia"> 

87        <#return {} /> 

88    </#if> 

89 

90    <#assign imagesGroup = getNodes(getIdFromFieldName(fieldList, "Imagem de destaque da notícia"), xmlArticle) /> 

91    <#assign image = "" /> 

92    <#list imagesGroup as imageGroup > 

93        <#assign image = getMediaInfo(fieldList, imageGroup, "Imagem Destaque", fileEntryService) /> /> 

94    </#list> 

95 

96    <#assign title = getFieldValue(fieldList, xmlArticle, "Título de destaque da notícia") /> 

97    <#if !(title?has_content && title != "")> 

98        <#assign title = journalArticle.getTitle(locale) /> 

99    </#if> 

100 

101    <#assign lastPublishDate = journalArticle.getDisplayDate()> 

102    <#assign createDate = journalArticle.getCreateDate()> 

103 

104    <#assign editoria = getFirstCategoryFromVocabulary(entry, editoriaVocabulary) /> 

105    <#assign editoriaId = -1 /> 

106    <#if editoria?has_content> 

107        <#assign editoriaId = editoria.getCategoryId() /> 

108    </#if> 

109 

110    <#assign review = getFieldValue(fieldList, xmlArticle, "Subtítulo") /> 

111 

112    <#assign urlNews = themeDisplay.getPortalURL() + themeDisplay.getPathFriendlyURLPublic() + layout.getGroup().friendlyURL + "/w/" + journalArticle.getUrlTitle()> 

113			 

114		<#if themeDisplay.getPortalURL()?contains("webserver")> 

115			  <#assign urlNews = themeDisplay.getPortalURL() + themeDisplay.getPathFriendlyURLPublic() + layout.getGroup().friendlyURL + "/w/" + journalArticle.getUrlTitle()> 

116		<#else> 

117					<#assign urlNews = "/w/" + journalArticle.getUrlTitle()> 

118		</#if>	 

119 

120    <#assign cardInfo =  {"image": image, 

121    "title": title, 

122    "lastPublishDate": lastPublishDate, 

123    "createDate" : createDate, 

124    "editoriaId": editoriaId, 

125    "urlNews": urlNews, 

126    "review": review} /> 

127 

128    <#if cardMap[editoriaId?string]??> 

129        <#assign cardMap = cardMap + {editoriaId : cardMap[editoriaId?string] + [cardInfo]} /> 

130    <#else> 

131        <#assign cardMap = cardMap + {editoriaId : [cardInfo]} /> 

132    </#if> 

133 

134    <#return cardInfo /> 

135 

136</#function> 

137 

138 

139<#macro renderCard cardData> 

140    <#if !cardData["image"]??> 

141        <#return /> 

142    </#if> 

143 

144    <div class="card ${rootCss}" category-id="${cardData.editoriaId}"> 

145        <a class="news-card-of-interest-link" href="${cardData.urlNews}"></a> 

146        <div class="news-content"> 

147            <div class="head"> 

148                <h2 class="title h4">${cardData.title}</h2> 

149                <div class="bar"></div> 

150            </div> 

151            <div class="bottom-wrapper"> 

152                <div class="link-container"> 

153                    <p class="read-more"> 

154                        <#if locale?lower_case == "pt_br"> Continuar lendo <#else> Keep reading </#if> 

155                    </p> 

156                </div> 

157            </div> 

158        </div> 

159    </div> 

160 

161</#macro> 

162 

163<#assign newsJournalArticle = ""> 

164<#assign newsAssetEntry = getAssetEntryFromRequest(assetEntryLocalServiceUtil)> 

165<#if newsAssetEntry?? && newsAssetEntry?has_content> 

166    <#assign newsJournalArticle = journalArticleService.fetchLatestArticle(newsAssetEntry.classPK)/> 

167</#if> 

168 

169<#if newsJournalArticle?? && newsJournalArticle?has_content> 

170     

171    <#assign newsEditoria = getFirstCategoryFromVocabulary(newsAssetEntry, editoriaVocabulary) /> 

172    <#assign newsEditoriaId = -1 /> 

173    <#if newsEditoria?has_content> 

174        <#assign newsEditoriaId = newsEditoria.getCategoryId() /> 

175    </#if> 

176 

177    <#assign entries = getAssetEntriesByCategory(portalUtil, assetEntryLocalServiceUtil, newsEditoriaId, mediaVocabulary) /> 

178 

179    <#-- Renderizar Lista de cards --> 

180    <#if entries?has_content> 

181        <#list entries as entry> 

182            <#assign cardData = getCardData(entry journalArticleService fileEntryService cardMap) /> 

183            <@renderCard cardData/> 

184        </#list> 

185 

186        <style> 

187            .${rootCss} { 

188                width: 306px; 

189                border-radius: 16px; 

190                border: 1px solid var(--color-neutral-400, #EEE); 

191                background: var(--color-neutral-100, #FFF); 

192                margin: 0; 

193            } 

194 

195            .${rootCss} *:not(.news-card-of-interest-link) { 

196              pointer-events: none; 

197            } 

198 

199            .${rootCss} a.news-card-of-interest-link { 

200              position: absolute; 

201              width: 100%; 

202              height: 100%; 

203              opacity: 0; 

204              top: 0; 

205            } 

206 

207            .${rootCss}:hover { 

208                box-shadow: var(--box-shadow-neutral); 

209                transition: box-shadow 300ms ease-in-out; 

210            } 

211 

212            .${rootCss} .news-content { 

213                padding: var(--space-md, 24px); 

214                display: flex; 

215                flex-direction: column; 

216                height: 100%; 

217							  background: var(--color-background-card); 

218							  border-radius: var(--border-radius-card); 

219            } 

220 

221            .${rootCss} img { 

222                background: lightgray 50% / cover no-repeat; 

223                height: 170px; 

224            } 

225 

226            .${rootCss} .head { 

227                display: flex; 

228                flex-direction: column; 

229                gap: var(--space-xxs, 8px); 

230            } 

231 

232            .${rootCss} .head .date { 

233                color: var(--color-neutral-800, #373737); 

234                font-family: var(--font-family-base, "Petrobras Sans"); 

235                font-size: var(--font-size-xxxs, 14px); 

236                font-style: var(--font-style-normal, normal); 

237                font-weight: var(--font-weight-regular, 400); 

238                line-height: var(--line-height-xl, 160%); /* 19.2px */ 

239            } 

240 

241            .${rootCss} .head .title { 

242					    color: var(--color-neutral-800); 

243					  } 

244 

245            .${rootCss} .head .bar { 

246                background-color: var(--color-secondary-solid-to-bright-200, #FDC82F); 

247                height: 4px; 

248                width: 20px; 

249                margin: var(--space-xs, 12px) 0 var(--space-sm, 16px) 0; 

250            } 

251 

252            .${rootCss} .bottom-wrapper { 

253                height: 100%; 

254                display: flex; 

255                flex-direction: column; 

256                justify-content: flex-end; 

257            } 

258 

259            .${rootCss} .bottom-wrapper .review-container { 

260                color: var(--color-neutral-800, #373737); 

261                font-family: var(--font-family-base, "Petrobras Sans"); 

262                font-size: var(--font-size-xxs, 16px); 

263                font-style: var(--font-style-normal, normal); 

264                font-weight: var(--font-weight-regular, 400); 

265                line-height: var(--line-height-xl, 160%); /* 22.4px */ 

266            } 

267 

268            .${rootCss} .bottom-wrapper .link-container { 

269                flex: 0 1 auto; 

270            } 

271 

272            .${rootCss} .bottom-wrapper .link-container .read-more { 

273                color: var(--color-primary-solid-to-bright-200, var(--color-primary-medium)); 

274                font-family: var(--font-family-base, "Petrobras Sans"); 

275                font-size: var(--font-size-xxs, 16px); 

276                font-style: var(--font-style-normal, normal); 

277                font-weight: var(--font-weight-bold, 700); 

278                line-height: var(--line-height-lg, 144%); /* 22.4px */ 

279                text-decoration-line: underline; 

280            } 

281 

282 

283            @media screen and (max-width: ${MAX_TABLET_WIDTH}px) { 

284                .${rootCss} { 

285                    flex-direction: column; 

286                    gap: var(--space-sm, 16px); 

287                    padding-top: var(--space-md, 24px); 

288                    min-width: 296px; 

289                } 

290 

291                .${rootCss} img { 

292                    height: 140px; 

293                } 

294 

295                .${rootCss} .head .date { 

296                    font-size: 12px; 

297                } 

298 

299                .${rootCss} .head .title {} 

300 

301                .${rootCss} .head .bar { 

302                    width: 18px; 

303                    margin: var(--space-xxs, 8px) 0 var(--space-sm, 16px) 0; 

304                } 

305 

306                .${rootCss} .review-container { 

307                    font-size: var(--font-size-xxxs, 14px); 

308                } 

309            } 

310        </style> 

311        <script> 

312          (function() { 

313              const cards = document.querySelectorAll('.${rootCss}.card'); 

314 

315              cards.forEach((card) => { 

316                  const cardLink = card.querySelector('a.news-card-of-interest-link'); 

317                  const cardTitle = card.querySelector('.title'); 

318                  cardLink.textContent = cardTitle.textContent; 

319              }); 

320          })(); 

321      </script> 

322    </#if> 

323</#if>