Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing: ==> header.H1Title [in template "20115#20151#BLOGARTICLE" at line 390, column 47] ---- Tip: It's the step after the last dot 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: ${header.H1Title.getData()} [in template "20115#20151#BLOGARTICLE" at line 390, column 45] ----
1<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()>
2<#if serviceContext.getThemeDisplay().getThemeSetting("v2-look-and-feel")?has_content && serviceContext.getThemeDisplay().getThemeSetting("v2-look-and-feel")!="">
3 <#assign v2_enabled = serviceContext.getThemeDisplay().getThemeSetting("v2-look-and-feel")?boolean />
4<#else>
5 <#assign v2_enabled = false />
6</#if>
7
8<#if v2_enabled>
9
10<!-- Article -->
11 <#assign url="#">
12 <#assign PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"] />
13 <#assign url=PortalUtil.getCurrentCompleteURL(request) />
14 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
15 <#assign portalURL = serviceContext.getThemeDisplay().getPortalURL() />
16 <#assign description=.vars['reserved-article-description'].data />
17 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
18 <#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
19 <#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService") />
20 <#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
21 <#-- -->
22 <#assign journalArticleId = .vars['reserved-article-id'].data>
23 <#assign title = .vars['reserved-article-title'].data>
24 <#assign displayDate = .vars['reserved-article-display-date'].data>
25 <#assign originalLocale = locale />
26 <#setting locale = localeUtil.getDefault() />
27 <#assign displayDate = displayDate?datetime("EEE, dd MMM yyyy HH:mm:ss Z") />
28 <#assign displayDateFormatted = displayDate?string["dd-MM-yyyy"] />
29 <#assign journalArticle = journalArticleLocalService.getArticle(groupId,journalArticleId)/>
30 <#assign articleResourcePK = journalArticle.getArticleResourceUuid()>
31 <#assign assetEntry = assetEntryLocalService.fetchEntry(groupId,articleResourcePK) />
32 <#assign summary = assetEntry.getSummary(locale) />
33 <#assign currentArticleRelatedLinks = assetLinkLocalService.getDirectLinks(assetEntry.getEntryId()) />
34 <#assign categoryList = assetEntry.getCategories() />
35 <#assign tagsList = assetEntry.getTags() />
36 <#assign currentLayoutPath = portalUtil.getLayoutFriendlyURL(layoutLocalService.getLayout(serviceContext.getPlid()),themeDisplay) />
37 <#assign currentLayoutName = layoutLocalService.getLayout(serviceContext.getPlid()).getName(locale) />
38 <#assign currentLayoutHTMLTitle = layoutLocalService.getLayout(serviceContext.getPlid()).getHTMLTitle(locale) />
39 <#assign separatorFriendlyURL = "/-/" />
40 <#assign back_message = languageUtil.get(locale, "back-to-x") />
41 <#assign back_message = back_message?replace("{0}", currentLayoutName)>
42 <#--
43 <#assign themeDisplay = serviceContext.getThemeDisplay() />
44 <#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
45 -->
46 <#-- Header section -->
47 <#-- TODO: if we have related content, then we should had the class ".t_fullArticle--hasAside" to the article element right below -->
48 <#assign hasRelated=false />
49 <#if (currentArticleRelatedLinks?size>0)>
50 <#assign hasRelated=true />
51 <article class="article-full">
52 <#else>
53 <article class="article-full"> <#-- OR -->
54 </#if>
55 <!-- item -->
56 <script type="application/ld+json">
57 {
58 "@context": "https://schema.org",
59 "@type": "BlogPosting",
60 "mainEntityOfPage": {
61 "@type": "WebPage",
62 "@id": "${url}",
63 },
64 "headline":"${header.H1Title.getData()}",
65 "description":"${description}",
66 "image": "${header.Visual.getData()}",
67 "author": {
68 "@type": "Organization",
69 "name": "AXA Assistance"
70 },
71 "publisher": {
72 "@type": "Organization",
73 "name": "AXA Assistance",
74 "logo": {
75 "@type": "ImageObject",
76 "url": ""
77 }
78 "datePublished": "${displayDate}",
79 }
80 </script>
81 <!-- hero-banner hero-banner--slim -->
82 <div class="hero-banner">
83 <div class="hero-banner__mask">
84 <picture>
85 <img class="lazyload" src="${header.Visual.getData()}" data-fileentryid="${header.Visual.getAttribute("fileEntryId")}" data-src="${header.Visual.getData()}" data-srcset="${header.Visual.getData()}" />
86 </picture>
87 <div class="hero-banner__mask">
88 <div class="hero-banner__container">
89 <div class="hero-banner__content text-left">
90 <#if header.H1Title?? && header.H1Title.getData() != "">
91 <h1 class="font-bold-publicoheadline font-display-4 color-white">${header.H1Title.getData()}</h1>
92 <#else>
93 <h1 class="font-bold-publicoheadline font-display-4 color-white">${title}</h1>
94 </#if>
95 <p class="hero-banner__text font-medium color-white">${currentLayoutHTMLTitle}</p>
96 </div>
97 </div>
98 </div>
99 </div>
100 </div>
101 <!-- /hero-banner -->
102
103 <div class="article-full__content pb-4">
104 <div class="article-full__container container">
105
106 <!-- tag -->
107 <#if TopContent?has_content>
108 <div class="tg__tag">
109 <div class="tg__tag--container">
110 <#-- TAGS -->
111 <#if (tagsList?size > 0) >
112 <ul class="tg__tag--list">
113 <#list tagsList as tag>
114 <li class="tg__tag--element">
115 <a class="t_tag__link" href="${currentLayoutPath}?p_r_p_tag=${tag.getName()}">
116 ${tag.getName()}
117 </a>
118 </li>
119 </#list>
120 </ul>
121 </#if>
122 </div>
123 </div>
124 </#if>
125 <!-- tag -->
126
127 <div class="article-full__row">
128 <div class="article-full__left">
129
130 <section class="article-full__text">
131 <#if (summary?trim?has_content)>
132 <p><strong>${summary}</strong></p>
133 </#if>
134 <#if TopContent?has_content>
135 ${TopContent.getData()}
136 </#if>
137 <#if hasRelated>
138 <aside class="t_article__related t_article__related--desktop">
139 <div class="t_article__relatedInner">
140 <h2 class="t_article__relatedTitle"><@liferay.language key="related-assets" /></h2>
141 <#list currentArticleRelatedLinks as related_entry>
142 <#assign relatedAssetEntryId = related_entry.getEntryId2() />
143 <#assign relatedAssetEntry = assetEntryLocalService.getEntry(relatedAssetEntryId) />
144 <#assign relatedAssetEntryPrimKey = relatedAssetEntry.getClassPK() />
145 <#assign relatedArticle = journalArticleLocalService.getLatestArticle(relatedAssetEntryPrimKey) />
146 <#assign relatedArticleId = relatedArticle.getArticleId() />
147 <#assign relatedArticleURL = relatedArticle.getUrlTitle() />
148 <#assign relatedArticleTitle = relatedArticle.getTitle(locale) />
149 <p class="t_smallText">
150 <a href="${themeDisplay.getURLCurrent()?split("/-/")[0]}${separatorFriendlyURL}${relatedArticleURL}">${relatedArticleTitle}</a>
151 </p>
152 </#list>
153 </div>
154 </aside>
155 </#if>
156 </section>
157
158 <#-- Mid content -->
159 <#if mid_content.getData()?has_content>
160 <section class="article-full__text">
161 <p>${mid_content.getData()}</p>
162 </section>
163 </#if>
164
165 <#-- Bottom content -->
166 <#if bottom_content.getData()?has_content>
167 <section class="article-full__text">
168 <p>${bottom_content.getData()}</p>
169 </section>
170 </#if>
171
172 </div>
173 <div class="article-full__right">
174 <!-- Detail 1 -->
175 <aside class="article-full__detail">
176
177 <div class="article-full__container color-white">
178
179 <#if (relatedArticles.relatedLinkToPage.getSiblings())?has_content>
180 <#list relatedArticles.relatedLinkToPage.getSiblings() as relatedArticle>
181 <#if relatedArticle?index=0 && relatedArticle.getData()?has_content>
182
183 <div class="article-full__container color-white">
184 <h2 class="font-bold-publicoheadline font-display-5 pb-3"><@liferay.language key="related-assets" /></h2>
185 <div class="article-full__detail--data font-normal">
186 <#assign layout = relatedArticle.getData()?eval/>
187 <#if layout.name?? && layout.name?trim!="">
188 <#assign pageTitle = layout.name />
189 <#elseif layout.label?? && layout.label?trim!="">
190 <#assign pageTitle = layout.label />
191 <#else>
192 <#assign pageTitle = "---" />
193 </#if>
194 <p class="article-full__detail--title"><a href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a></p>
195 <#elseif relatedArticle.getData()?has_content>
196 <#assign layout = relatedArticle.getData()?eval/>
197 <#if layout.name?? && layout.name?trim!="">
198 <#assign pageTitle = layout.name />
199 <#elseif layout.label?? && layout.label?trim!="">
200 <#assign pageTitle = layout.label />
201 <#else>
202 <#assign pageTitle = "---" />
203 </#if>
204 <p class="article-full__detail--title"><a href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a></p>
205 </#if>
206 </#list>
207 <#if hasRelated>
208 </div>
209 </div>
210 </#if>
211 </#if>
212
213
214 <#-- Sociallinks -->
215 <div class="m-footer-small--desktop">
216 <div class="m-footer-small__disclaimer m-footer-small__disclaimer--center">
217 <div class="m-footer-small__list">
218
219 <#if (header.list_image.getData())?has_content>
220 <a class="m-footer-small__list-item" title="Facebook" href="javascript:fbShare('${url}', 'Fb Share', 'AXA Assistance', '${portalURL}${header.list_image.getData()}', 520, 350)">
221 <#else>
222 <a class="m-footer-small__list-item" title="Facebook" href="javascript:fbShare('${url}', 'Fb Share', 'AXA Assistance', 'http://goo.gl/dS52U', 520, 350)">
223 </#if>
224 <i class="icon-facebook"></i>
225 </a>
226
227 <a href="http://twitter.com/share?url=${url}&text=${title}" class="m-footer-small__list-item">
228 <i class="icon-twitter"></i>
229 </a>
230
231 <a href="https://www.linkedin.com/shareArticle?mini=true&url=${url?url('ISO-8859-1')}" class="m-footer-small__list-item">
232 <i class="icon-linkedin"></i>
233 </a>
234
235 <a href="whatsapp://send?text=${title} - ${url?html}" class="m-footer-small__list-item">
236 <i class="icon-whatsapp"></i>
237 </a>
238
239 <a href="mailto:?subject=${title}&body=${title} - ${url?html}" class="m-footer-small__list-item">
240 <i class="icon-email"></i>
241 </a>
242
243 </div>
244 </div>
245 </div>
246 <#-- Sociallinks -->
247
248 </div>
249 </aside>
250
251 </div>
252 </div>
253 </div>
254 </div>
255
256 <#-- Get Quote section -->
257
258 <#if quoting_block.Title.getData()?trim?has_content || quoting_block.paragraph.getData()?trim?has_content >
259 <section class="t_block t_quote t_quote--xlarge" style="background-color:${quoting_block.background_color.getData()!}">
260 <div class="t_block__inner t_quote__inner">
261 <h1 class="t_quoteTitle font-display-5 color-white font-medium-publicoheadline">${quoting_block.Title.getData()}</h1>
262 <p class="t_mainText color-white font-medium">${quoting_block.paragraph.getData()}</p>
263 <#if quoting_block.Button.LinkText.getData()?trim?has_content && quoting_block.Button.getFriendlyUrl()?trim?has_content >
264 <div class="mt-2">
265 <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()}")">
266 ${quoting_block.Button.LinkText.getData()}
267 </a>
268 </div>
269 </#if>
270 </div>
271 </section>
272 </#if>
273
274 <#-- Splitted images section -->
275
276 <#if (splitted_images.split_image.getSiblings())?has_content>
277 <!-- pictures-->
278 <section class="pictures mt-5">
279 <div class="pictures__inline pictures__inline--container">
280 <#list splitted_images.split_image.getSiblings() as image_splitted>
281 <#if (image_splitted.getData()?has_content
282 && image_splitted.getAttribute("fileEntryId")?has_content
283 && image_splitted.getAttribute("fileEntryId")?has_content
284 && image_splitted.getAttribute("alt")?has_content)>
285 <div class="pictures__inline pictures__inline--img-fluid">
286 <figure class="t_picture__element">
287 <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()}" />
288 </figure>
289 <div class="pictures__inline pictures__inline--card-img-overlay">
290 <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>
291 </div>
292 </div>
293 </#if>
294 </#list>
295 </div>
296 </section>
297 <!-- pictures-->
298 </#if>
299
300
301 <#if bottom_links.Picture.getSiblings()?has_content>
302 <section class="mt-1">
303 <h2 class="font-display-4 text-center font-medium-publicoheadline pt-3 pb-5">${bottom_links.bottom_content_title.getData()}</h2>
304
305 <div class="article-inline">
306
307 <#list bottom_links.Picture.getSiblings() as cur_Picture>
308 <div class="article-inline__card">
309 <div class="article-inline__image">
310 <#if cur_Picture.getData()?? && cur_Picture.getData() != "">
311 <img class="lazyload t_insurance__listElement__picture" data-fileentryid="${cur_Picture.getAttribute("fileEntryId")}" alt="${cur_Picture.getAttribute("alt")}" data-src="${cur_Picture.getData()}" />
312 </#if>
313 </div>
314 <div class="article-inline__card-body">
315 <h3 class="article-inline__title h2">${cur_Picture.bottom_content_subtitle.getData()}</h3>
316 <p class="article-inline__card-text">
317 ${cur_Picture.Text.getData()}
318 </p>
319 <#if cur_Picture.Link.TextLink.getData()?? && cur_Picture.Link.TextLink.getData() != "">
320 <div><a href="${cur_Picture.Link.getFriendlyUrl()}"class="link link--secondary-link icons--right icons--east">${cur_Picture.Link.TextLink.getData()}</a></div>
321 </#if>
322 </div>
323 </div>
324 </#list>
325 </div>
326 </section>
327 </#if>
328
329
330</article>
331
332<!-- /Article -->
333
334<!-- /Article -->
335<#else>
336 <#assign url="#">
337 <#assign PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"] />
338 <#assign url=PortalUtil.getCurrentCompleteURL(request) />
339 <#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
340 <#assign portalURL = serviceContext.getThemeDisplay().getPortalURL() />
341 <#assign description=.vars['reserved-article-description'].data />
342 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
343 <#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
344 <#assign assetLinkLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetLinkLocalService") />
345 <#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
346 <#-- -->
347 <#assign journalArticleId = .vars['reserved-article-id'].data>
348 <#assign title = .vars['reserved-article-title'].data>
349 <#assign displayDate = .vars['reserved-article-display-date'].data>
350 <#assign originalLocale = locale />
351 <#setting locale = localeUtil.getDefault() />
352 <#assign displayDate = displayDate?datetime("EEE, dd MMM yyyy HH:mm:ss Z") />
353 <#assign displayDateFormatted = displayDate?string["dd-MM-yyyy"] />
354 <#assign journalArticle = journalArticleLocalService.getArticle(groupId,journalArticleId)/>
355 <#assign articleResourcePK = journalArticle.getArticleResourceUuid()>
356 <#assign assetEntry = assetEntryLocalService.fetchEntry(groupId,articleResourcePK) />
357 <#assign summary = assetEntry.getSummary(locale) />
358 <#assign currentArticleRelatedLinks = assetLinkLocalService.getDirectLinks(assetEntry.getEntryId()) />
359 <#assign categoryList = assetEntry.getCategories() />
360 <#assign tagsList = assetEntry.getTags() />
361 <#assign currentLayoutPath = portalUtil.getLayoutFriendlyURL(layoutLocalService.getLayout(serviceContext.getPlid()),themeDisplay) />
362 <#assign currentLayoutName = layoutLocalService.getLayout(serviceContext.getPlid()).getName(locale) />
363 <#assign currentLayoutHTMLTitle = layoutLocalService.getLayout(serviceContext.getPlid()).getHTMLTitle(locale) />
364 <#assign separatorFriendlyURL = "/-/" />
365 <#assign back_message = languageUtil.get(locale, "back-to-x") />
366 <#assign back_message = back_message?replace("{0}", currentLayoutName)>
367 <#--
368 <#assign themeDisplay = serviceContext.getThemeDisplay() />
369 <#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
370 -->
371 <#-- Header section -->
372 <#-- TODO: if we have related content, then we should had the class ".t_fullArticle--hasAside" to the article element right below -->
373 <#assign hasRelated=false />
374 <#if (currentArticleRelatedLinks?size>0)>
375 <#assign hasRelated=true />
376 <article class="t_fullArticle t_fullArticle--hasAside">
377 <#else>
378 <article class="t_fullArticle"> <#-- OR -->
379 </#if>
380 <!-- item -->
381
382 <script type="application/ld+json">
383 {
384 "@context": "https://schema.org",
385 "@type": "BlogPosting",
386 "mainEntityOfPage": {
387 "@type": "WebPage",
388 "@id": "${url}",
389 },
390 "headline":"${header.H1Title.getData()}",
391 "description":"${description}",
392 "image": "${header.Visual.getData()}",
393 "author": {
394 "@type": "Organization",
395 "name": "AXA Assistance"
396 },
397 "publisher": {
398 "@type": "Organization",
399 "name": "AXA Assistance",
400 "logo": {
401 "@type": "ImageObject",
402 "url": ""
403 }
404 "datePublished": "${displayDate}",
405 }
406 </script>
407 <header>
408 <#if header.Visual.getData()?? && header.Visual.getData() != "">
409 <div class="t_introduction t_block" style="background-image: url('${header.Visual.getData()}')">
410 <#else>
411 <div class="t_introduction t_block">
412 </#if>
413 <div class="t_backButton">
414 <a href="${currentLayoutPath}" class="t_backButton__btn"><svg class="t_backButton__icon" width="16" height="16" role="presentation" viewBox="0 0 13.6 9">
415 <path class="st0" d="M9.5,9C9.3,9,9.1,8.9,8.9,8.8c-0.4-0.3-0.5-1-0.2-1.4l1.5-1.9H1c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h9.2L8.7,1.6 C8.4,1.2,8.4,0.6,8.9,0.2c0.4-0.3,1.1-0.3,1.4,0.2l3.3,4.1l-3.3,4.1C10.1,8.9,9.8,9,9.5,9z"></path>
416 </svg>${back_message}
417 </a>
418 </div>
419 <div class="t_introduction__inner t_block__inner">
420 <p class="t_introduction__subtitle">${currentLayoutHTMLTitle}</p>
421 <#if (categoryList?size >0) >
422 <ul class="t_introduction__informations">
423 <li class="t_introduction__information">
424 <p class="t_introduction__informationWording">
425 <#list categoryList as category>
426 <#if category?index=0 >
427 <a href="${currentLayoutPath}?p_r_p_categoryId=${category.getCategoryId()}">${category.getTitle(locale)}</a>
428 <#else>
429 <a href="${currentLayoutPath}?p_r_p_categoryId=${category.getCategoryId()}">${category.getTitle(locale)}</a>
430 </#if>
431 </#list>
432 </p>
433 </li>
434 </ul>
435 </#if>
436 <#if header.H1Title?? && header.H1Title.getData() != "">
437 <h1 class="t_secondaryTitle">${header.H1Title.getData()}</h1>
438 <#else>
439 <h1 class="t_secondaryTitle">${title}</h1>
440 </#if>
441 <div class="t_introduction__ctas">
442 <#if header.Visual.ButtonLeft.ButtonLeftText.getData()?? && header.Visual.ButtonLeft.ButtonLeftText.getData() != "">
443 <a href="${header.Visual.ButtonLeft.getFriendlyUrl()}" class="t_button t_button--secondary" onclick="pushDataLayerCTA(window.location.href + "${header.Visual.ButtonLeft.getFriendlyUrl()}", 'secondary red', "${header.Visual.ButtonLeft.ButtonLeftText.getData()}")">
444 <span class="t_button__label">${header.Visual.ButtonLeft.ButtonLeftText.getData()}</span>
445 </a>
446 </#if>
447 <#if header.Visual.ButtonRight.ButtonRightText.getData()?? && header.Visual.ButtonRight.ButtonRightText.getData() != "">
448 <a href="${header.Visual.ButtonRight.getFriendlyUrl()}" class="t_button t_button--ghost" onclick="pushDataLayerCTA(window.location.href + "${header.Visual.ButtonRight.getFriendlyUrl()}", 'ghost', "${header.Visual.ButtonRight.ButtonRightText.getData()}")">
449 <span class="t_button__label">${header.Visual.ButtonRight.ButtonRightText.getData()}</span>
450 </a>
451 </#if>
452 </div>
453 <p class="t_introduction__date">${displayDateFormatted}</p>
454 </div>
455
456 </div>
457 <#-- Top content -->
458 <#if TopContent?has_content>
459 <div class="t_article t_block__inner">
460 <#-- TAGS -->
461 <#if (tagsList?size > 0) >
462 <ul class="t_tags">
463 <#list tagsList as tag>
464 <li class="t_tag">
465 <a class="t_tag__link" href="${currentLayoutPath}?p_r_p_tag=${tag.getName()}">
466 ${tag.getName()}
467 </a>
468 </li>
469 </#list>
470 </ul>
471 </#if>
472 <#-- Sociallinks -->
473 <div class="t_socialLinks ">
474 <p class="t_socialLinks__title"><@liferay.language key="share" />:</p>
475 <ul class="t_socialLinks__list">
476 <li class="t_socialLinks__element">
477 <#if (header.list_image.getData())?has_content>
478 <a class="t_socialLinks__link" title="Facebook" href="javascript:fbShare('${url}', 'Fb Share', 'AXA Assistance', '${portalURL}${header.list_image.getData()}', 520, 350)">
479 <#else>
480 <a class="t_socialLinks__link" title="Facebook" href="javascript:fbShare('${url}', 'Fb Share', 'AXA Assistance', 'http://goo.gl/dS52U', 520, 350)">
481 </#if>
482 <svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation">
483 <title id="icon-svg-facebook">Facebook</title>
484 <use xlink:href="#facebook" href="#facebook" />
485 </svg>
486 </a>
487 </li>
488 <li class="t_socialLinks__element">
489 <a href="http://twitter.com/share?url=${url}&text=${title}" class="t_socialLinks__link popup twitter">
490 <svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation">
491 <title id="icon-svg-twitter">Twitter</title>
492 <use xlink:href="#twitter" href="#twitter" />
493 </svg>
494 </a>
495 </li>
496
497 <li class="t_socialLinks__element">
498 <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=${url?url('ISO-8859-1')}" class="t_socialLinks__link">
499 <svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation">
500 <title id="icon-svg-linkedin">Linkedin</title>
501 <use xlink:href="#linkedin" href="#linkedin" />
502 </svg>
503 </a>
504 </li>
505
506 <li class="t_socialLinks__element">
507 <a href="whatsapp://send?text=${title} - ${url?html}" data-action="share/whatsapp/share" class="t_socialLinks__link">
508 <svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="icon-svg-whatsapp">
509 <title id="icon-svg-whatsapp">Whatsapp</title>
510 <use xlink:href="#whatsapp" href="#whatsapp" />
511 </svg>
512 </a>
513 </li>
514
515 <li class="t_socialLinks__element">
516 <a href="mailto:?subject=${title}&body=${title} - ${url?html}" class="t_socialLinks__link">
517 <svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation">
518 <title id="icon-svg-enveloppe">Email</title>
519 <use xlink:href="#enveloppe" href="#enveloppe" />
520 </svg>
521 </a>
522 </li>
523
524 </ul>
525 </div>
526 </div>
527 </header>
528
529 <section class="t_article__content">
530 <div class="t_article__text">
531 <#if (summary?trim?has_content)>
532 <p><strong>${summary}</strong></p>
533 </#if>
534 <#if TopContent?has_content>
535 ${TopContent.getData()}
536 </#if>
537 </div>
538 <#if hasRelated>
539 <aside class="t_article__related t_article__related--desktop">
540 <div class="t_article__relatedInner">
541 <h2 class="t_article__relatedTitle"><@liferay.language key="related-assets" /></h2>
542 <#list currentArticleRelatedLinks as related_entry>
543 <#assign relatedAssetEntryId = related_entry.getEntryId2() />
544 <#assign relatedAssetEntry = assetEntryLocalService.getEntry(relatedAssetEntryId) />
545 <#assign relatedAssetEntryPrimKey = relatedAssetEntry.getClassPK() />
546 <#assign relatedArticle = journalArticleLocalService.getLatestArticle(relatedAssetEntryPrimKey) />
547 <#assign relatedArticleId = relatedArticle.getArticleId() />
548 <#assign relatedArticleURL = relatedArticle.getUrlTitle() />
549 <#assign relatedArticleTitle = relatedArticle.getTitle(locale) />
550 <p class="t_smallText">
551 <a href="${themeDisplay.getURLCurrent()?split("/-/")[0]}${separatorFriendlyURL}${relatedArticleURL}">${relatedArticleTitle}</a>
552 </p>
553 </#list>
554 </div>
555 </aside>
556 </#if>
557 </section>
558 </#if>
559 <#-- Get Quote section -->
560 <#if quoting_block.Title.getData()?trim?has_content || quoting_block.paragraph.getData()?trim?has_content >
561 <section class="t_block t_quote is-colored" style="background-color:${quoting_block.background_color.getData()!}">
562 <div class="t_block__inner t_quote__inner">
563 <h1 class="t_quoteTitle">${quoting_block.Title.getData()}</h1>
564 <p class="t_mainText">${quoting_block.paragraph.getData()}</p>
565 <#if quoting_block.Button.LinkText.getData()?trim?has_content && quoting_block.Button.getFriendlyUrl()?trim?has_content >
566 <a href="${quoting_block.Button.getFriendlyUrl()}" class="t_button t_button--ghost" onclick="pushDataLayerCTA(window.location.href + "${quoting_block.Button.getFriendlyUrl()}", 'ghost', "${quoting_block.Button.LinkText.getData()}")">
567 <span class="t_button__label">${quoting_block.Button.LinkText.getData()}</span>
568 </a>
569 </#if>
570 </div>
571 </section>
572 </#if>
573 <#-- Mid content -->
574 <#if mid_content.getData()?trim?has_content>
575 <section class="t_text">
576 ${mid_content.getData()}
577 </section>
578 </#if>
579 <#-- Splitted images section -->
580 <#if (splitted_images.split_image.getSiblings())?has_content>
581 <ul class="t_picture t_block">
582 <#list splitted_images.split_image.getSiblings() as image_splitted>
583 <#if image_splitted.getData()?trim?has_content>
584 <li class="t_picture__item">
585 <figure class="t_picture__element">
586 <img class="lazyload t_picture__visual" data-fileentryid="${image_splitted.getAttribute("fileEntryId")}" alt="${image_splitted.getAttribute("alt")}" data-src="${image_splitted.getData()}" />
587 <figcaption class="t_picture__legend">${image_splitted.split_image_text.getData()}</figcaption>
588 </figure>
589 </li>
590 </#if>
591 </#list>
592 </ul>
593 </#if>
594 <#-- Bottom content -->
595 <#if bottom_content.getData()?trim?has_content>
596 <section class="t_text">
597 ${bottom_content.getData()}
598 </section>
599 </#if>
600 <#-- Bottom links section -->
601 <#if bottom_links?has_content>
602 <section class="t_insurance">
603 <h2 class="t_secondaryTitle">${bottom_links.bottom_content_title.getData()}</h2>
604 <ul class="t_insurance__list">
605 <#if bottom_links.Picture.getSiblings()?has_content>
606 <#list bottom_links.Picture.getSiblings() as cur_Picture>
607 <#if cur_Picture.getData()?trim?has_content>
608 <li class="t_insurance__listElement">
609 <#if cur_Picture.getData()?? && cur_Picture.getData() != "">
610 <img class="lazyload t_insurance__listElement__picture" data-fileentryid="${cur_Picture.getAttribute("fileEntryId")}" alt="${cur_Picture.getAttribute("alt")}" data-src="${cur_Picture.getData()}" />
611 </#if>
612 <div class="t_insurance__listElement__inner">
613 <h3 class="t_simpleTitle t_insurance__listElement__title">${cur_Picture.bottom_content_subtitle.getData()}</h3>
614 <p class="t_smallText">
615 ${cur_Picture.Text.getData()}
616 </p>
617 <a href="${cur_Picture.Link.getFriendlyUrl()}" class="t_link t_insurance__listElement__cta">${cur_Picture.Link.TextLink.getData()}
618 <svg width="14" height="14" class="t_link__picto" xmlns="http://www.w3.org/2000/svg" role="presentation">
619 <use xlink:href="#full-arrow" href="#full-arrow" />
620 </svg>
621 </a>
622 </div>
623 </li>
624 </#if>
625 </#list>
626 </#if>
627 </ul>
628 </section>
629 </#if>
630 <#-- TODO: if we have related content, then we should had the same content in here (notice the difference in css class) -->
631 <#if hasRelated>
632 <aside class="t_article__related">
633 <div class="t_article__relatedInner">
634 <h2 class="t_article__relatedTitle"><@liferay.language key="related-assets" /></h2>
635 <#list currentArticleRelatedLinks as related_entry>
636 <#assign relatedAssetEntryId = related_entry.getEntryId2() />
637 <#assign relatedAssetEntry = assetEntryLocalService.getEntry(relatedAssetEntryId) />
638 <#assign relatedAssetEntryPrimKey = relatedAssetEntry.getClassPK() />
639 <#assign relatedArticle = journalArticleLocalService.getLatestArticle(relatedAssetEntryPrimKey) />
640 <#assign relatedArticleId = relatedArticle.getArticleId() />
641 <#assign relatedArticleURL = relatedArticle.getUrlTitle() />
642 <#assign relatedArticleTitle = relatedArticle.getTitle(locale) />
643 <p class="t_smallText">
644 <a href="${separatorFriendlyURL}${relatedArticleURL}">${relatedArticleTitle}</a>
645 </p>
646 </#list>
647 </div>
648 </aside>
649 </#if>
650
651 </article>
652 <script>
653 function googleplusbtn(url) {
654 sharelink = "https://plus.google.com/share?url="+url;
655 newwindow=window.open(sharelink,'name','height=350,width=520');
656 if (window.focus) {newwindow.focus()}
657 return false;
658 }
659 </script>
660 <script>
661 function fbShare(url, title, descr, image, winWidth, winHeight) {
662 var winTop = (screen.height / 2) - (winHeight / 2);
663 var winLeft = (screen.width / 2) - (winWidth / 2);
664 window.open('http://www.facebook.com/sharer.php?s=100&p[title]=' + title + '&p[summary]=' + descr + '&p[url]=' + url + '&p[images][0]=' + image, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
665 }
666 </script>
667 <script>
668 $('.popup').click(function(event) {
669 var width = 575,
670 height = 400,
671 left = ($(window).width() - width) / 2,
672 top = ($(window).height() - height) / 2,
673 url = this.href,
674 opts = 'status=1' +
675 ',width=' + width +
676 ',height=' + height +
677 ',top=' + top +
678 ',left=' + left;
679
680 window.open(url, 'twitter', opts);
681
682 return false;
683 });
684 </script>
685
686</#if>