1<#-- 

2Widget templates can be used to modify the look of a 

3specific application. 

4 

5Please use the right panel to quickly add commonly used variables. 

6Autocomplete is also available and can be invoked by typing "${". 

7--> 

8 

9<#include "${templatesPath}/1975398" /> 

10	 

11<#assign journalArticleService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 

12 

13<#function extractFooterInfo curEntry journalArticleService > 

14  <#if !curEntry?? > 

15    <#return {} /> 

16  </#if> 

17     

18  <#assign article = journalArticleService.getLatestArticle(curEntry.getClassPK()) /> 

19  <#if !article??> 

20    <#return {} /> 

21  </#if> 

22 

23  <#assign ddmStructure = article.getDDMStructure() /> 

24  <#if !ddmStructure??> 

25    <#return {} /> 

26  </#if> 

27 

28  <#assign productCategories = [] /> 

29	 

30  <#assign fieldList = getFieldListByStructure(ddmStructure) /> 

31  <#assign xmlArticle = article.getDocument().getRootElement() /> 

32		 

33 

34  <#assign cookiesLabel = getFieldValue(fieldList, xmlArticle, "Definições de Cookies - Rótulo") /> 

35  <#assign copyrightMessage = getFieldValue(fieldList, xmlArticle, "Mensagem de Copyright") /> 

36	 

37	<#assign linkItemGroupXMLList = getNodesByLabel(fieldList, xmlArticle, "Links do rodapé")> 

38	<#assign linksAndLabels = []> 

39  <#list linkItemGroupXMLList as linkItemGroupXML> 

40		<#assign obj = { 

41		  "link": getFieldValue(fieldList, linkItemGroupXML, "Link"), 

42		  "label": getFieldValue(fieldList, linkItemGroupXML, "Rótulo") 

43		} /> 

44		<#assign linksAndLabels = linksAndLabels + [obj] /> 

45	</#list> 

46  <#return { 

47    "linksAndLabels": linksAndLabels, 

48    "cookiesLabel" : cookiesLabel, 

49		"copyrightMessage": copyrightMessage 

50  } /> 

51</#function> 

52 

53	 

54<#macro renderConfigFooterDates entry journalArticleService > 

55	  <#assign info = extractFooterInfo(entry journalArticleService) /> 

56   

57	 

58    <div class="fragment-footer breakpoint" id="pet-fragment-footer"> 

59			 

60    <div class="petrobras-footer col-1-12 md-col-1-8 sm-col-1-4"> 

61        <div class="footer-other-links-container"> 

62            <div class="footer-links"> 

63                <a class="menu-item-footer button-sm-regular ot-sdk-show-settings" id="ot-sdk-btn"  target="_blank" tabindex="0">${info.cookiesLabel} </a> 

64					      <#list info.linksAndLabels as link> 

65									 <a class="button-sm-regular" open="_blank" 

66											href='${link.link}' 

67											tabindex="0"> 

68											${link.label} 

69									</a> 

70								</#list> 

71            </div> 

72            <p class="footer_copyright button-sm-regular">${info.copyrightMessage}</p> 

73        </div>  

74    </div>  

75 

76 

77    </div> 

78	 

79</#macro> 

80		 

81<#if entry?has_content> 

82    <@renderConfigFooterDates entry journalArticleService /> 

83</#if> 

84		 

85 

86<style> 

87 

88 

89    .petrobras-footer * { 

90        margin: 0; 

91        padding: 0; 

92    } 

93 

94    .petrobras-footer { 

95        display: flex; 

96        justify-content: space-between; 

97        font-family: var(--font-family-base); 

98        width: 100%; 

99        background: var(--color-background-default-level-02) 

100    } 

101 

102 

103    .petrobras-footer .footer-other-links-container { 

104        display: flex; 

105        justify-content: space-between; 

106        gap: 16px; 

107        width: 100%; 

108        margin: var(--space-xl) 0 !important; 

109    } 

110 

111    .petrobras-footer .footer-other-links-container .footer-links { 

112        display: flex; 

113        gap: var(--space-md); 

114    } 

115 

116    .petrobras-footer .footer-other-links-container .footer-links p, 

117    .petrobras-footer .footer-other-links-container .footer-links a { 

118        color: var(--color-text-primary-default); 

119    } 

120 

121    /*Cookies button*/ 

122    .petrobras-footer .footer-other-links-container .footer-links 

123    #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings { 

124      color: var(--color-text-primary-default); 

125      border: none; 

126      padding: 0; 

127      font-size: var(--font-size-xxxs); 

128      line-height: var(--line-height-lg); 

129    } 

130 

131    .petrobras-footer .footer-other-links-container .footer-links 

132    #ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover { 

133      background: transparent; 

134      color: var(--color-neutral-800); 

135    } 

136     

137     

138    .petrobras-footer .footer-other-links-container .footer_copyright { 

139        color: var(--color-neutral-dark-to-bright-300, var(--color-neutral-600)); 

140    } 

141         

142 

143 

144    @media (max-width: 1200px) { 

145 

146        .petrobras-footer .footer-other-links-container { 

147            display: flex; 

148            flex-direction: column; 

149            margin: 48px auto 55px auto; 

150            align-items: center; 

151            text-align: center; 

152            justify-content: flex-start; 

153            gap: var(--space-md); 

154        } 

155                 

156        .petrobras-footer .footer-other-links-container p { 

157            margin-left: 0; 

158        } 

159 

160        .petrobras-footer .footer-other-links-container .footer-links { 

161            display: flex; 

162            flex-direction: column; 

163            gap: var(--space-md); 

164        } 

165                 

166                 

167        .petrobras-footer .footer-other-links-container .footer-links a, 

168        .petrobras-footer .footer-other-links-container .footer-links p { 

169            margin-left: 0; 

170        } 

171 

172    } 

173     

174    @media (max-width: 767px) { 

175         

176        .petrobras-footer .footer-other-links-container .footer_copyright { 

177            padding-bottom: 25px; 

178        } 

179	} 

180 

181</style>