Link de exemplo
Ícone do botão Button Label
Ícone de carregamento
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

Link do botão
Ícone do botão Exibir mais resultados
Ícone de carregamento

Mais pesquisados

Preço dos combustíveis

Pré-Sal

Time Petrobras





Canais

Idioma

Acessibilidade

Escolha um Canal:

Acessibilidade

Alto-Contraste

Desligado

Ligado

Texto Grande

Desligado

Ligado

Idioma:

Selecione um idioma: