1<#assign url="#"> 

2<#assign PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"] /> 

3<#assign url=PortalUtil.getCurrentCompleteURL(request) /> 

4<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()> 

5<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") /> 

6<#assign portalURL = serviceContext.getThemeDisplay().getPortalURL() /> 

7<#assign description=.vars['reserved-article-description'].data /> 

8<#-- 

9<#assign themeDisplay = serviceContext.getThemeDisplay() /> 

10<#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() /> 

11 --> 

12<#-- Header section --> 

13<#-- TODO: if we have related content, then we should had the class ".t_fullArticle--hasAside" to the article element right below --> 

14<#assign hasRelated=false /> 

15<#if (relatedArticles.relatedLinkToPage)?has_content && relatedArticles.relatedLinkToPage.getSiblings()?first.getData()?has_content> 

16	<#assign hasRelated=true /> 

17	<article class="t_fullArticle t_fullArticle--hasAside"> 

18<#else> 

19	<article class="t_fullArticle"> <#-- OR  --> 

20</#if> 

21 

22	<header> 

23	<#if header.Visual.getData()?? && header.Visual.getData() != ""> 

24		<div class="t_introduction t_block" style="background-image: url('${header.Visual.getData()}')"> 

25	<#else> 

26		<div class="t_introduction t_block"> 

27	</#if> 

28			<div class="t_introduction__inner t_block__inner"> 

29				<#if header.Visual.TextCenter.getData()?? && header.Visual.TextCenter.getData() != ""> 

30					<p class="t_introduction__subtitle">${header.Visual.TextCenter.getData()}</p> 

31				</#if> 

32				<ul class="t_introduction__informations"> 

33					<li class="t_introduction__information"> 

34						<p class="t_introduction__informationWording t_introduction__informationWording--author">${header.Visual.TextLeft.getData()}</p> 

35					</li> 

36					<li class="t_introduction__information"> 

37						<p class="t_introduction__informationWording">${header.Visual.TextRight.getData()}</p> 

38					</li> 

39				</ul> 

40				<h1 class="t_secondaryTitle">${header.Visual.MainText.getData()}</h1> 

41				<div class="t_introduction__ctas"> 

42					<#if header.Visual.ButtonLeft.ButtonLeftText.getData()?? && header.Visual.ButtonLeft.ButtonLeftText.getData() != ""> 

43						<a href="${header.Visual.ButtonLeft.getFriendlyUrl()}" class="t_button t_button--secondary"> 

44							<span class="t_button__label">${header.Visual.ButtonLeft.ButtonLeftText.getData()}</span> 

45						</a> 

46					</#if> 

47					<#if header.Visual.ButtonRight.ButtonRightText.getData()?? && header.Visual.ButtonRight.ButtonRightText.getData() != ""> 

48						<a href="${header.Visual.ButtonRight.getFriendlyUrl()}" class="t_button t_button--ghost"> 

49							<span class="t_button__label">${header.Visual.ButtonRight.ButtonRightText.getData()}</span> 

50						</a> 

51					</#if> 

52				</div> 

53			</div> 

54		</div> 

55<#-- Top content --> 

56<#if TopContent?has_content> 

57		<div class="t_article t_block__inner"> 

58			<#-- BREADCRUMBS --> 

59			<@liferay.breadcrumbs /> 

60			<#-- CATEGORIES --> 

61			<#assign journalArticleId = .vars['reserved-article-id'].data> 

62			<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 

63			<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")> 

64			<#assign articleResourcePK = journalArticleLocalService.getArticle(groupId,journalArticleId).getArticleResourceUuid()> 

65			<#assign categoryList = assetEntryLocalService.fetchEntry(groupId,articleResourcePK).getCategories()> 

66			<ul class="t_tags"> 

67				<#list categoryList as category> 

68					<li class="t_tag"> 

69						<a class="t_tag__link" href="#"> 

70							${category.getTitle(locale)} 

71						</a> 

72					</li> 

73				</#list> 

74			</ul> 

75			<#-- Sociallinks --> 

76			 <div class="t_socialLinks"> 

77				<p class="t_socialLinks__title">Share :</p> 

78				<ul class="t_socialLinks__list"> 

79					<li class="t_socialLinks__element"> 

80						<#if (header.list_image.getData())?has_content> 

81							<a class="t_socialLinks__link" title="Facebook" href="javascript:fbShare('${url}', 'Fb Share', 'AXA Assistance', '${portalURL}${header.list_image.getData()}', 520, 350)"> 

82						<#else> 

83							<a class="t_socialLinks__link" title="Facebook" href="javascript:fbShare('${url}', 'Fb Share', 'AXA Assistance', 'http://goo.gl/dS52U', 520, 350)"> 

84						</#if> 

85							<svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation"> 

86								<title id="icon-svg-facebook">Facebook</title> 

87								<use xlink:href="#facebook" href="#facebook" /> 

88							</svg> 

89						</a> 

90					</li> 

91					<li class="t_socialLinks__element"> 

92						<a href="http://twitter.com/share?url=${url}&text=${header.Visual.MainText.getData()}" class="t_socialLinks__link popup twitter"> 

93							<svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation"> 

94							<title id="icon-svg-twitter">Twitter</title> 

95								<use xlink:href="#twitter" href="#twitter" /> 

96							</svg> 

97						</a> 

98					</li> 

99 

100					<li class="t_socialLinks__element"> 

101						<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=${url?url('ISO-8859-1')}" class="t_socialLinks__link"> 

102							<svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation"> 

103								<title id="icon-svg-linkedin">Linkedin</title> 

104								<use xlink:href="#linkedin" href="#linkedin" /> 

105							</svg> 

106						</a> 

107					</li> 

108 

109					<li class="t_socialLinks__element"> 

110						<a href="whatsapp://send?text=${header.Visual.MainText.getData()} - ${url?html}" data-action="share/whatsapp/share" class="t_socialLinks__link"> 

111							<svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="icon-svg-whatsapp"> 

112								<title id="icon-svg-whatsapp">Whatsapp</title> 

113								<use xlink:href="#whatsapp" href="#whatsapp" /> 

114							</svg> 

115						</a> 

116					</li> 

117 

118					<li class="t_socialLinks__element"> 

119						<a href="mailto:?subject=${header.Visual.MainText.getData()}&amp;body=${header.Visual.MainText.getData()} - ${url?html}" class="t_socialLinks__link"> 

120							<svg class="t_socialLinks__icon" xmlns="http://www.w3.org/2000/svg" role="presentation"> 

121								<title id="icon-svg-enveloppe">Email</title> 

122								<use xlink:href="#enveloppe" href="#enveloppe" /> 

123							</svg> 

124						</a> 

125					</li> 

126 

127				</ul> 

128			</div> 

129		</div> 

130	</header> 

131 

132	<section class="t_article__content"> 

133		<div class="t_article__text"> 

134			${TopContent.getData()} 

135		</div> 

136		<#if (relatedArticles.relatedLinkToPage.getSiblings())?has_content> 

137			<#list relatedArticles.relatedLinkToPage.getSiblings() as relatedArticle> 

138				<#if relatedArticle?index=0 && relatedArticle.getData()?has_content> 

139				<aside class="t_article__related t_article__related--desktop"> 

140					<h2 class="t_article__relatedTitle"><@liferay.language key="related-assets" /></h2> 

141					<div class="t_article__relatedInner"> 

142					<#assign layout = relatedArticle.getData()?eval/> 

143					<#if layout.name?? && layout.name?trim!=""> 

144						<#assign pageTitle = layout.name /> 

145					<#elseif layout.label?? && layout.label?trim!=""> 

146						<#assign pageTitle = layout.label /> 

147					<#else> 

148						<#assign pageTitle = "---" /> 

149					</#if> 

150					<p class="t_smallText"><a href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a></p> 

151				<#elseif relatedArticle.getData()?has_content> 

152					<#assign layout = relatedArticle.getData()?eval/> 

153					<#if layout.name?? && layout.name?trim!=""> 

154						<#assign pageTitle = layout.name /> 

155					<#elseif layout.label?? && layout.label?trim!=""> 

156						<#assign pageTitle = layout.label /> 

157					<#else> 

158						<#assign pageTitle = "---" /> 

159					</#if> 

160					<p class="t_smallText"><a href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a></p> 

161				</#if> 

162			</#list> 

163			<#if hasRelated> 

164					</div> 

165				</aside> 

166			</#if> 

167		</#if> 

168	</section> 

169</#if> 

170<#-- Get Quote section --> 

171	<section class="t_block t_quote is-colored" style="background-color:${quoting_block.background_color.getData()}"> 

172		<div class="t_block__inner t_quote__inner"> 

173			<h2 class="t_quoteTitle">${quoting_block.Title.getData()}</h2> 

174			<p class="t_mainText">${quoting_block.paragraph.getData()}</p> 

175			<#if quoting_block.Button.LinkText.getData()?? && quoting_block.Button.LinkText.getData() != ""> 

176				<a href="${quoting_block.Button.getFriendlyUrl()}" class="t_button t_button--ghost"> 

177					<span class="t_button__label">${quoting_block.Button.LinkText.getData()}</span> 

178				</a> 

179			</#if> 

180		</div> 

181	</section> 

182	<#-- Mid content --> 

183	<#if mid_content.getData()?has_content> 

184	<section class="t_text"> 

185		${mid_content.getData()} 

186	</section> 

187	</#if> 

188	<#-- Splitted images section --> 

189	<#if (splitted_images.split_image.getSiblings())?has_content> 

190		<ul class="t_picture t_block"> 

191		<#list splitted_images.split_image.getSiblings() as image_splitted> 

192			<#if (image_splitted.getData()?has_content 

193			&& image_splitted.getAttribute("fileEntryId")?has_content 

194			&& image_splitted.getAttribute("fileEntryId")?has_content 

195			&& image_splitted.getAttribute("alt")?has_content)> 

196			<li class="t_picture__item"> 

197				<figure class="t_picture__element"> 

198					<img class="lazyload t_picture__visual" data-fileentryid="${image_splitted.getAttribute("fileEntryId")}" alt="${image_splitted.getAttribute("alt")}" data-src="${image_splitted.getData()}" /> 

199					<figcaption class="t_picture__legend">${image_splitted.split_image_text.getData()}</figcaption> 

200				</figure> 

201			</li> 

202			</#if> 

203		</#list> 

204		</ul> 

205	</#if> 

206	<#-- Bottom content --> 

207	<#if bottom_content.getData()?has_content> 

208	<section class="t_text"> 

209		${bottom_content.getData()} 

210	</section> 

211	</#if> 

212	<#-- Bottom links section --> 

213	<#if bottom_links?has_content> 

214	<section class="t_insurance"> 

215		<h2 class="t_secondaryTitle">${bottom_links.bottom_content_title.getData()}</h2> 

216		<ul class="t_insurance__list"> 

217		<#if bottom_links.Picture.getSiblings()?has_content> 

218			<#list bottom_links.Picture.getSiblings() as cur_Picture> 

219				<li class="t_insurance__listElement"> 

220					<#if cur_Picture.getData()?? && cur_Picture.getData() != ""> 

221						<img class="lazyload t_insurance__listElement__picture" data-fileentryid="${cur_Picture.getAttribute("fileEntryId")}" alt="${cur_Picture.getAttribute("alt")}" data-src="${cur_Picture.getData()}" /> 

222					</#if> 

223					<div class="t_insurance__listElement__inner"> 

224						<h3 class="t_simpleTitle t_insurance__listElement__title">${cur_Picture.bottom_content_subtitle.getData()}</h3> 

225						<p class="t_smallText"> 

226							${cur_Picture.Text.getData()} 

227						</p> 

228						<a href="${cur_Picture.Link.getFriendlyUrl()}" class="t_link t_insurance__listElement__cta">${cur_Picture.Link.TextLink.getData()} 

229							<svg width="14" height="14" class="t_link__picto" xmlns="http://www.w3.org/2000/svg" role="presentation"> 

230								<use xlink:href="#full-arrow" href="#full-arrow" /> 

231							</svg> 

232						</a> 

233					</div> 

234				</li> 

235			</#list> 

236		</#if> 

237		</ul> 

238	</section> 

239	</#if> 

240<#-- TODO: if we have related content, then we should had the same content in here (notice the difference in css class) --> 

241<#if (relatedArticles.relatedLinkToPage)?has_content> 

242	<#list relatedArticles.relatedLinkToPage.getSiblings() as relatedArticle> 

243		<#if relatedArticle?index=0 && relatedArticle.getData()?has_content> 

244			<aside class="t_article__related"> 

245			<h2 class="t_article__relatedTitle"><@liferay.language key="related-assets" /></h2> 

246			<div class="t_article__relatedInner"> 

247			<#assign layout = relatedArticle.getData()?eval/> 

248			<#if layout.name?? && layout.name?trim!=""> 

249				<#assign pageTitle = layout.name /> 

250			<#elseif layout.label?? && layout.label?trim!=""> 

251				<#assign pageTitle = layout.label /> 

252			<#else> 

253				<#assign pageTitle = "---" /> 

254			</#if> 

255			<p class="t_smallText"><a href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a></p> 

256		<#elseif relatedArticle.getData()?has_content> 

257			<#assign layout = relatedArticle.getData()?eval/> 

258			<#if layout.name?? && layout.name?trim!=""> 

259				<#assign pageTitle = layout.name /> 

260			<#elseif layout.label?? && layout.label?trim!=""> 

261				<#assign pageTitle = layout.label /> 

262			<#else> 

263				<#assign pageTitle = "---" /> 

264			</#if> 

265			<p class="t_smallText"><a href="${relatedArticle.getFriendlyUrl()}">${pageTitle}</a></p> 

266		</#if> 

267	</#list> 

268	<#if hasRelated> 

269			</div> 

270		</aside> 

271	</#if> 

272</#if> 

273</article> 

274<script> 

275function googleplusbtn(url) { 

276  sharelink = "https://plus.google.com/share?url="+url; 

277  newwindow=window.open(sharelink,'name','height=350,width=520'); 

278  if (window.focus) {newwindow.focus()} 

279  return false; 

280} 

281</script> 

282<script> 

283	function fbShare(url, title, descr, image, winWidth, winHeight) { 

284		var winTop = (screen.height / 2) - (winHeight / 2); 

285		var winLeft = (screen.width / 2) - (winWidth / 2); 

286		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); 

287	} 

288</script> 

289<script> 

290  $('.popup').click(function(event) { 

291	var width  = 575, 

292		height = 400, 

293		left   = ($(window).width()  - width)  / 2, 

294		top	= ($(window).height() - height) / 2, 

295		url	= this.href, 

296		opts   = 'status=1' + 

297				 ',width='  + width  + 

298				 ',height=' + height + 

299				 ',top='	+ top	+ 

300				 ',left='   + left; 

301 

302	window.open(url, 'twitter', opts); 

303 

304	return false; 

305  }); 

306</script>