1<#if themeDisplay.getLocale()=="pt_BR">
2
3 <#if entries?has_content>
4
5 <div class="bg_fundo_onda_dicas pb-5">
6 <div class="container">
7 <div class="row">
8
9 <#assign contNews=0>
10
11 <#list entries as curEntry>
12
13
14
15 <#assign assetRenderer=curEntry.getAssetRenderer()
16 serviceContext=staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
17 dlAppLocalServiceUtil=staticUtil["com.liferay.document.library.kernel.service.DLAppLocalServiceUtil"]
18 dlUtil=staticUtil["com.liferay.document.library.kernel.util.DLUtil"]
19 themeDisplay=serviceContext.getThemeDisplay()
20 link=assetRenderer.getURLViewInContext(renderRequest, renderResponse, '' )>
21
22
23
24 <#assign docXml=saxReaderUtil.read(assetRenderer.getArticle().getContent()) />
25
26 <#assign nomeLinkFeed=docXml.valueOf("//dynamic-element[@name='nomeLink'
27 ]/dynamic-content/text()") />
28
29 <#assign labels=docXml.selectNodes("//dynamic-element[@name='label'
30 ]/dynamic-content/text()")
31
32 descricao=docXml.valueOf("//dynamic-element[@name='descricao'
33 ]/dynamic-content/text()")
34
35 titulo =
36 docXml.valueOf("//dynamic-element[@name='titulo']/dynamic-content/text()")
37
38 url = docXml.valueOf("//dynamic-element[@name='url']/dynamic-content/text()")
39
40 imagemCard =
41 docXml.valueOf("//dynamic-element[@name='imagem']/dynamic-content/text()")>
42
43
44
45
46 <#assign originalLocale=locale>
47
48 <#setting locale='pt_BR'>
49
50
51
52 <#assign
53 assetCategoryLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService")
54 labels=""
55 assetVocabularyLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService")
56 categories=assetCategoryLocalService.getCategories(curEntry.classNameId,curEntry.classPK)
57 vocabularyFlag=0>
58
59
60
61 <#if categories?has_content>
62
63 <#list categories as categoryName>
64
65 <#assign labels=labels +categoryName.getName()+','
66 vocabulary=assetVocabularyLocalService.getVocabulary(categoryName.getVocabularyId())>
67 <#if vocabulary.getName()!="hapvida">
68 <#assign vocabularyFlag=1>
69 </#if>
70 </#list>
71 <#else>
72 <#assign vocabularyFlag=1>
73 </#if>
74
75
76
77 <#assign description="" />
78 <#if imagemCard?has_content>
79
80 <#assign imagem=imagemCard?eval imagemUuid=imagem.uuid
81 groupId=imagem.groupId
82 dlFile=dlAppLocalServiceUtil.getFileEntryByUuidAndGroupId(imagemUuid,groupId?number)
83 imgUrl=dlUtil.getPreviewURL(dlFile,
84 dlFile.getFileVersion(),themeDisplay,'')>
85 <#assign description=imagem.alt?string!"">
86 </#if>
87 <#if description=="">
88 <#assign description="sem descrição textual">
89 </#if>
90
91
92 <div class="col-12 col-lg-4 campoWrapper">
93 <a class="gtm-botao-card-dicas-atencaoSemConteudo"
94 href="${link}">
95 <img loading=lazy alt="${description}"
96 class="img-fluid" id="widget_img_dicas_destaque"
97 src="${imgUrl}" />
98 </a>
99 <div class="campotext">
100 <div class="categorias">
101 <#list labels?split(",", "r" ) as label>
102
103 <p class="label-category"><a
104 class="gtm-botao-card-dicas-${label?lower_case?replace(' ', '')?replace('á', 'a')?replace('é', 'e')?replace('í', 'i')?replace('ó', 'o')?replace('ú', 'u')?replace('[^a-zA-Z0-9]', '')?truncate(30, '')}"
105 href="/noticias?category=${label}">${label}</a>
106 </p>
107 </#list>
108 </div>
109 <div class="tituloCard">
110 <#if (titulo?length>69)>
111
112 <h3><a class="gtm-botao-card-dicas-${titulo0..69?lower_case?replace(' ', '')?replace('á', 'a')?replace('é', 'e')?replace('í', 'i')?replace('ó', 'o')?replace('ú', 'u')?replace('[^a-zA-Z0-9]', '')?truncate(30, '')}"
113 href="${link}">${titulo[0..69]}</a></h3>
114
115 <#else>
116
117 <h3><a class="gtm-botao-card-dicas-${titulo?lower_case?replace(' ', '')?replace('á', 'a')?replace('é', 'e')?replace('í', 'i')?replace('ó', 'o')?replace('ú', 'u')?replace('[^a-zA-Z0-9]', '')?truncate(30, '')}"
118 href="${link}">${titulo}</a></h3>
119
120 </#if>
121 </div>
122 <a class="gtm-botao-card-dicas-atencaoSemConteudo"
123 title="clique para continuar lendo ${titulo}"
124 href="${link}">
125 <span>
126 <svg height="20" id="direita"
127 viewbox="0 0 20 20" width="20"
128 xmlns="http://www.w3.org/2000/svg">
129 <title></title>
130 <g data-name="Grupo 1585"
131 id="Grupo_1585"
132 transform="translate(-412 281) rotate(-90)">
133 <rect data-name="Retângulo 356"
134 fill="none" height="20"
135 id="Retângulo_356"
136 transform="translate(261 412)"
137 width="20"></rect>
138 <path
139 d="M171.476,425.028a.748.748,0,0,1-.559-.25l-5.724-6.4-6.177,6.418a.75.75,0,1,1-1.081-1.04l6.737-7a.75.75,0,0,1,1.1.02l6.263,7a.75.75,0,0,1-.559,1.25Z"
140 data-name="Caminho 382"
141 fill="#fff" id="Caminho_382"
142 transform="translate(435.976 843.778) rotate(180)">
143 </path>
144 </g>
145 </svg>
146 </span>
147 <#if nomeLinkFeed=="">
148 Continuar Lendo
149 <#else>
150 ${nomeLinkFeed}
151 </#if>
152 </a>
153 </div>
154 </div>
155 </#list>
156 </div>
157 </div>
158 </div>
159 </#if>
160 <style>
161
162 .campotext .categorias {
163 display: flex;
164 flex-wrap: wrap;
165 gap: 10px;
166 flex: 1;
167 }
168 .dicas_button {
169 background-color: transparent;
170 border: 1px solid var(--primary);
171 border-radius: 8px;
172 color: var(--primary) !important;
173 width: 200px;
174 font-size: 16px;
175 }
176
177 .button_acesso_dicas {
178 text-align: center;
179 margin-bottom: 0px;
180 padding: 60px 0px 75px;
181 font-size: 16px;
182 font-family: "oxygen-bold";
183 }
184
185 .dicas_button:active,
186 .dicas_button:focus {
187 color: var(--primary);
188 outline: 1px solid var(--primary);
189 border: 1px solid var(--primary);
190 background-color: transparent;
191 }
192
193 .dicas_button:hover {
194 color: var(--white) !important;
195 outline: 1px solid var(--primary);
196 border: 1px solid var(--primary);
197 background-color: var(--primary);
198 }
199
200 .title_dicas_sand {
201 text-align: left;
202 color: var(--black);
203 font-family: "oxygen-bold";
204 }
205
206 .title_dicas_sand h2 {
207 font-size: 36px;
208 }
209
210 .campoWrapper {
211 max-height: 380px;
212 }
213
214 .campoWrapper img {
215 display: block;
216 margin: auto;
217 box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
218 border: 1px solid transparent;
219 border-radius: 8px 8px 0 0;
220 }
221
222 .campotext {
223 background-color: var(--primary);
224 padding: 30px;
225 opacity: 0.95;
226 margin: auto;
227 width: 340px;
228 height: 212px;
229 border: 1px solid transparent;
230 margin-top: -0.5px !important;
231 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
232 min-height: 247.6px;
233 border-radius: 0 0 8px 8px;
234 }
235
236 img#widget_img_dicas_destaque {
237 width: 341.49px;
238 height: 157.34px;
239 object-fit: cover;
240 }
241
242 p.label-category {
243 margin-bottom: 2.5rem;
244 }
245
246 .campotext>a {
247 display: inline-block !important;
248 padding-right: 9px;
249 font-size: 12px;
250 color: var(--white);
251 text-decoration: underline;
252 max-height: 16px;
253 font-family: "oxygen-regular";
254 }
255
256 .campotext p>a {
257 color: var(--dark);
258 display: block;
259 padding: 2px 7px;
260 border-radius: 10px;
261 font-size: 0.8rem;
262 background-color: var(--white);
263 width: auto;
264 float: left;
265 font-family: "oxygen-bold";
266 }
267
268 div.campotext h3>a {
269 text-decoration: none;
270 color: var(--white);
271 font-family: "oxygen-bold";
272 font-size: 20px;
273 min-height: 4.5rem;
274 }
275
276 .campotext a,
277 .campotext span {
278 color: var(--white);
279 float: left;
280 font-size: 15px;
281 }
282
283 .campotext h3+a {
284 text-decoration: underline;
285 display: block;
286 float: left;
287 font-family: "oxygen-bold";
288 padding-top: 15px;
289 margin-top: 2.5rem;
290 }
291
292 .campotext ha {
293 text-decoration: underline;
294 font-size: 15px;
295 display: block;
296 float: left;
297 font-family: "oxygen-bold";
298 padding-top: 15px;
299 }
300
301 .campotext span {
302 display: inline-block;
303 padding-right: 10px;
304 text-decoration: none !important;
305 float: left;
306 margin-top: -2px;
307 }
308
309 .title_dicas_sand h2 {
310 padding-top: 70px !important;
311 }
312
313 @media (min-width: 992px) and (max-width: 1199px) {
314 .campotext {
315 width: 290px;
316 height: 188px;
317 top: -185px;
318 }
319
320 .campotext a {
321 padding-top: 10px;
322 }
323
324 .campotext h3 {
325 font-size: 18px;
326 }
327 }
328
329 @media (max-width: 991px) {
330 .campoWrapper {
331 margin-bottom: 106px;
332 }
333
334 .campotext {
335 width: 50%;
336 height: 202px;
337 top: -200px;
338 }
339
340 .title_dicas_sand h2 {
341 font-size: 24px;
342 padding-top: 5px !important;
343 }
344
345 .btn_Lermais2 {
346 padding-bottom: 40px;
347 }
348
349 .button_acesso_dicas {
350 padding-bottom: 0;
351 }
352
353 img#widget_img_dicas_destaque {
354 width: 50%;
355 height: 50%;
356 }
357 }
358
359
360 @media (max-width: 768px) {
361 .title_dicas_sand h2 {
362 font-size: 24px;
363 }
364 .campotext {
365 width: 75%;
366 }
367 img#widget_img_dicas_destaque {
368 width: 75%;
369 }
370 }
371 @media (max-width: 576px) {
372 .campotext {
373 width: 100%;
374 }
375 img#widget_img_dicas_destaque {
376 width: 100%;
377 }
378 }
379 </style>
380</#if>
