One-off improvements
Access the logged area AND CHECK OUT OUR EXCLUSIVE PROJECTS
Sign Up
Improvements
Filters
Todos os projetos
An error occurred while processing the template.
The following has evaluated to null or missing:
==> keyValue[1] [in template "20096#20121#147010" at line 291, column 66]
----
Tip: It's the final [] step that caused this error, not those before it.
----
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: #assign value = keyValue[1]?trim?repl... [in template "20096#20121#147010" at line 291, column 49]
----
1<#assign _assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
2<#assign _assetVocabularyService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService")/>
3<#assign _categoryService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryService")/>
4<#assign _DLFileEntryService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")/>
5<#assign roleLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.RoleLocalService")/>
6<#assign resourcePermissionLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.ResourcePermissionLocalService") />
7<#assign _journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
8
9<section class="b3__gateway--material--container container-fluid container-fluid-max-xl">
10 <div class="b3__gateway--material--container--grid list-wrapper" id="b3__gateway--material--pagination">
11 <#assign count=0 />
12 <#list entries as doc>
13
14 <#assign curEntry = _assetEntryLocalService.fetchEntry("com.liferay.journal.model.JournalArticle", doc.getClassPK())>
15 <#assign createDate = curEntry.getCreateDate()?string("yyyy-MM-dd")/>
16 <#assign modifiedDate = curEntry.getModifiedDate()?string("yyyy-MM-dd")/>
17
18 <#assign assetRenderer = curEntry.getAssetRenderer() />
19 <#assign linkToWebContentDisplayPage="/w/" + assetRenderer.getUrlTitle()/>
20
21 <#assign DDMFormFieldValuesMap=assetRenderer.getDDMFormValuesReader().getDDMFormValues().getDDMFormFieldValuesMap() />
22 <#assign DDMFormFieldsReferencesMap=assetRenderer.article.DDMStructure.DDMForm.getDDMFormFieldsReferencesMap(true) />
23 <#assign categories = curEntry.getCategories() />
24
25 <#assign isExclusiveContent = true />
26 <#assign guestRole = roleLocalService.getRole( themeDisplay.getCompanyId()?number,"Guest") />
27 <#assign article = _journalArticleLocalService.getLatestArticle(curEntry.getClassPK()) />
28 <#assign JournalArticleClassName = "com.liferay.journal.model.JournalArticle" />
29 <#assign SCOPE_INDIVIDUAL = 4 />
30
31 <#assign resourcePermission = resourcePermissionLocalService
32 .getResourcePermission(
33 themeDisplay.getCompanyId(),
34 JournalArticleClassName,
35 SCOPE_INDIVIDUAL,
36 article.getResourcePrimKey()?string,
37 guestRole.getRoleId()
38 )/>
39
40 <#if (resourcePermission.hasActionId("VIEW"))>
41 <#assign isExclusiveContent = false />
42 </#if>
43
44 <#assign segmentsCategories=[] />
45 <#assign projetcStatus = [] />
46
47 <#list categories as cat>
48 <#assign vocabularyId=cat.vocabularyId />
49 <#assign assetVocabulary =_assetVocabularyService.getVocabulary(vocabularyId) />
50 <#if assetVocabulary?contains("segment")>
51 <#assign segmentsCategories=segmentsCategories + [cat]>
52 </#if>
53 <#if assetVocabulary.name =="status">
54 <#assign projetcStatus = projetcStatus + [cat]>
55 </#if>
56 </#list>
57
58 <#assign impactFieldGroup=DDMFormFieldsReferencesMap['impactFieldGroup'].name />
59 <#assign impactFieldGroupSelect=DDMFormFieldValuesMap[impactFieldGroup][0] />
60 <#assign impactInitiative="" />
61
62 <#list impactFieldGroupSelect.getNestedDDMFormFieldValuesMap() as key,item>
63 <#if item[0].getDDMFormField().getFieldReference()=="impactInitiative">
64 <#assign impactInitiative=item[0].getDDMFormField().getDDMFormFieldOptions().getOptionLabels(item[0].getValue().getString(locale)).getString(locale)?lower_case />
65 </#if>
66 </#list>
67
68 <#assign yearDeliveryOptionSelected = ""/>
69 <#assign yearDeliveryOptionValue = ""/>
70 <#assign quarteDeliveryOptionSelected = ""/>
71 <#assign quarteDeliveryOptionValue = ""/>
72
73 <#assign deliveryFieldGroup=DDMFormFieldsReferencesMap['deliveryFieldGroup'].name />
74 <#assign deliveryFieldGroupItems=DDMFormFieldValuesMap[deliveryFieldGroup][0] />
75 <#list deliveryFieldGroupItems.getNestedDDMFormFieldValuesMap() as key,item>
76 <#if item[0].getDDMFormField().getFieldReference()=="yearDelivery">
77 <#assign yearDeliveryOptionSelected = item[0].getValue().getString(locale)?replace("[", "")?replace("]", "" )?replace('"', '' ) />
78 <#if yearDeliveryOptionSelected?has_content>
79 <#assign yearDeliveryOptionValue = item[0].getDDMFormField().getDDMFormFieldOptions().getOptionLabels(yearDeliveryOptionSelected).getString(locale)/>
80 </#if>
81 </#if>
82 <#if item[0].getDDMFormField().getFieldReference()=="quarteDelivery">
83 <#assign quarteDeliveryOptionSelected = item[0].getValue().getString(locale)?replace("[", "")?replace("]", "" )?replace('"', '' ) />
84 <#assign quarteDeliveryOptionValue = item[0].getDDMFormField().getDDMFormFieldOptions().getOptionLabels(quarteDeliveryOptionSelected).getString(locale)/>
85 </#if>
86 </#list>
87
88 <#assign releaseInformationFildDateValue = "" />
89 <#assign releaseInformationFieldSelectValue = "" />
90 <#assign releaseInformationFieldDescriptionValue = ""/>
91
92 <#assign groupReleaseInformation=DDMFormFieldsReferencesMap['groupReleaseInformation'].name />
93 <#assign groupReleaseInformationItems=DDMFormFieldValuesMap[groupReleaseInformation][0] />
94
95 <#list groupReleaseInformationItems.getNestedDDMFormFieldValuesMap() as key,item>
96 <#if item[0].getDDMFormField().getFieldReference()=="releaseInformationFieldDate">
97 <#assign releaseInformationFildDateValue = item[0].getValue().getString(locale)!""/>
98 <#elseif item[0].getDDMFormField().getFieldReference()=="releaseInformationFieldSelect">
99 <#if validator.isNotNull(item[0].getValue().getString(locale)!"")>
100 <#if validator.isNotNull(item[0].getValue().getString(locale)?replace("[", "")?replace("]", "" )?replace('"', '' ))>
101 <#assign optionSelectedID = item[0].getValue().getString(locale)?replace("[", "")?replace("]", "" )?replace('"', '' )>
102 <#assign releaseInformationFieldSelectValue = item[0].getDDMFormField().getDDMFormFieldOptions().getOptionLabels(optionSelectedID).getString(locale)!"" />
103 </#if>
104 </#if>
105 <#elseif item[0].getDDMFormField().getFieldReference()=="releaseInformationFieldDescription">
106 <#if validator.isNotNull(item[0].getValue().getString(locale)!"")>
107 <#assign releaseInformationFieldDescriptionValue = item[0].getValue().getString(locale) />
108 </#if>
109 </#if>
110 </#list>
111
112 <div class="b3__gateway--material--container--grid--body list-item b3-ga-accordion">
113 <div class="b3__gateway--material--container--grid--body__widgets">
114 <div class="container container__title">
115 <p class="title button-md">
116 ${curEntry.getTitle(locale)}
117 </p>
118 </div>
119 <#if isExclusiveContent>
120 <p class="mb-0 exclusive__tag" aria-label="${locale?contains('en')?then('Exclusive', 'Exclusivo' )}" title="${locale?contains('en')?then('Exclusive', 'Exclusivo' )}">
121 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
122 <mask id="mask0_18938_33087" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="1" width="16" height="21">
123 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9992 8.2002C18.9992 8.2002 19.7992 9.0002 19.7992 10.0002V20.0002C19.7992 21.0002 18.9992 21.8002 17.9992 21.8002H5.99922C4.99922 21.8002 4.19922 21.0002 4.19922 20.0002V10.0002C4.19922 9.0002 4.99922 8.2002 5.99922 8.2002H14.9992H15.1992V8.0002V6.0002C15.1992 4.2002 13.7992 2.8002 11.9992 2.8002C10.2992 2.8002 8.89922 4.1002 8.79922 5.8002H7.19922C7.29922 3.2002 9.39922 1.2002 11.9992 1.2002C14.5992 1.2002 16.7992 3.4002 16.7992 6.0002V8.0002V8.2002H16.9992H17.9992ZM18.1992 20.0002V10.0002V9.8002H17.9992H5.99922H5.79922V10.0002V20.0002V20.2002H5.99922H17.9992H18.1992V20.0002ZM13.7992 15.0002C13.7992 15.9943 12.9933 16.8002 11.9992 16.8002C11.0051 16.8002 10.1992 15.9943 10.1992 15.0002C10.1992 14.0061 11.0051 13.2002 11.9992 13.2002C12.9933 13.2002 13.7992 14.0061 13.7992 15.0002Z" fill="black"/>
124 </mask>
125 <g mask="url(#mask0_18938_33087)">
126 <rect width="24" height="24" fill="#666E7A"/>
127 </g>
128 </svg>
129 </p>
130 </#if>
131 <div class="container container__status">
132 <p class="container__status text__body--small">
133 <#list projetcStatus as status>
134
135 <#if status.getTitle(locale)?contains("Concluído") || status.getTitle(locale)?contains("Finished")>
136 <img src="/documents/d/guest/check__done" alt="ícone com dois colchetes azuis em paralelo" />
137 <span class="green-color">${status.getTitle(locale)}</span>
138 </#if>
139 <#if status.getTitle(locale)?contains("Em execução") || status.getTitle(locale)?contains("In Progress")>
140 <img src="/documents/d/guest/loader" alt="ícone com dois colchetes azuis em paralelo" />
141 ${status.getTitle(locale)}
142 </#if>
143 </#list>
144 </p>
145 </div>
146
147 <div class="container container__tag">
148 <p class="container__status text__body--small button-md blue">
149 <#if impactInitiative?contains("informativo") || impactInitiative?contains("informative") || impactInitiative?contains("information")>
150 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
151 xmlns="http://www.w3.org/2000/svg">
152 <mask id="mask0_13865_92987${count}" style="mask-type: alpha" maskUnits="userSpaceOnUse"
153 x="2" y="2" width="20" height="20">
154 <path fill-rule="evenodd" clip-rule="evenodd"
155 d="M12 3.6C16.6 3.6 20.4 7.4 20.4 12C20.4 16.6 16.6 20.4 12 20.4C7.4 20.4 3.6 16.6 3.6 12C3.6 7.4 7.4 3.6 12 3.6ZM12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12.8002 7.2002H11.2002V12.8002H12.8002V7.2002ZM11.2002 15.2002H12.8002V16.8002H11.2002V15.2002Z"
156 fill="black" />
157 </mask>
158 <g mask="url(#mask0_13865_92987${count})">
159 <rect width="24" height="24" fill="#0063DE" />
160 </g>
161 </svg>
162 <p class="container__status text__body--small button-md blue">
163 ${locale?contains("en")?then("Informative","Informativo")}
164 </p>
165 <#elseif impactInitiative?contains("opcional") || impactInitiative?contains("optional")>
166 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
167 xmlns="http://www.w3.org/2000/svg">
168 <mask id="mask0_13865_92987${count}" style="mask-type: alpha"
169 maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
170 <path fill-rule="evenodd" clip-rule="evenodd"
171 d="M12 3.6C16.6 3.6 20.4 7.4 20.4 12C20.4 16.6 16.6 20.4 12 20.4C7.4 20.4 3.6 16.6 3.6 12C3.6 7.4 7.4 3.6 12 3.6ZM12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12.8002 7.2002H11.2002V12.8002H12.8002V7.2002ZM11.2002 15.2002H12.8002V16.8002H11.2002V15.2002Z"
172 fill="black" />
173 </mask>
174 <g mask="url(#mask0_13865_92987${count})">
175 <rect width="24" height="24" fill="#0063DE" />
176 </g>
177 </svg>
178 <p class="container__status text__body--small button-md blue">
179 ${locale?contains("en")?then("Optional","Opcional")}
180 </p>
181 <#elseif impactInitiative?contains("mandatório") || impactInitiative?contains("mandatory")>
182 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
183 xmlns="http://www.w3.org/2000/svg">
184 <mask id="mask0_13865_92987${count}" style="mask-type: alpha"
185 maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
186 <path fill-rule="evenodd" clip-rule="evenodd"
187 d="M12 3.6C16.6 3.6 20.4 7.4 20.4 12C20.4 16.6 16.6 20.4 12 20.4C7.4 20.4 3.6 16.6 3.6 12C3.6 7.4 7.4 3.6 12 3.6ZM12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM12.8002 7.2002H11.2002V12.8002H12.8002V7.2002ZM11.2002 15.2002H12.8002V16.8002H11.2002V15.2002Z"
188 fill="black" />
189 </mask>
190 <g mask="url(#mask0_13865_92987${count})">
191 <rect width="24" height="24" fill="#0063DE" />
192 </g>
193 </svg>
194 <p class="container__status text__body--small button-md blue">
195 ${locale?contains("en")?then("Mandatory","Mandatório")}
196 </p>
197 </#if>
198 </p>
199 </div>
200
201 <div class="container container__date">
202 <img src="/documents/d/guest/date_range" alt="ícone de um calendário" />
203
204 <p class="container__status text__body--small">
205 <#if quarteDeliveryOptionValue?has_content && yearDeliveryOptionValue?has_content>
206 <#if (locale=="pt_BR")>
207 ${quarteDeliveryOptionValue}${yearDeliveryOptionValue?substring(2,4)}
208 <#else>
209 ${quarteDeliveryOptionValue?substring(0,1)}Q${yearDeliveryOptionValue?substring(2,4)}
210 </#if>
211 </#if>
212 </p>
213
214 <img class="arrow-down" src="/documents/d/guest/arrow_down" alt="ícone de uma seta" />
215 </div>
216 </div>
217
218 <div class="more-content">
219 <div class="more-content__mark">
220 <div class="more-content__mark--title">
221 <#if (validator.isNotNull(releaseInformationFieldSelectValue))>
222 ${releaseInformationFieldSelectValue}:
223 <#if validator.isNotNull(releaseInformationFildDateValue)>
224 ${locale?contains("pt")?then(
225 releaseInformationFildDateValue?string?replace("-","/")?date("yyyy/MM/dd")?string("dd/MM/yyyy"),
226 releaseInformationFildDateValue?string?replace("-","/")?date("yyyy/MM/dd")?string("MM/dd/yyyy")
227 )}
228 </#if>
229 </#if>
230 </div>
231 <p class="more-content__mark--desc">${releaseInformationFieldDescriptionValue}</p>
232 </div>
233
234 <p class="more-content__text body-text">
235 <#assign resumoFieldGroup=DDMFormFieldsReferencesMap['aboutImprovementsFildsGroup'].name />
236 <#assign resumoFieldGroupSelect=DDMFormFieldValuesMap[resumoFieldGroup][0] />
237 <#list resumoFieldGroupSelect.getNestedDDMFormFieldValuesMap() as key,item>
238 <#if item[0].getDDMFormField().getFieldReference()=="improvementsDescription">
239 <#assign description = item[0].getValue().getString(locale) />
240 ${description}
241 </#if>
242 </#list>
243 </p>
244 <#assign fileEntryId = ""/>
245
246 <#assign relatedArticleFieldGroup=DDMFormFieldsReferencesMap['relatedFilesGroup'].name />
247 <#assign relatedArticleFieldGroupArray=DDMFormFieldValuesMap[relatedArticleFieldGroup] />
248 <#assign hasRelatedArticle = false />
249 <#list relatedArticleFieldGroupArray as cur_relatedFilesGroup>
250 <#list cur_relatedFilesGroup.getNestedDDMFormFieldValuesMap() as key,item>
251 <#if item[0].getDDMFormField().getFieldReference()== "supportMaterial" >
252 <#if item[0].getValue().getString(locale) != "" && item[0].getValue().getString(locale) != "{}">
253 <#assign hasRelatedArticle = true />
254 </#if>
255 </#if>
256 </#list>
257 </#list>
258 <#if hasRelatedArticle>
259 <div class="more-content__related-files">
260 <p class="more-content__related-files__title body-text">Arquivos relacionados</p>
261 <#list relatedArticleFieldGroupArray as cur_relatedFilesGroup>
262 <#list cur_relatedFilesGroup.getNestedDDMFormFieldValuesMap() as key,item>
263 <#if item[0].getDDMFormField().getFieldReference()== "supportMaterial" >
264 <#if item[0].getValue().getString(locale) != "">
265 <#assign json = item[0].getValue().getString(locale)>
266
267 <#assign startIndex = 0>
268 <#assign endIndex = 0>
269 <#assign insideJson = false>
270
271 <#list 0..(json?length - 1) as i>
272 <#assign char = json[i]>
273
274 <#if char == '{'>
275 <#assign insideJson = true>
276 <#assign startIndex = i + 1>
277 </#if>
278
279 <#if insideJson && char == '}'>
280 <#assign insideJson = false>
281 <#assign endIndex = i>
282 </#if>
283 </#list>
284
285 <#assign json = json?substring(startIndex, endIndex)>
286
287 <#assign parts = json?split(',')>
288 <#list parts as part>
289 <#assign keyValue = part?split(':')>
290 <#assign key2 = keyValue[0]?trim?replace('"', '')>
291 <#assign value = keyValue[1]?trim?replace('"', '')>
292 <#if key2 == "uuid">
293 <#assign fileEntry = _DLFileEntryService.getDLFileEntryByUuidAndGroupId(value,themeDisplay.getSiteGroupId())/>
294
295 <!-- Material de apoio -->
296
297 <#assign documentLanguage = "-" />
298
299 <#assign entryCategories = _categoryService.getCategories("com.liferay.document.library.kernel.model.DLFileEntry", fileEntry.fileEntryId) />
300
301 <#assign exclusividade = false />
302
303 <!-- Pegando categorias -->
304 <#list entryCategories as cat>
305
306 <#assign vocabularyId = cat.vocabularyId />
307 <#assign vocabulary = _assetVocabularyService.getVocabulary(vocabularyId) />
308
309 <#if vocabulary.name?contains("idioma") || vocabulary.name?contains("language")>
310 <#assign documentLanguage = cat.getTitle(locale) />
311 </#if>
312
313 <#if vocabulary.name?contains("exclusividade")>
314 <#if cat.name?contains("Exclusivo")>
315 <#assign exclusividade = true />
316 </#if>
317 </#if>
318
319 </#list>
320
321 <div class="more-content__grid">
322 <p class="more-content__grid__item text__body--small more-content__grid--nome">
323 ${fileEntry.getTitle()}
324 </p>
325 <p class="more-content__grid__item text__body--small more-content__grid--nome">
326 ${documentLanguage}
327 </p>
328 <p class="more-content__grid__item text__body--small more-content__grid--data">
329 <#if (locale=="pt_BR")>
330 ${fileEntry.getCreateDate()?date?string("dd-MM-yyyy")?replace("-","/")}
331 <#else>
332 ${fileEntry.getCreateDate()?date?string("yyyy-MM-dd")?replace("-","/")}
333 </#if>
334 <p class="more-content__grid__item text__body--small more-content__grid--nome">
335 <#if fileEntry.getExtension() != "" >
336 ${fileEntry.getExtension()}
337 <#else>
338 "Vídeo"
339 </#if>
340 </p>
341
342 <p class="more-content__grid__item text__body--small more-content__grid--tamanho">
343 <#assign size = ""/>
344 <#assign sizeKB = fileEntry.getSize() / 1024>
345 <#assign sizeMB = sizeKB / 1024>
346
347 <#if (fileEntry.getSize() != 0)>
348 <#if (sizeMB >= 1)>
349 ${sizeMB?round}MB
350 <#else>
351 ${sizeKB?round}KB
352 </#if>
353 <#else>
354 "N/A"
355 </#if>
356 </p>
357 <#assign dlFileEntryId = fileEntry.getFileEntryId() />
358 <#assign groupId = themeDisplay.getSiteGroupId() />
359 <#assign dlFileEntryFolderId = fileEntry.getFolderId() />
360 <#assign dlFileEntryUuid = fileEntry.getUuid() />
361 <#assign fileName = fileEntry.getFileName() />
362
363 <#-- Obter a URL padrão da imagem -->
364 <#assign imageEntryUrl = "/documents/${groupId}/${dlFileEntryFolderId}/${dlFileEntryUuid}/${dlFileEntryId}/${fileName}" />
365
366 <#assign downloadURL = "/c/document_library/get_file?groupId=${groupId}&uuid=${fileEntry.getUuid()}&groupId=${groupId}" />
367
368
369 <#if exclusividade && !themeDisplay.isSignedIn()>
370 <a class="more-content__grid__item text__body--small more-content__grid--icone" onclick="toLoginParams('${fileName}')">
371 <svg width="24" height="24" viewBox="0 0 24 24" fill="#0063DE" xmlns="http://www.w3.org/2000/svg">
372 <mask id="mask0_3029_17730" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="1" width="16" height="21">
373 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9992 8.2002C18.9992 8.2002 19.7992 9.0002 19.7992 10.0002V20.0002C19.7992 21.0002 18.9992 21.8002 17.9992 21.8002H5.99922C4.99922 21.8002 4.19922 21.0002 4.19922 20.0002V10.0002C4.19922 9.0002 4.99922 8.2002 5.99922 8.2002H6.99922H7.19922V8.0002V6.0002C7.19922 3.4002 9.39922 1.2002 11.9992 1.2002C14.5992 1.2002 16.7992 3.4002 16.7992 6.0002V8.0002V8.2002H16.9992H17.9992ZM8.79922 6.0002V8.0002V8.2002H8.99922H14.9992H15.1992V8.0002V6.0002C15.1992 4.2002 13.7992 2.8002 11.9992 2.8002C10.1992 2.8002 8.79922 4.2002 8.79922 6.0002ZM18.1992 20.0002V10.0002V9.8002H17.9992H5.99922H5.79922V10.0002V20.0002V20.2002H5.99922H17.9992H18.1992V20.0002ZM13.7992 15.0002C13.7992 15.9943 12.9933 16.8002 11.9992 16.8002C11.0051 16.8002 10.1992 15.9943 10.1992 15.0002C10.1992 14.0061 11.0051 13.2002 11.9992 13.2002C12.9933 13.2002 13.7992 14.0061 13.7992 15.0002Z" fill="black"/>
374 </mask>
375 <g mask="url(#mask0_3029_17730)">
376 <rect width="24" height="24" fill="#0063DE"/>
377 </g>
378 </svg>
379 </a>
380 <#else>
381 <a class="more-content__grid__item text__body--small more-content__grid--icone" href="${downloadURL}" download>
382 <img src="/documents/d/guest/downloader_icon" alt="icone de download" />
383 </a>
384 </#if>
385 </div>
386 </#if>
387 </#list>
388 </#if>
389 </#if>
390 </#list>
391 </#list>
392 </div>
393 </#if>
394 </div>
395 </div>
396 </#list>
397 </div>
398 <button class="b3__gateway--material--container__btn-view-more button-md">
399 Ver mais
400 </button>
401</section>
402
403<style>
404 .more-content__grid .more-content__grid--icone > svg {
405 cursor: pointer;
406 }
407
408 .green-color {
409 color: #008750
410 }
411
412 .exclusive__tag{
413 margin-right: 1.125rem;
414 }
415
416 .b3__gateway--material--container {
417 max-width: 79.125rem;
418 margin: auto;
419 padding: 0;
420 margin-top:2.375rem;
421 }
422
423 .b3__gateway--material--container--grid--body {
424 min-height: 2.75rem;
425 border-bottom: 0.0625rem solid var(--bg-gray-2, #E3E5E7);
426 }
427
428 .b3__gateway--material--container--grid--body:first-child {
429 border-top: 0.0625rem solid var(--bg-gray-2, #E3E5E7);
430 }
431
432 .b3__gateway--material--container--grid--body .b3__gateway--material--container--grid--body__widgets {
433 display: flex;
434 justify-content: space-between;
435 align-items: center;
436 cursor: pointer;
437 width: auto;
438 padding: 0 0.75rem;
439 }
440
441 .b3__gateway--material--container--grid--body__widgets .title {
442 color: var(--text-text-emphasis-light, var(--text-emphasis-light, #40444d));
443 margin: 0;
444 font-style: normal;
445 line-height: 120%;
446 letter-spacing: 0.03125rem;
447 text-transform: uppercase;
448 width: auto;
449 }
450
451 .b3__gateway--material--container--grid--body__widgets .container:nth-child(1){
452 width: 100%;
453 }
454
455 .b3__gateway--material--container--grid--body__widgets .container {
456 display: flex;
457 align-items: center;
458 justify-content: flex-start;
459 width: auto;
460 gap: var(--spacer-1);
461 margin: 0;
462 padding: 0.75rem 0;
463 min-width: 160px;
464 }
465
466 .b3__gateway--material--container--grid--body__widgets .container:last-child {
467 padding: 0.75rem 0 0.75rem 0.75rem;
468 width: 17%;
469 }
470
471 .b3__gateway--material--container--grid--body__widgets .container .container--rotate-down {
472 transform: rotate(0deg);
473 transition: transform 0.3s ease;
474 }
475
476 .b3__gateway--material--container--grid--body__widgets .container .container--rotate-up {
477 transform: rotate(180deg);
478 transition: transform 0.3s ease;
479 }
480
481 .b3__gateway--material--container--grid--body__widgets .container .container__status {
482 color: var(--text-text-light, #666E7A);
483 text-align: right;
484 font-style: normal;
485 font-weight: 400;
486 line-height: 1.375rem;
487 margin: 0;
488 }
489
490 .b3__gateway--material--container--grid--body__widgets .container .blue {
491 color: var(--links-interaction-light, var(--interaction-light));
492 font-style: normal;
493 line-height: 120%;
494 letter-spacing: 0.03125rem;
495 text-transform: uppercase;
496 font-weight: 700;
497 font-size: 12px;
498 }
499
500 .b3__gateway--material--container--grid--body .more-content {
501 display: none;
502 padding: 0 0.75rem;
503 margin: var(--spacer-2) 0 var(--spacer-4) 0;
504 }
505
506 .content-active {
507 display: flex;
508 flex-direction: column;
509 gap: 24px;
510
511 padding: 0 0.75rem;
512 }
513
514 .more-content .more-content__mark {
515 display: flex;
516 flex-direction: column;
517 justify-content: center;
518 align-items: start;
519 }
520
521 .more-content .more-content__mark--title {
522 color: var(--text-text-emphasis-light, var(--text-emphasis-light, #40444d));
523
524 font-size: 0.938rem;
525 line-height: 150%;
526 }
527
528 .more-content .more-content__mark--desc {
529 color: var(--text-text-light, #666E7A);
530
531 font-size: 0.844rem;
532 font-weight: 400;
533 line-height: 150%;
534
535 margin: 0;
536 }
537
538 .more-content .more-content__text {
539 color: var(--text-text-light, #666E7A);
540 font-style: normal;
541 line-height: var(--spacer-4);
542 margin: 0;
543 }
544
545 .more-content .more-content__related-files {
546 padding: 0.75rem;
547 border-radius: var(--spacer-1);
548 background: var(--support-bg-gray-1, #F6F6F7);
549 }
550
551 .more-content__related-files .more-content__related-files__title {
552 color: var(--text-text-emphasis-light, var(--text-emphasis-light, #40444d));
553 font-style: normal;
554 font-weight: 600;
555 line-height: 1.25rem;
556 margin: 0;
557 }
558
559 .more-content__grid {
560 display: flex;
561 justify-content: space-between;
562 align-items: center;
563 font-size: 0.844rem;
564 font-weight: 400;
565 line-height: 150%;
566 min-height: 2.75rem;
567 border-bottom: 0.0625rem solid var(--bg-gray-2, #E3E5E7);
568 }
569
570 .more-content__grid:last-of-type {
571 border-bottom: none;
572 }
573
574 .more-content__grid .more-content__grid__item {
575 color: var(--text-text-emphasis-light, var(--text-emphasis-light, #40444d));
576
577 /* Web/text__body--small */
578 font-style: normal;
579 line-height: 150%;
580 margin: 0;
581 padding: 0.75rem;
582 }
583
584 .more-content__grid .more-content__grid__item:first-child {
585 width: 45%;
586 }
587
588 .more-content__grid .more-content__grid__item {
589 width: 13.75%;
590 }
591
592 .more-content__grid .more-content__grid--data {
593 display: flex;
594 justify-content: start;
595 }
596
597 .more-content__grid .more-content__grid__item:nth-child(3) {
598 display: flex;
599 justify-content: center;
600 }
601
602 .more-content__grid .more-content__grid--tamanho {
603 display: flex;
604 justify-content: center;
605 }
606
607 .more-content__grid .more-content__grid__item:last-child {
608 display: flex;
609 justify-content: end;
610 }
611
612 .b3__gateway--material--container__bottom {
613 display: flex;
614 justify-content: space-between;
615 align-items: center;
616 margin: var(--spacer-4) 0 0 0;
617 }
618
619 .b3__gateway--material--container__bottom .b3__gateway--material--container__bottom__first {
620 position: relative;
621 display: inline-block;
622 margin-left: 0.563rem;
623 }
624
625 .b3__gateway--material--container__bottom__first .dropdown-text {
626 color: var(--focus-or-selection-focus, #00B0E6);
627
628 font-style: normal;
629 line-height: 1.375rem;
630 display: flex;
631 align-items: center;
632 cursor: pointer;
633 }
634
635 .b3__gateway--material--container__bottom__first .dropdown-text span {
636 margin: 0 0.5625rem;
637 color: var(--text-text-emphasis-light, var(--text-emphasis-light, #40444d));
638 }
639
640 .dropdown-options {
641 position: absolute;
642 top: 100%;
643 left: 0;
644 display: none;
645 border: 0.0625rem solid #ccc;
646 border-top: none;
647 width: 7.5rem;
648 background-color: var(--bg-light, #fff);
649 }
650
651 .dropdown-option {
652 padding: 0.625rem;
653 cursor: pointer;
654 }
655
656 .dropdown-option.selected {
657 background-color: #f0f0f0;
658 }
659
660 .b3__gateway--material--container__btn-view-more {
661 display: none;
662 }
663
664
665 #b3__gateway--material--pagination--container ul {
666 list-style: none;
667 display: flex;
668 justify-content: flex-end;
669 align-items: center;
670 margin: 0;
671 }
672
673 #b3__gateway--material--pagination--container ul>li {
674 display: flex;
675 align-items: center;
676 justify-content: center;
677 margin: 0;
678 padding: 0;
679 width: 2.625rem;
680 height: 2.625rem;
681 }
682
683 #b3__gateway--material--pagination--container ul>li:first-child>.current,
684 #b3__gateway--material--pagination--container ul>li:last-child>.current {
685 border: none;
686 }
687
688 #b3__gateway--material--pagination--container ul>.active>.current {
689 width: 1.875rem;
690 height: 1.875rem;
691 border-radius: 50%;
692 border: 0.125rem solid var(--focus, #00b0e6);
693 padding: var(--spacer-1);
694 color: var(--text-emphasis-light, #40444d);
695 font-size: 0.9375rem;
696 font-style: normal;
697 font-weight: 600;
698 line-height: 1.25rem;
699 text-align: center;
700 display: flex;
701 justify-content: center;
702 align-items: center;
703 }
704
705 #b3__gateway--material--pagination--container .ellipse {
706 color: var(--interaction-light, #0063DE);
707 text-align: center;
708 font-size: 0.9375rem;
709 font-style: normal;
710 font-weight: 600;
711 line-height: 1.25rem;
712 }
713
714 #b3__gateway--material--pagination--container .page-link {
715 display: flex;
716 align-items: center;
717 justify-content: center;
718 border: none;
719 width: 2.625rem;
720 height: 2.625rem;
721 padding: 0.625rem;
722 margin: 0;
723 text-align: center;
724 font-size: 0.9375rem;
725 font-style: normal;
726 font-weight: 600;
727 line-height: 1.25rem;
728 }
729
730 #b3__gateway--material--pagination--container .page-link:hover {
731 background-color: transparent;
732 border: none;
733 }
734
735 #b3__gateway--material--pagination--container .page-link:focus {
736 background-color: transparent;
737 border: none;
738 }
739
740 .b3__gateway--material--container--grid--body__widgets .container .arrow-down {
741 margin-left: auto;
742 }
743
744 @media screen and (max-width: 768px) {
745
746 .b3__gateway--material--container {
747 padding: var(--spacer-4);
748
749 }
750
751 .b3__gateway--material--container--grid--body {
752 border-radius: var(--spacer-1);
753 border: 0.0625rem solid var(--support-bg-gray-2, var(--bg-gray-2, #E3E5E7));
754 box-shadow: 0px 0.1875rem 0.1875rem 0px rgba(102, 110, 122, 0.10);
755 margin-bottom: 0.75rem;
756 padding: 0.75rem;
757 display: flex;
758 flex-direction: column;
759 }
760
761 .b3__gateway--material--container--grid--body__widgets {
762 flex-direction: column !important;
763 justify-content: center;
764 align-items: start !important;
765 position: relative;
766 }
767
768 .b3__gateway--material--container--grid--body__widgets .title {
769 padding: 0;
770 width: 100%;
771 margin: var(--spacer-4) 0;
772 }
773
774 .b3__gateway--material--container--grid--body__widgets .container {
775 width: 100%;
776 }
777
778 .exclusive__tag{
779 display: none;
780 }
781
782 .b3__gateway--material--container--grid--body__widgets .container.container__title {
783 order: 2;
784 padding: 0;
785
786 }
787
788 .b3__gateway--material--container--grid--body__widgets .container.container__status {
789 order: 3;
790 padding: 0;
791 margin-bottom: var(--spacer-2, 0.75rem);
792 }
793
794 .b3__gateway--material--container--grid--body__widgets .container.container__tag {
795 order: 1;
796 padding: 0;
797 }
798
799 .b3__gateway--material--container--grid--body__widgets .container.container__date {
800 order: 4;
801 padding:0;
802 width: 100%;
803
804 }
805
806 /*.b3__gateway--material--container--grid--body__widgets .container:last-child {
807 padding: 0.75rem 0;
808 }*/
809
810 .b3__gateway--material--container--grid--body__widgets .container .arrow-down {
811 position: absolute;
812 top: 0;
813 right: 0;
814 margin: 0;
815 }
816
817 .more-content__grid .more-content__grid__item {
818 width: initial !important;
819 }
820
821 .more-content__grid .more-content__grid__item:last-child {
822 display: flex;
823 justify-content: start;
824 padding-left: 0;
825 }
826
827 .more-content__grid {
828 display: grid;
829 grid-template-columns: 1fr 1fr;
830 justify-content: center;
831 grid-template-areas: "tipo data" "nome ." "icone .";
832 border-radius: var(--spacer-1);
833 border: 0.0625rem solid var(--bg-gray-2, #E3E5E7);
834 margin: 0.75rem 0;
835 padding: 0.75rem;
836 gap: 0.75rem;
837 }
838
839 .more-content__grid .more-content__grid--nome {
840 grid-area: unset;
841 font-size: 1.125rem;
842 font-weight: 400;
843 line-height: 150%;
844 padding: 0;
845 }
846
847 .more-content__grid .more-content__grid--data {
848 grid-area: data;
849 justify-self: end;
850 color: #666e7a;
851 font-size: 0.844rem;
852 font-weight: 400;
853 line-height: 150%;
854 display: flex;
855 gap: 0.1875rem;
856 }
857
858 .more-content__grid .more-content__grid--data::before {
859 content: url("/documents/d/guest/date_range-2");
860 }
861
862 .more-content__grid .more-content__grid--nome {
863 justify-content: end;
864 }
865
866 .more-content__grid .more-content__grid__item:nth-child(3) {
867 justify-self: start;
868 padding: 0.4375rem 0.875rem !important;
869 border-radius: 2.9375rem;
870 background: var(--text-emphasis-light, #40444d);
871 color: var(--bg-light, #fff);
872 text-align: center;
873 font-size: 0.625rem;
874 font-weight: 700;
875 line-height: 1.375rem;
876 letter-spacing: 0.09375rem;
877 text-transform: uppercase;
878 grid-area: tipo;
879
880 }
881
882 .more-content__grid .more-content__grid--icone {
883 display: flex;
884 align-items: center;
885 justify-content: center;
886 padding: var(--spacer-1) var(--spacer-3);
887 grid-area: icone;
888 gap: 0.75rem;
889 }
890
891 .more-content__grid .more-content__grid--icone::after {
892 content: "BAIXAR";
893 color: var(--interaction-light);
894 font-size: 0.75rem;
895 font-weight: 700;
896 text-align: center;
897 text-transform: uppercase;
898 line-height: 1.375rem;
899 letter-spacing: 0.09375rem;
900 }
901
902 .more-content__grid .more-content__grid--formato {
903 display: none;
904 }
905
906 .more-content__grid .more-content__grid--tamanho {
907 display: none;
908 }
909
910 .b3__gateway--material--container__bottom .b3__gateway--material--container__bottom__first {
911 display: none;
912 }
913
914 .b3__gateway--material--container__btn-view-more {
915 display: block;
916 border-radius: 6.25rem;
917 border: 0.0625rem solid var(--links-interaction-light, var(--interaction-light));
918 margin: var(--spacer-4) auto 2.25rem auto;
919 width: 100%;
920 padding: 0.4375rem var(--spacer-3);
921 color: var(--links-interaction-light, var(--interaction-light));
922 background-color: transparent;
923 text-align: center;
924
925 /* Web/text__button */
926
927
928 font-style: normal;
929
930 line-height: 1.375rem;
931 letter-spacing: 0.09375rem;
932 text-transform: uppercase;
933 }
934
935 .b3__gateway--material--container__btn-view-more--disabled {
936 color: #ccc;
937 border-color: #ccc;
938 }
939 }
940
941 @media screen and (max-width: 760px) {
942 #b3__gateway--material--pagination--container {
943 display: none;
944 }
945 }
946</style>
947
948<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
949<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" ></script>
950<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js" ></script>
951<script src="https://cdnjs.cloudflare.com/ajax/libs/simplePagination.js/1.6/jquery.simplePagination.js"></script>
952
953<script>
954
955 function toLoginParams(objTitle) {
956 localStorage.setItem("materialTitle", objTitle)
957 window.location.href = '/login?prev=/roadmap/melhorias-pontuais'
958 }
959
960 function toggleDisplay(container) {
961 var fatherMoreContent = container.parentElement;
962 var moreContent = fatherMoreContent.querySelector(".more-content");
963 var arrowIcon = container.querySelector(".arrow-down");
964
965 if (
966 moreContent.style.display === "none" ||
967 moreContent.style.display === ""
968 ) {
969 moreContent.style.display = "flex";
970 moreContent.classList.add("content-active");
971 arrowIcon.classList.add("container--rotate-up");
972 } else {
973 moreContent.style.display = "none";
974 moreContent.classList.remove("content-active");
975 arrowIcon.classList.remove("container--rotate-up");
976 arrowIcon.classList.add("container--rotate-down");
977 }
978 }
979
980 var containerMaterialApoio = document.querySelectorAll(
981 ".b3__gateway--material--container--grid--body__widgets"
982 );
983
984 containerMaterialApoio.forEach(function (container) {
985 container.addEventListener("click", function () {
986 toggleDisplay(container);
987 });
988 });
989
990 document.addEventListener("DOMContentLoaded", function() {
991 var moreContentDiv = document.querySelector('.more-content__mark');
992
993 if (moreContentDiv && moreContentDiv.innerHTML.trim() === '') {
994 moreContentDiv.style.display = 'none';
995 }
996 });
997</script>
