Um erro ocorreu enquanto processava o modelo.
Java method "com.liferay.journal.internal.util.JournalContentImpl.getDisplay(long, String, String, String, com.liferay.portal.kernel.theme.ThemeDisplay)" threw an exception when invoked on com.liferay.journal.internal.util.JournalContentImpl object "com.liferay.journal.internal.util.JournalContentImpl@235b5258"; see cause exception in the Java stack trace. ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign journalArticleDisplay = journ... [in template "20099#20135#2949462" in function "getStatus" at line 13, column 5] ----
1<#-- Conteúdo Web -> Templates: Institucional - Include de templates-->
2<#include "${templatesPath}/1975602" />
3
4<#assign AssetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService")>
5<#assign AssetVocabularyLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService")>
6
7<#-- assign cssRootClass = "leilao_" + randomNumber(100) -->
8<#assign cssRootClass = "leilao_" + 164694765646546>
9
10<#function getStatus()>
11 <#assign vocabularyName = "Status do leilao">
12 <#assign journalArticleId = .vars["reserved-article-id"].data />
13 <#assign journalArticleDisplay = journalContent.getDisplay(groupId, journalArticleId, "viewMode", locale.toString(), themeDisplay)>
14 <#assign resourcePrimKey = journalArticleDisplay.getResourcePrimKey()>
15 <#return getFirstCategoryForJournalArticleResource(groupId, vocabularyName, resourcePrimKey)>
16</#function>
17
18<div class="${cssRootClass}">
19 <div class="content-container">
20
21 <#-- Título do leiao-->
22 <#if (Fieldset01529955.Text08780465.getData())??>
23 <div class="petro-title">
24 <h1 class="h1">
25 ${Fieldset01529955.Text08780465.getData()}
26 </h1>
27 <#-- Barra laranja -->
28 <div class="yellow-bar bar-h1"></div>
29 </div>
30 </#if>
31
32 <#-- Status do leilao -->
33 <#assign auctionStatus = getStatus()>
34 <div>
35 <p class="status-container"><span class="status-title paragraph-md-regular">Status: </span> <span class="status-value paragraph-md-bold">Aberto</span></p>
36 </div>
37
38 <#-- Texto infomativo do leilao -->
39 <#if (Fieldset01529955.RichText16067758.getData())??>
40 <div class="paragraph-md-regular body-text">
41 ${Fieldset01529955.RichText16067758.getData()}
42 </div>
43 </#if>
44
45 <div class="links-container">
46 <#-- Grupo de links -->
47 <#assign rootGroupList = Fieldset35707770.getSiblings()>
48 <#if rootGroupList?has_content>
49 <#list rootGroupList as rootGroup>
50 <div class="link-container">
51 <#assign linkSectionTitle = "">
52 <#if (rootGroup.Text36394136.getData())??>
53 <div class="title-container">
54 <h2 class="h3">${rootGroup.Text36394136.getData()}</h2>
55 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
56 <path d="M4.5 15L12 7.5L19.5 15" stroke="#525252" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
57 </svg>
58
59 </div>
60 </#if>
61
62
63 <#assign linkGroupList = rootGroup.Fieldset56353914.getSiblings()>
64 <#if linkGroupList?has_content>
65 <#-- Links -->
66 <div class="link-content-container">
67 <#list linkGroupList as linkGroup>
68
69 <div class="link-content">
70 <#assign iconType = "">
71 <#assign externalUrl = "">
72 <#assign siteUrl = "">
73 <#assign linkLabel = "">
74 <#assign fileUpload = "">
75 <#if (linkGroup.Radio95155634.getData())??>
76 <#assign iconType = linkGroup.Radio95155634.getData()>
77 </#if>
78 <#if (linkGroup.Text41929021.getData())??>
79 <#assign externalUrl= linkGroup.Text41929021.getData()>
80 </#if>
81 <#if (linkGroup.LinkToLayout88020719.getFriendlyUrl())??>
82 <#assign siteUrl = linkGroup.LinkToLayout88020719.getFriendlyUrl()>
83 </#if>
84 <#if (linkGroup.Text10520698.getData())??>
85 <#assign linkLabel = linkGroup.Text10520698.getData()>
86 </#if>
87 <#if (linkGroup.DocumentLibrary53150845.getData())??>
88 <#assign fileUpload = linkGroup.DocumentLibrary53150845.getData()>
89 </#if>
90
91 <#if iconType?has_content>
92 <#if iconType == "Opção80940942">
93 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
94 <path d="M3.752 15.974H4.664C4.912 15.974 5.124 15.954 5.3 15.914C5.476 15.874 5.62 15.806 5.732 15.71C5.852 15.606 5.94 15.466 5.996 15.29C6.052 15.114 6.08 14.894 6.08 14.63C6.08 14.11 5.968 13.758 5.744 13.574C5.528 13.39 5.168 13.298 4.664 13.298H3.752V15.974ZM2 20.654V11.894H4.784C5.856 11.894 6.632 12.122 7.112 12.578C7.6 13.026 7.844 13.698 7.844 14.594C7.844 15.474 7.604 16.158 7.124 16.646C6.652 17.134 5.872 17.378 4.784 17.378H3.752V20.654H2Z" fill="#008542"/>
95 <path d="M10.8402 19.142H11.9442C12.2962 19.142 12.6042 19.102 12.8682 19.022C13.1322 18.942 13.3482 18.798 13.5162 18.59C13.6922 18.374 13.8242 18.082 13.9122 17.714C14.0002 17.338 14.0442 16.854 14.0442 16.262C14.0442 15.678 14.0002 15.202 13.9122 14.834C13.8322 14.458 13.7042 14.166 13.5282 13.958C13.3602 13.75 13.1442 13.606 12.8802 13.526C12.6242 13.446 12.3202 13.406 11.9682 13.406H10.8402V19.142ZM9.16016 20.654V11.894H12.1002C12.7642 11.894 13.3322 11.982 13.8042 12.158C14.2762 12.326 14.6602 12.59 14.9562 12.95C15.2602 13.302 15.4802 13.75 15.6162 14.294C15.7602 14.83 15.8322 15.47 15.8322 16.214C15.8322 17.726 15.5362 18.846 14.9442 19.574C14.3522 20.294 13.3882 20.654 12.0522 20.654H9.16016Z" fill="#008542"/>
96 <path d="M17.2695 20.654V11.894H22.2735V13.358H18.9735V15.59H21.9015V17.054H18.9735V20.654H17.2695Z" fill="#008542"/>
97 <path d="M6.08984 8.24516V1.60376C6.08984 1.44364 6.15211 1.29007 6.26294 1.17684C6.37377 1.06361 6.52408 1 6.68082 1H13.7725M13.7725 1L17.9094 5.22634M13.7725 1L13.7725 5.22634H17.9094M17.9094 5.22634V8.24516" stroke="#959595" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
98 </svg>
99 <#elseif iconType == "Opção52282964">
100 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#008542" viewBox="0 0 256 256"><path d="M222,152v56a14,14,0,0,1-14,14H48a14,14,0,0,1-14-14V152a6,6,0,0,1,12,0v56a2,2,0,0,0,2,2H208a2,2,0,0,0,2-2V152a6,6,0,0,1,12,0Zm-98.24,4.24a6,6,0,0,0,8.48,0l40-40a6,6,0,0,0-8.48-8.48L134,137.51V40a6,6,0,0,0-12,0v97.51L92.24,107.76a6,6,0,0,0-8.48,8.48Z"></path></svg>
101 <#elseif iconType == "Opção35068263">
102 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#008542" viewBox="0 0 256 256"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"></path></svg>
103 <#elseif iconType == "Opção60372786">
104 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#008542" viewBox="0 0 256 256"><path d="M137.54,186.36a8,8,0,0,1,0,11.31l-9.94,10A56,56,0,0,1,48.38,128.4L72.5,104.28A56,56,0,0,1,149.31,102a8,8,0,1,1-10.64,12,40,40,0,0,0-54.85,1.63L59.7,139.72a40,40,0,0,0,56.58,56.58l9.94-9.94A8,8,0,0,1,137.54,186.36Zm70.08-138a56.08,56.08,0,0,0-79.22,0l-9.94,9.95a8,8,0,0,0,11.32,11.31l9.94-9.94a40,40,0,0,1,56.58,56.58L172.18,140.4A40,40,0,0,1,117.33,142,8,8,0,1,0,106.69,154a56,56,0,0,0,76.81-2.26l24.12-24.12A56.08,56.08,0,0,0,207.62,48.38Z"></path></svg>
105 </#if>
106 </#if>
107 <#if linkLabel?has_content>
108 <#if externalUrl?has_content>
109 <a href="${externalUrl}" class="paragraph-sm-underline">${linkLabel}</a> <br>
110 <#elseif siteUrl?has_content>
111 <a href="${siteUrl}" class="paragraph-sm-underline">${linkLabel}</a><br>
112 <#elseif fileUpload?has_content>
113 <a href="${fileUpload}" class="paragraph-sm-underline">${linkLabel}</a><br>
114 </#if>
115 </#if>
116 </div>
117 </#list>
118 </div>
119 </#if>
120 </div>
121 </#list>
122 </#if>
123 </div>
124 </div>
125</div>
126
127<style>
128.${cssRootClass} *{
129 margin: 0;
130 padding: 0;
131 box-sizing: border-box;
132}
133
134.${cssRootClass} p{
135 overflow-wrap: anywhere;
136}
137
138.${cssRootClass} .content-container {
139 width: 632px;
140 margin: 0 auto;
141}
142
143.${cssRootClass} .petro-title {
144 display: flex;
145 flex-direction: column;
146 gap: 16px;
147 margin-bottom: var(--space-lg);
148}
149
150.${cssRootClass} .body-text{
151 padding: var(--space-sm) 0;
152 color: var(--color-neutral-800);
153}
154
155.${cssRootClass} .body-text a {
156 color: var(--color-primary-medium, #008542);
157}
158
159.${cssRootClass} .links-container{
160 padding: var(--space-xl) 0;
161 /*width: 428px;*/
162}
163
164.${cssRootClass} .link-container{
165 padding: var(--space-md) var(--space-lg);
166 border-top: 1px solid var(--neutral-400, #EEE);
167 cursor: pointer;
168}
169
170.${cssRootClass} .petro-title h1 {
171 color: var(--neutral-800, var(--color-neutral-800, #373737));
172
173 font-family: var(--font-family);
174}
175
176.${cssRootClass} .petro-title .yellow-bar {
177 width: 32px;
178 height: 3px;
179 background-color: var(--color-secondary-medium, #FDC82F);
180}
181
182.${cssRootClass} .status-container {
183 display: flex;
184 flex-direction: row;
185 gap: var(--space-sm);
186 margin-bottom: var(--space-xl);
187}
188
189.${cssRootClass} p .status-title {
190 color: var(--neutral-600, #959595);
191
192 font-family: var(--font-family);
193}
194
195.${cssRootClass} p .status-value {
196 color: var(--color-opacity-bright-to-dark-300, #00B2A9);
197
198 font-family: var(--font-family);
199
200 border-radius: 3px;
201 border: 1px solid var(--neutral-400, #EEE);
202 background: var(--neutral-200, #FBFBFB);
203 padding: 0 var(--space-xs);
204}
205
206.${cssRootClass} .title-container {
207 display: flex;
208 justify-content: space-between;
209 align-items: center;
210
211 color: var(--neutral-800, var(--color-neutral-800, #373737));
212
213 font-family: var(--font-family);
214
215 transition: margin-bottom 0.5s;
216}
217
218.${cssRootClass} .showLink .title-container {
219 margin-bottom: var(--space-md);
220}
221
222.${cssRootClass} .link-container .title-container svg {
223 transition: transform 0.5s;
224}
225
226.${cssRootClass} .link-container.showLink .title-container svg {
227 transform: rotateX(180deg);
228}
229
230.${cssRootClass} .link-content-container {
231 max-height: 0;
232 overflow: hidden;
233 transition: max-height 0.5s;
234 display: flex;
235 flex-direction: column;
236 gap: var(--space-sm);
237}
238
239.${cssRootClass} .link-content {
240 display: flex;
241 gap: var(--space-xs);
242 align-items: center;
243}
244
245.${cssRootClass} .link-content svg {
246 min-width: 32px;
247}
248
249.${cssRootClass} .link-container.showLink .link-content-container {
250 max-height: fit-content;
251}
252
253.${cssRootClass} .link-content a {
254 color: var(--brand-primary-medium, var(--color-primary-medium, #008542));
255
256 font-family: var(--font-family);
257
258 text-decoration-line: underline;
259}
260
261@media (max-width: 767px){
262 .${cssRootClass} .content-container {
263 margin: 0;
264 width: 100%;
265 padding: 0 var(--space-lg);
266 }
267
268 .${cssRootClass} .links-container{
269 width: auto;
270 /*margin: 0 calc(var(--space-lg) * -1);*/
271 }
272
273 .${cssRootClass} .petro-title {
274 margin-bottom: var(--space-sm);
275 }
276}
277</style>
278
279<script>
280const linkContainers = document.querySelectorAll(".${cssRootClass} .link-container");
281
282linkContainers.forEach((linkContainer) => {
283 const titleContainer = linkContainer.querySelector(".title-container");
284 titleContainer.addEventListener("click", () => {
285 linkContainer.classList.toggle("showLink");
286 })
287})
288</script>
Faça uma busca:
Sugestões de busca
Mais pesquisados
Preço dos combustíveis
Pré-Sal
Time Petrobras
Escolha um Canal:
Navegue nas Seções:
Acessibilidade
Idioma:
Selecione um idioma: