1<#macro cleanUnicode field>
2 <#assign result = field?replace("\\u00e9", "é")?replace("\\u00e0", "à")?replace("\\u2019", "'") />
3 ${result}
4</#macro>
5
6<#assign showBreadcrumb = themeDisplay.getThemeSetting("show-breadcrumb")?boolean />
7<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()>
8
9
10<#assign image = (header.Visual.getData())!"" />
11<#assign hideHeaderFlag = getterUtil.getBoolean(header.hideHeader.getData()) />
12<#assign hideGetQuoteFlag = getterUtil.getBoolean(quoting_block.hideGetQuoteSection.getData()) />
13<#assign hideBottomLinksFlag = getterUtil.getBoolean(bottom_links.hideBottomLinks.getData()) />
14
15
16<!-- Article -->
17 <#assign url="#">
18 <#assign PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"] />
19 <#assign url=PortalUtil.getCurrentCompleteURL(request) />
20 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
21 <#assign portalURL = serviceContext.getThemeDisplay().getPortalURL() />
22 <#assign description=.vars['reserved-article-description'].data />
23 <#--
24 <#assign themeDisplay = serviceContext.getThemeDisplay() />
25 <#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
26 -->
27 <#-- Header section -->
28 <#-- TODO: if we have related content, then we should had the class ".t_fullArticle--hasAside" to the article element right below -->
29 <#assign hasRelated=false />
30 <#if (relatedArticles.relatedLinkToPage)?has_content && relatedArticles.relatedLinkToPage.getSiblings()?first.getData()?has_content>
31 <#assign hasRelated=true />
32 <article class="article-full">
33 <#else>
34 <article class="article-full"> <#-- OR -->
35 </#if>
36
37 <!-- hero-banner hero-banner--slim -->
38 <#if !hideHeaderFlag>
39 <#if image == "">
40 <p>Please include a background image if you select the option "Show Header"</p>
41 <#else>
42 <div class="hero-banner">
43 <div class="hero-banner__mask">
44 <picture>
45 <img class="lazyload" src="${image}" data-fileentryid="${header.Visual.getAttribute("fileEntryId")}" data-src="${image}" data-srcset="${image}" />
46 </picture>
47 <div class="hero-banner__mask">
48 <div class="hero-banner__container">
49 <div class="hero-banner__content text-left">
50 <#-- BREADCRUMBS -->
51 <#if !showBreadcrumb>
52 <div class="v2-hero-banner__breadcrumbs">
53
54 <#assign prefs = {
55 "displayStyle": "ddmTemplate_NEOBREADCRUMB",
56 "showCurrentGroup": "false",
57 "showGuestGroup": "false",
58 "showLayout": "true",
59 "showParentGroups": "true",
60 "showPortletBreadcrumb": "true"
61 } />
62 <#assign instanceId = .now?long>
63 <@liferay_portlet["runtime"]
64 portletName="com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet"
65 instanceId="Slim"
66 defaultPreferences = freeMarkerPortletPreferences.getPreferences(prefs)
67 />
68 </div>
69 </#if>
70 <h1 class="v2-hero-banner__title font-bold-publicoheadline color-white mt-4">${header.Visual.MainText.getData()}</h1>
71 <#if header.Visual.TextCenter.getData()?? && header.Visual.TextCenter.getData() != "">
72 <p class="v2-hero-banner__text color-white">${header.Visual.TextCenter.getData()}</p>
73 </#if>
74 <div class="t_introduction__ctas mt-4">
75 <#if header.Visual.ButtonLeft.ButtonLeftText.getData()?? && header.Visual.ButtonLeft.ButtonLeftText.getData() != "">
76 <a href="${header.Visual.ButtonLeft.getFriendlyUrl()}" class="btn btn--primary text-uppercase mr-3" onclick="pushDataLayerCTA(window.location.href + "${header.Visual.ButtonLeft.getFriendlyUrl()}", 'secondary red', "${header.Visual.ButtonLeft.ButtonLeftText.getData()}")">
77 ${header.Visual.ButtonLeft.ButtonLeftText.getData()}
78 </a>
79 </#if>
80 <#if header.Visual.ButtonRight.ButtonRightText.getData()?? && header.Visual.ButtonRight.ButtonRightText.getData() != "">
81 <a href="${header.Visual.ButtonRight.getFriendlyUrl()}" class="btn btn--light-white text-uppercase" onclick="pushDataLayerCTA(window.location.href + "${header.Visual.ButtonRight.getFriendlyUrl()}", 'ghost', "${header.Visual.ButtonRight.ButtonRightText.getData()}")">
82 <span class="t_button__label">${header.Visual.ButtonRight.ButtonRightText.getData()}</span>
83 </a>
84 </#if>
85 </div>
86 </div>
87 </div>
88 </div>
89 </div>
90 </div>
91 </#if>
92 </#if>
93 <!-- /hero-banner -->
94
95 <div class="article-full__content pb-4">
96 <div class="article-full__container container">
97
98 <!-- tag -->
99 <#if TopContent?has_content>
100 <div class="tg__tag">
101 <div class="tg__tag--container">
102 <#assign journalArticleId = .vars['reserved-article-id'].data>
103 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
104 <#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
105 <#assign articleResourcePK = journalArticleLocalService.getArticle(groupId,journalArticleId).getArticleResourceUuid()>
106 <#assign categoryList = assetEntryLocalService.fetchEntry(groupId,articleResourcePK).getCategories()>
107 <ul class="tg__tag--list">
108 <#list categoryList as category>
109 <li class="tg__tag--element">
110 <a class="t_tag__link">
111 ${category.getTitle(locale)}
112 </a>
113 </li>
114 </#list>
115 </ul>
116 </div>
117 </div>
118 </#if>
119 <!-- tag -->
120 <#assign fullColumn="full-column">
121 <#list relatedArticles.relatedLinkToPage.getSiblings() as relatedArticle>
122 <#if relatedArticle.getData()?has_content>
123 <#assign fullColumn="">
124 </#if>
125 </#list>
126
127 <#if (relatedArticles.relatedLinkToPage.getSiblings())?has_content>
128 <div class="article-full__row">
129 <#else>
130 <div class="article-full__row--">
131 </#if>
132 <div class="article-full__left ${fullColumn}">
133
134 <div class="article-full__text">
135 <#if themeDisplay.getURLCurrent()?contains(themeDisplay.getPathFriendlyURLPublic()+themeDisplay.getSiteGroup().getFriendlyURL())>
136 ${TopContent.getData()}
137 <#else>
138 ${TopContent.getData()?replace(themeDisplay.getPathFriendlyURLPublic()+themeDisplay.getSiteGroup().getFriendlyURL(),"")}
139 </#if>
140 </div>
141
142 <#-- Get Quote section -->
143 <#if !hideGetQuoteFlag>
144 <section class="t_block t_quote t_quote--xlarge" style="background-color:${quoting_block.background_color.getData()}">
145 <div class="t_block__inner t_quote__inner">
146 <h2 class="t_quoteTitle font-display-5 color-white font-medium-publicoheadline">${(quoting_block.Title.getData())!""}</h2>
147 <p class="t_mainText color-white font-medium">${quoting_block.paragraph.getData()}</p>
148 <#if quoting_block.Button.LinkText.getData()?? && quoting_block.Button.LinkText.getData() != "">
149 <div class="mt-2">
150 <a href="${quoting_block.Button.getFriendlyUrl()}" class="btn btn--light-white text-uppercase" onclick="pushDataLayerCTA(window.location.href + "${quoting_block.Button.getFriendlyUrl()}", 'ghost', "${quoting_block.Button.LinkText.getData()}")">
151 ${quoting_block.Button.LinkText.getData()}
152 </a>
153 </div>
154 </#if>
155 </div>
156 </section>
157 </#if>
158 <#-- Get Quote section -->
159
160 <#-- Mid content -->
161 <#if mid_content.getData()?has_content>
162 <section class="article-full__text mt-5">
163 <p>
164 <#if themeDisplay.getURLCurrent()?contains(themeDisplay.getPathFriendlyURLPublic()+themeDisplay.getSiteGroup().getFriendlyURL())>
165 ${mid_content.getData()}
166 <#else>
167 ${mid_content.getData()?replace(themeDisplay.getPathFriendlyURLPublic()+themeDisplay.getSiteGroup().getFriendlyURL(),"")}
168 </#if>
169 </p>
170 </section>
171 </#if>
172
173 <#-- Splitted images section -->
174 <#if (splitted_images.split_image.getSiblings())?has_content>
175 <!-- pictures-->
176 <section class="pictures mt-5">
177 <div class="pictures__inline pictures__inline--container">
178 <#list splitted_images.split_image.getSiblings() as image_splitted>
179 <#if (image_splitted.getData()?has_content
180 && image_splitted.getAttribute("fileEntryId")?has_content
181 && image_splitted.getAttribute("fileEntryId")?has_content
182 && image_splitted.getAttribute("alt")?has_content)>
183 <div class="pictures__inline pictures__inline--img-fluid">
184 <figure class="t_picture__element">
185 <img class="pictures__inline pictures__inline--card-img-top lazyload" data-fileentryid="${image_splitted.getAttribute("fileEntryId")}" alt="${image_splitted.getAttribute("alt")}" data-src="${image_splitted.getData()}" />
186 </figure>
187 <div class="pictures__inline pictures__inline--card-img-overlay">
188 <p class="pictures__inline pictures__inline--card-title color-white font-bold-publicoheadline font-display-5 pb-3">${image_splitted.split_image_text.getData()}</p>
189 </div>
190 </div>
191 </#if>
192 </#list>
193 </div>
194 </section>
195 <!-- pictures-->
196 </#if>
197
198 <#-- Bottom content -->
199 <#if bottom_content.getData()?has_content>
200 <section class="article-full__text mt-5">
201 <p>
202 <#if themeDisplay.getURLCurrent()?contains(themeDisplay.getPathFriendlyURLPublic()+themeDisplay.getSiteGroup().getFriendlyURL())>
203 ${bottom_content.getData()}
204 <#else>
205 ${bottom_content.getData()?replace(themeDisplay.getPathFriendlyURLPublic()+themeDisplay.getSiteGroup().getFriendlyURL(),"")}
206 </#if>
207
208 </p>
209 </section>
210 </#if>
211
212 </div>
213
214 <#if (relatedArticles.relatedLinkToPage.getSiblings())?has_content>
215 <div class="article-full__right">
216 <!-- Detail 1 -->
217
218 <#if (relatedArticles.relatedLinkToPage.getSiblings())?has_content>
219 <#list relatedArticles.relatedLinkToPage.getSiblings() as relatedArticle>
220 <#if relatedArticle?index=0 && relatedArticle.getData()?has_content>
221 <aside class="article-full__detail mb-3">
222 <div class="article-full__container color-white">
223 <div class="pb-3"><span class="font-bold-publicoheadline font-display-5"><@liferay.language key="related-assets" /></span></div>
224 <div class="article-full__detail--data font-normal">
225
226 <#assign layout>
227 <@cleanUnicode relatedArticle.getData() />
228 </#assign>
229 <#assign layout = layout?eval />
230
231 <#if layout?has_content>
232 <#assign pageTitle = "default2" />
233 <#--TITLE-->
234 <#if layout.title?? && layout.title?trim!="">
235 <#assign pageTitle = layout.title />
236 <#--NAME-->
237 <#elseif layout.name?? && layout.name?trim!="">
238 <#assign pageTitle = layout.name />
239 <#--LABEL-->
240 <#elseif layout.label?? && layout.label?trim!="">
241 <#assign pageTitle = layout.label />
242 <#--DEBUG-->
243 <#elseif layout?has_content>
244 <#assign pageTitle = "---." />
245 <#--EMPTY-->
246 <#else>
247 <#assign pageTitle = "---.." />
248 </#if>
249 <p class="article-full__detail--title">
250 <a class="color-white" href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a>
251 </p>
252 <script>
253 $('.article-full__right').css('display', 'block');
254 </script>
255 <#else>
256 <script>
257 $('.article-full__right').css('display', 'none');
258 </script>
259 </#if>
260
261
262 <#elseif relatedArticle.getData()?has_content>
263 <#attempt>
264 <#assign layout>
265 <@cleanUnicode relatedArticle.getData() />
266 </#assign>
267 <#assign layout = layout?eval />
268
269 <#if layout?has_content>
270 <#assign pageTitle = "default2" />
271 <#--TITLE-->
272 <#if layout.title?? && layout.title?trim!="">
273 <#assign pageTitle = layout.title />
274 <#--NAME-->
275 <#elseif layout.name?? && layout.name?trim!="">
276 <#assign pageTitle = layout.name />
277 <#--LABEL-->
278 <#elseif layout.label?? && layout.label?trim!="">
279 <#assign pageTitle = layout.label />
280 <#--DEBUG-->
281 <#elseif layout?has_content>
282 <#assign pageTitle = "---." />
283 <#--EMPTY-->
284 <#else>
285 <#assign pageTitle = "---.." />
286 </#if>
287 <p class="article-full__detail--title">
288 <a class="color-white" href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a>
289 </p>
290 <script>
291 $('.article-full__right').css('display', 'block');
292 </script>
293 <#else>
294 <script>
295 $('.article-full__right').css('display', 'none');
296 </script>
297 </#if>
298 <#recover>
299 <#-- Recover from error -->
300 <#assign layoutStr = relatedArticle.getData()?string/>
301 <#if layoutStr?contains("\\u2019")>
302 <#assign layoutStr = layoutStr?replace("\\u2019", "'")/>
303 <#assign layout = layoutStr?eval/>
304 <#if layout.name?? && layout.name?trim!="">
305 <#assign pageTitle = layout.name />
306 <#elseif layout.label?? && layout.label?trim!="">
307 <#assign pageTitle = layout.label />
308 <#elseif layout.title?? && layout.title?trim!="">
309 <#assign pageTitle = layout.title />
310 <#else>
311 <#assign pageTitle = "---___" />
312 </#if>
313 <p class="article-full__detail--title">
314 <a class="color-white" href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a>
315 </p>
316 <script>
317 $('.article-full__right').css('display', 'block');
318 </script>
319 <#else>
320 <script>
321 $('.article-full__right').css('display', 'none');
322 </script>
323 </#if>
324 </#attempt>
325
326 </#if>
327 </#list>
328 <#if hasRelated>
329 </div>
330 </div>
331 </aside>
332 </#if>
333 </#if>
334
335 </div>
336 </#if>
337 </div>
338 </div>
339 </div>
340
341
342
343
344
345 <#if !hideBottomLinksFlag>
346 <section class="mt-1">
347 <h2 class="font-display-4 text-center font-medium-publicoheadline pt-3 pb-5">${(bottom_links.bottom_content_title.getData())!""}</h2>
348
349 <div class="article-inline">
350
351 <#list bottom_links.Picture.getSiblings() as cur_Picture>
352 <div class="article-inline__card mb-6">
353 <div class="article-inline__image">
354 <#if cur_Picture.getData()?? && cur_Picture.getData() != "">
355 <img class="lazyload t_insurance__listElement__picture" data-fileentryid="${cur_Picture.getAttribute("fileEntryId")}" alt="${cur_Picture.getAttribute("alt")}" data-src="${cur_Picture.getData()}" />
356 </#if>
357 </div>
358 <div class="article-inline__card-body">
359 <h3 class="article-inline__title h2 ">${cur_Picture.bottom_content_subtitle.getData()}</h3>
360 <p class="article-inline__card-text mb-0 pb-2">
361 ${cur_Picture.Text.getData()}
362 </p>
363 <#if cur_Picture.Link.TextLink.getData()?? && cur_Picture.Link.TextLink.getData() != "">
364 <div><a href="${cur_Picture.Link.getFriendlyUrl()}"class="link link--secondary-link icons--right icons--east">${cur_Picture.Link.TextLink.getData()}</a></div>
365 </#if>
366 </div>
367 </div>
368 </#list>
369 </div>
370 </section>
371 </#if>
372
373
374</article>
375
376<!-- /Article -->
