CONHEÇA AS EDIÇÕES
Conheça as edições
Um erro ocorreu enquanto processava o modelo.
The following has evaluated to null or missing:
==> urlImage [in template "42055#42096#166984" at line 390, column 130]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${urlImage} [in template "42055#42096#166984" at line 390, column 128]
----
1<#--
2Widget templates can be used to modify the look of a
3specific application.
4
5Please use the left panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7-->
8
9<style>
10@import url('https://fonts.googleapis.com/css2?family=Krub:wght@300;400;500;600;700&display=swap');
11
12*,
13*:before,
14*:after {
15 box-sizing: border-box;
16}
17
18h1,
19h2,
20h3,
21h4,
22h5,
23h6,
24p,
25span,
26mark,
27a,
28button,
29div,
30body,
31header,
32main,
33section,
34footer,
35aside,
36article,
37ul,
38ol,
39li,
40img,
41form,
42input,
43label,
44select,
45table,
46thead,
47tbody,
48tr,
49th,
50td,
51textarea {
52 margin: 0;
53 padding: 0;
54}
55
56.pagination li>a,.pagination li>span {
57 background-color: transparent;
58 border: 1px solid transparent;
59 border-radius: 15px;
60 display: inline-block;
61 padding: 5px 14px;
62 color: #1f2c0f
63}
64
65.lfr-pagination-buttons .pagination {
66 background-color: #3e5949;
67}
68
69.pagination {
70 list-style: none;
71 margin: 1.5 0;
72 padding-left: 0;
73 text-align: center;
74 justify-content: center;
75}
76
77.pagination .disabled>a,.pagination .disabled>a:hover,.pagination .disabled>a:focus,.pagination .disabled>span {
78 background-color: #3e5949;
79 color: #fff;
80 cursor: not-allowed
81}
82
83.pagination li>a:hover,.pagination li>a:focus {
84 background-color: #3e5949;
85 color: #fff;
86 text-decoration: none
87}
88
89ul {
90 list-style: none;
91}
92
93a {
94 color: inherit !important;
95 text-decoration: none !important;
96}
97
98mark {
99 background: transparent;
100 color: #000000;
101}
102
103img {
104 height: auto;
105 max-width: 100%;
106 display: block;
107}
108
109label,
110input,
111textarea,
112select,
113button[type="button"],
114button[type="submit"] {
115 font-family: inherit;
116}
117
118select {
119 display: block;
120}
121
122select::-ms-expand {
123 display: none;
124}
125
126input,
127textarea,
128button[type="button"],
129button[type="submit"] {
130 outline: none;
131}
132
133/* IE11 */
134textarea {
135 overflow-y: hidden;
136}
137
138button {
139 border: none;
140 outline: none;
141 cursor: pointer;
142}
143
144button:focus {
145 outline: none;
146}
147
148html {
149 overflow-x: hidden;
150}
151
152body {
153 font-family: 'Krub', sans-serif;
154}
155
156body.no-scroll {
157 overflow-y: hidden;
158}
159
160@media (max-width: 1023px){
161 body {
162 overflow-x: hidden;
163 }
164}
165
166body:not(.ie11) .container .row .col-md-6:first-child {
167 padding-left: 0 !important;
168}
169
170body:not(.ie11) .container .row .col-md-6:last-child {
171 padding-right: 0 !important;
172 padding-left: 0 !important;
173}
174
175@media all and (min-width: 1080px){
176 body.ie11 .container,
177 .container {
178 max-width: 480px !important;
179 }
180}
181
182@media all and (max-width: 1079px){
183 body.ie11 .container,
184 .container {
185 max-width: 260px !important;
186 }
187
188 body:not(.ie11) .container .row .col-md-6:first-child {
189 padding-right: 0 !important;
190 }
191
192 .container .form-group {
193 margin-bottom: 30px;
194 }
195}
196
197@media screen and (max-width: 1023px){
198 body:not(.ie11) .container .row {
199 max-width: 320px;
200 margin-right: auto;
201 margin-left: auto;
202 }
203}
204
205/* Basic styles */
206#klabin-edicoes-cards .edicoes-cards-container {
207 max-width: 1330px;
208 margin-top: 50px;
209 margin-right: auto;
210 margin-left: auto;
211}
212
213#klabin-edicoes-cards .edicoes-cards {
214 display: flex;
215 flex-wrap: wrap;
216}
217
218#klabin-edicoes-cards .edicoes-cards-item {
219 width: 100%;
220 max-width: 422px;
221 background: #EBDCC2;
222 margin-bottom: 30px;
223 display: block;
224}
225
226#klabin-edicoes-cards .edicoes-cards-item-content {
227 padding: 17px 15px 17px 56px;
228 position: relative;
229}
230
231#klabin-edicoes-cards .edicoes-cards-item-content:before {
232 content: "";
233 width: 23px;
234 height: 31px;
235 background: url("/o/klabin-caiubi-theme/images/caiubi/edicoes/edicoes-cards-title.png") no-repeat center;
236 background-size: cover;
237 position: absolute;
238 left: 20px;
239 display: block;
240}
241
242#klabin-edicoes-cards .edicoes-cards-item-content h4 {
243 font-size: 15px;
244 line-height: 22px;
245 font-weight: 700;
246 text-transform: uppercase;
247 color: #3E5949;
248 margin-bottom: 4px;
249}
250
251#klabin-edicoes-cards .edicoes-cards-item-content p {
252 font-size: 20px;
253 line-height: 22px;
254 font-weight: 400;
255 color: #3E5949;
256}
257
258#klabin-edicoes-cards .edicoes-cards-item-content p span {
259 font-size: 15px;
260 line-height: 22px;
261 font-weight: 600;
262 display: block;
263}
264
265@media (min-width: 1360px){
266 #klabin-edicoes-cards .edicoes-cards-item:not(:nth-child(3n+3)) {
267 margin-right: 30px;
268 }
269}
270
271@media (max-width: 1359px){
272 #klabin-edicoes-cards .edicoes-cards-item {
273 max-width: 325px;
274 }
275}
276
277@media (max-width: 1199px){
278 #klabin-edicoes-cards .edicoes-cards {
279 justify-content: center;
280 }
281
282 #klabin-edicoes-cards .edicoes-cards-item {
283 max-width: 300px;
284 }
285}
286
287@media (min-width: 1024px) and (max-width: 1359px){
288 #klabin-edicoes-cards .edicoes-cards {
289 max-width: 1020px;
290 margin-right: auto;
291 margin-left: auto;
292 }
293
294 #klabin-edicoes-cards .edicoes-cards-item:not(:nth-child(3n+3)) {
295 margin-right: 10px;
296 }
297}
298
299@media (min-width: 1024px){
300 #klb-caiubi-header .header-bottom .nav-caiubi li.active a {
301 color: #00953B !important;
302 }
303}
304
305@media (max-width: 1023px){
306 #klabin-edicoes-cards .edicoes-cards-container {
307 padding-right: 35px;
308 padding-left: 35px;
309 }
310
311 #klabin-edicoes-cards .edicoes-cards {
312 max-width: 422px;
313 margin-right: auto;
314 margin-left: auto;
315 }
316
317 #klabin-edicoes-cards .edicoes-cards-item {
318 max-width: 422px;
319 }
320}
321
322@media (max-width: 768px){
323 #klabin-edicoes-cards .edicoes-cards-item-image {
324 width: 100% !important;
325 }
326}
327
328@media (max-width: 419px){
329 #klabin-edicoes-cards .edicoes-cards-item picture img {
330 width: 100%;
331 }
332}
333
334
335.no-content-message {
336 width: 100%;
337 font-size: 18px;
338 line-height: 16px;
339 font-weight: 600;
340 color: #00953B;
341 text-align: center;
342 padding-bottom: 5rem;
343}
344
345</style>
346<#if entries?has_content>
347 <div id="klabin-edicoes-cards">
348 <div class="edicoes-cards-container">
349 <div class="edicoes-cards">
350
351 <#list entries as entry>
352 <#assign assetRenderer = entry.getAssetRenderer() />
353 <#assign article = assetRenderer.getArticle() />
354
355 <#assign document = saxReaderUtil.read(article.getContent()) />
356 <#assign rootElement = document.getRootElement() />
357
358
359 <#assign xPathSelectorNome = saxReaderUtil.createXPath("dynamic-element[@field-reference='NomeDaEdicao']") />
360 <#assign nomeEdicao = xPathSelectorNome.selectSingleNode(rootElement).getStringValue()?trim />
361
362 <#assign xPathSelectorTitle = saxReaderUtil.createXPath("dynamic-element[@field-reference='Cidade']") />
363 <#assign cidade = xPathSelectorTitle.selectSingleNode(rootElement).getStringValue()?trim />
364
365 <#assign xPathSelectorDescricao = saxReaderUtil.createXPath("dynamic-element[@field-reference='SobreAEdicao']") />
366 <#assign descricao = xPathSelectorDescricao.selectSingleNode(rootElement).getStringValue()?trim />
367
368 <#assign xPathSelectorNumeroDaEdicao = saxReaderUtil.createXPath("dynamic-element[@field-reference='NumeroDaEdicao']") />
369 <#assign numeroDaEdicao = xPathSelectorNumeroDaEdicao.selectSingleNode(rootElement).getStringValue()?trim />
370
371 <#assign xPathSelectorAnoDaEdicao = saxReaderUtil.createXPath("dynamic-element[@field-reference='AnoDaEdicao']") />
372 <#assign anoDaEdicao = xPathSelectorAnoDaEdicao.selectSingleNode(rootElement).getStringValue()?trim />
373
374
375 <#assign xPathSelectorIMG = saxReaderUtil.createXPath("dynamic-element[@field-reference='Imagem']") />
376 <#assign newsImageFile = xPathSelectorIMG.selectSingleNode(rootElement).getStringValue()?trim />
377
378 <#if newsImageFile?? && newsImageFile!="">
379 <#assign fileJson = jsonFactoryUtil.createJSONObject(newsImageFile) />
380 <#assign urlImage = getterUtil.getString(fileJson.get('url')) />
381 </#if>
382
383 <#assign viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, entry) />
384 <#if assetLinkBehavior != "showFullContent">
385 <#assign viewURL = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewURL) />
386 </#if>
387 <#assign dateFMT = dateUtil.getDate(article.getDisplayDate()?date, 'dd/MM/yyyy', locale) />
388
389 <a href="${viewURL}" rel="noopener" class="edicoes-cards-item">
390 <div class="edicoes-cards-item-image" style="width: 422px; max-width: 100%; height: 311px; background: url(${urlImage}) no-repeat; background-position: top; background-size: cover;"></div>
391
392 <div class="edicoes-cards-item-content">
393 <h4>${cidade}</h4>
394 <p>${nomeEdicao} <span>Ed. ${numeroDaEdicao} / ${anoDaEdicao}</span></p>
395 </div>
396 </a>
397
398 </#list>
399
400 </div>
401 </div>
402 </div>
403 <#else>
404 <p class="no-content-message">
405 Não existem edições cadastradas para o período selecionado.
406 </p>
407</#if>
