1<div id="vertical-tabs">
2 <div class="page-center narrow narrower">
3
4 <div class="span3 left-col"></div>
5
6 <#if entries?has_content>
7
8 <#assign journalContentHelper = serviceLocator.findService("com.bpc.pcc.helpers.journal.JournalContentHelper") >
9
10 <#assign group_id = getterUtil.getLong(themeDisplay.getScopeGroupId())>
11
12 <!-- Goes through each entry of the asset publisher and displays its contents -->
13 <#list entries as cur_element>
14
15 <#assign assetRenderer = cur_element.getAssetRenderer()>
16 <#assign className = assetRenderer.getClassName()>
17 <#if className =="com.liferay.journal.model.JournalArticle">
18 <#assign journalArticle = assetRenderer.getArticle()>
19 <#assign document = saxReaderUtil.read(journalArticle.getContentByLocale(locale.toString()))>
20 <#assign rootElement = document.getRootElement()>
21 <!-- Gets variables from the entry -->
22 <#assign tabNameSelector = saxReaderUtil.createXPath("dynamic-element[@name='tabName']")>
23 <#assign tabName = tabNameSelector.selectSingleNode(rootElement).getStringValue()>
24 <#assign highlightColorSelector = saxReaderUtil.createXPath("dynamic-element[@name='highlightColor']")>
25 <#assign highlightColor = highlightColorSelector.selectSingleNode(rootElement).getStringValue()>
26 <#assign imageSelector = saxReaderUtil.createXPath("dynamic-element[@name='image']")>
27 <#assign image = imageSelector.selectSingleNode(rootElement).getStringValue()>
28 <#assign imageAltSelector = saxReaderUtil.createXPath("dynamic-element[@name='imageAlt']")>
29 <#assign imageAlt = imageAltSelector.selectSingleNode(rootElement).getStringValue()>
30 <#assign imageLinkSelector = saxReaderUtil.createXPath("dynamic-element[@name='imageLink']")!>
31 <#assign imageLink = "">
32 <#if imageLinkSelector??>
33 <#assign imageLink = imageLinkSelector.selectSingleNode(rootElement).getStringValue()>
34 </#if>
35
36 <#assign document = saxReaderUtil.read(journalArticle.getContentByLocale(locale.toString()))>
37
38 <div class="row vertical-tab">
39
40 <#if validator.isNull(highlightColor?trim)>
41 <#assign highlightColor = "#3cb496" >
42 </#if>
43 <style>
44 #vertical-tabs h2.border-title {color:${highlightColor} !important;}
45 #vertical-tabs h3.secondary-title {color:${highlightColor} !important;}
46 #vertical-tabs .vertical-tab-link > a.active {color:${highlightColor} !important;}
47 </style>
48
49 <div class="span3">
50 <div class="vertical-tab-link">
51 <a href="#">
52 <!-- The web content title is displayed here -->
53 <span>${tabName}</span>
54 </a>
55 </div>
56
57 <#if cur_element?index == entries?size && validator.isNotNull(image?trim) && validator.isNotNull(imageLink?trim) >
58 <a href="${imageLink}"><img src="${image}" alt="${imageAlt}"></img></a>
59 </#if>
60 </div>
61
62 <div class="span9 vertical-tab-content">
63
64 ${journalContentHelper.getContent(journalArticle,locale,themeDisplay)}
65
66 <div class="horizontal-nav">
67 <a href="#" class="link-prev">
68 <i class="iconbt-prev-double"></i>
69 <span></span>
70 </a>
71 <a href="#" class="link-next">
72 <span></span>
73 <i class="iconbt-next-double"></i>
74 </a>
75 </div>
76 </div>
77 </div>
78 </#if>
79 </#list>
80 </#if>
81 </div>
82</div>