1<footer id="st-footer" class="st-footer" role="contentinfo">
2 <div class="st-wrapper">
3 <div class="st-container-top">
4 <#if partenairesFieldset.partenaireFieldset.getSiblings()?has_content
5 && partenairesFieldset.partenaireFieldset.getSiblings()?first.linkPartenaire.data?has_content
6 && partenairesFieldset.partenaireFieldset.getSiblings()?first.logoPartenaire?has_content
7 && partenairesFieldset.partenaireFieldset.getSiblings()?first.logoPartenaire.data != '{}'>
8 <div class="st-bloc-partenaires">
9 <h2 class="st-h3">
10 ${partenairesFieldset.partenaires.data}
11 </h2>
12 <ul class="st-partenaires">
13 <#list partenairesFieldset.partenaireFieldset.getSiblings() as cur_partenaire>
14 <#if cur_partenaire.linkPartenaire.data?has_content && cur_partenaire.logoPartenaire?has_content && cur_partenaire.logoPartenaire.data != '{}'>
15 <li>
16 <a href="${cur_partenaire.linkPartenaire.data}" rel="noopener" target="_blank" class="st-btn-img"
17 title="${cur_partenaire.logoPartenaire.getAttribute("alt")}">
18 <img alt=""
19 data-fileentryid="${cur_partenaire.logoPartenaire.getAttribute("fileEntryId")}"
20 src="${cur_partenaire.logoPartenaire.getData()}" />
21 <span class="st-tooltip-logo" aria-hidden="true">${cur_partenaire.logoPartenaire.getAttribute("alt")}</span>
22 <span class="st-sr-only">${cur_partenaire.logoPartenaire.getAttribute("alt")}</span>
23 </a>
24 </li>
25 </#if>
26 </#list>
27 </ul>
28 </div>
29 </#if>
30 <#if socialsNetworksFieldSet.socialNetworkFieldSet.getSiblings()?has_content>
31 <div class="st-social">
32 <div class="st-title">
33 <p class="st-surtitre">
34 ${socialsNetworksFieldSet.followUs.data}
35 </p>
36 <#if socialsNetworksFieldSet.hashtag.getData()?has_content>
37 <p class="st-hashtag">#${socialsNetworksFieldSet.hashtag.getData()}</p>
38 </#if>
39 </div>
40 <ul class="st-social-links">
41 <#list socialsNetworksFieldSet.socialNetworkFieldSet.getSiblings() as cur_socialNetwork>
42 <li>
43 <a href="${cur_socialNetwork.socialNetworkURL.data}" rel="noopener" target="_blank" class="st-btn-icon"
44 title="${cur_socialNetwork.classePicto.data}">
45 <span class="st-icon-${cur_socialNetwork.classePicto.data}" aria-hidden="true"></span>
46 <span class="st-sr-only">${cur_socialNetwork.classePicto.data}</span>
47 </a>
48 </li>
49 </#list>
50 </ul>
51 </div>
52 </#if>
53 </div>
54 </div>
55 <div class="st-wrapper">
56 <div class="st-container">
57 <div class="st-col-left">
58 <h2 class="st-h3">
59 ${addressFieldSet.addressLine1.data}
60 </h2>
61 <div class="st-adresse">
62 <p>
63 ${addressFieldSet.addressLine2.data}
64 <br>
65 ${addressFieldSet.addressLine3.data}
66 </p>
67 </div>
68 <#if locationLinkLabelFieldSet.locationLinkURL.getFriendlyUrl()?has_content ||
69 cityHallLinkLabelFieldSet.cityHallLinkURL.getFriendlyUrl()?has_content>
70 <ul class="st-liens-rapides">
71 <#if locationLinkLabelFieldSet.locationLinkURL.getFriendlyUrl()?has_content>
72 <li>
73 <a href="${locationLinkLabelFieldSet.locationLinkURL.getFriendlyUrl()}" class="st-lien">
74 <span class="st-icon-itineraire" aria-hidden="true"></span>
75 <span class="st-text">
76 ${locationLinkLabelFieldSet.locationLinkLabel.data}
77 </span>
78 </a>
79 </li>
80 </#if>
81 <#if cityHallLinkLabelFieldSet.cityHallLinkURL.getFriendlyUrl()?has_content>
82 <li>
83 <a href="${cityHallLinkLabelFieldSet.cityHallLinkURL.getFriendlyUrl()}" class="st-lien">
84 <span class="st-icon-maison" aria-hidden="true"></span>
85 <span class="st-text">
86 ${cityHallLinkLabelFieldSet.cityHallLinkLabel.data}
87 </span>
88 </a>
89 </li>
90 </#if>
91 </ul>
92 </#if>
93 <#if (phoneNumberFieldSet.phoneLink.data?has_content && phoneNumberFieldSet.phoneNumber.data?has_content) ||
94 (contactLinkLabelFieldSet.linkContact.data?has_content && contactLinkLabelFieldSet.labelContact.data?has_content)>
95 <ul class="st-liens-contact">
96 <#if phoneNumberFieldSet.phoneLink.data?has_content && phoneNumberFieldSet.phoneNumber.data?has_content>
97 <li>
98 <a href="tel:${phoneNumberFieldSet.phoneLink.data}"
99 class="st-btn st--btn-secondary st--btn-footer st-btn-phone">
100 <span>${phoneNumberFieldSet.phoneNumber.data}</span>
101 </a>
102 </li>
103 </#if>
104 <#if contactLinkLabelFieldSet.linkContact.data?has_content && contactLinkLabelFieldSet.labelContact.data?has_content>
105 <li>
106 <a href="${contactLinkLabelFieldSet.linkContact.data}"
107 class="st-btn st--btn-secondary st--btn-footer st-btn-mail">
108 <span>${contactLinkLabelFieldSet.labelContact.data}</span>
109 </a>
110 </li>
111 </#if>
112 </ul>
113 </#if>
114 </div>
115 <div class="st-col-right">
116 <#if documentFieldSet.document?has_content && documentFieldSet.document.data?has_content>
117 <div class="st-bloc-editions-dossiers">
118 <div class="st-edition">
119 <div class="st-image">
120 <figure class="st-figure st-fit-cover" role="group">
121 <img alt="" loading="lazy" src="${documentFieldSet.document.getAttribute("url")+"?documentThumbnail=1"}">
122 </figure>
123 </div>
124 <div class="st-content">
125 <h3 class="st-h4">
126 ${documentFieldSet.labelDocument.data}
127 </h3>
128 <a href="${documentFieldSet.document.getData()}" download class="st-btn-primary st-btn-download">
129 <@liferay_ui.message key="eu.download" />
130 </a>
131 <a href="${documentFieldSet.document.getData()}" class="st-btn-primary st-btn-view">
132 <@liferay_ui.message key="eu.edition.view" />
133 </a>
134 </div>
135 </div>
136 </div>
137 </#if>
138 <#if (strasappFieldset.linkAppstore?has_content || strasappFieldset.linkGoogleplay?has_content) &&
139 strasappFieldset.labelStrasapp?has_content>
140 <div class="st-bloc-apps">
141 <h3 class="st-h4">
142 ${strasappFieldset.labelStrasapp.data}
143 </h3>
144 <ul class="st-apps">
145 <#if strasappFieldset.linkAppstore?has_content>
146 <li>
147 <a href="${strasappFieldset.linkAppstore.data}" rel="noopener" target="_blank" class="st-btn-img"
148 title="<@liferay_ui.message key="eu.download.appstore" />">
149 <img alt="" src="/o/strasbourg-theme/images/appStore.png" />
150 <span class="st-sr-only"><@liferay_ui.message key="eu.download.appstore" /></span>
151 </a>
152 </li>
153 </#if>
154 <#if strasappFieldset.linkGoogleplay?has_content>
155 <li>
156 <a href="${strasappFieldset.linkGoogleplay.data}" rel="noopener" target="_blank" class="st-btn-img"
157 title="<@liferay_ui.message key="eu.download.googleplay" />">
158 <img alt="" src="/o/strasbourg-theme/images/googlePlay.png" />
159 <span class="st-sr-only"><@liferay_ui.message key="eu.download.googleplay" /></span>
160 </a>
161 </li>
162 </#if>
163 </ul>
164 </div>
165 </#if>
166 </div>
167 </div>
168 </div>
169 <div class="st-container-mentions">
170 <ul class="st-liens">
171 <#if subfooterLinkLabelFieldSet.getSiblings()?has_content>
172 <#list subfooterLinkLabelFieldSet.getSiblings() as cur_subfooterLinkLabel>
173 <li>
174 <#if cur_subfooterLinkLabel.Lien2ga2.getFriendlyUrl()?has_content>
175 <a href="${cur_subfooterLinkLabel.Lien2ga2.getFriendlyUrl()}"
176 title="${cur_subfooterLinkLabel.subfooterLinkLabel.data}">
177 ${cur_subfooterLinkLabel.subfooterLinkLabel.data}
178 </a>
179 <#else>
180 <#if cur_subfooterLinkLabel.activeTab?? && cur_subfooterLinkLabel.activeTab.data??
181 && cur_subfooterLinkLabel.activeTab.data=="true">
182 <a href="${cur_subfooterLinkLabel.ExtLink.data}">
183 ${cur_subfooterLinkLabel.subfooterLinkLabel.data}
184 </a>
185 <#else>
186 <a href="${cur_subfooterLinkLabel.ExtLink.data}" target="_blank">
187 ${cur_subfooterLinkLabel.subfooterLinkLabel.data}
188 </a>
189 </#if>
190
191 </#if>
192 </li>
193 </#list>
194 </#if>
195 </ul>
196 </div >
197</footer>