1<#assign
2 groupFriendlyURL = themeDisplay.getScopeGroup().getFriendlyURL()
3 groupPathFriendlyURLPublic = themeDisplay.getPathFriendlyURLPublic() + groupFriendlyURL
4 rawJson = navigation.getData()?replace(""", "\"")
5 navigationJSONObject = rawJson?eval
6 navigationMenuItems =
7 {
8 "Analytics Cloud": {
9 "image": "/documents/d${groupFriendlyURL}/analytics_c-svg",
10 "title": "Analytics Cloud",
11 "url": "analytics-cloud"
12 },
13 "Commerce": {
14 "image": "/documents/d${groupFriendlyURL}/commerce_product-svg",
15 "title": "Commerce",
16 "url": "commerce"
17 },
18 "DXP": {
19 "image": "/documents/d${groupFriendlyURL}/dxp_p-svg",
20 "title": "DXP / Portal",
21 "url": "dxp"
22 },
23 "Liferay Cloud": {
24 "image": "/documents/d${groupFriendlyURL}/dxp_c-svg",
25 "title": "Liferay Cloud",
26 "url": "liferay-cloud"
27 },
28 "Reference": {
29 "image": "/documents/d${groupFriendlyURL}/reference-svg",
30 "title": "Reference",
31 "url": "reference"
32 }
33 }
34
35 breadcrumbJSONArray = navigationJSONObject.getJSONArray("breadcrumb")
36 childrenJSONArray = navigationJSONObject.getJSONArray("children")
37 parentJSONObject = navigationJSONObject.getJSONObject("parent")
38 productJSONObject = breadcrumbJSONArray.getJSONObject(breadcrumbJSONArray.length()-1)!navigationJSONObject.getJSONObject("self")
39 siblingsJSONArray = navigationJSONObject.getJSONArray("siblings")
40/>
41
42<div class="learn-article-nav">
43 <#if productJSONObject?has_content && productJSONObject.getString("title")?has_content && navigationMenuItems[productJSONObject.getString("title")]?has_content && navigationMenuItems[productJSONObject.getString("title")].title?has_content>
44 <div
45 class="dropdown learn-article-nav-root learn-dropdown"
46 >
47 <div class="learn-article-nav-item">
48 <div class="d-flex">
49 <div class="learn-article-nav-image">
50 <img
51 class="lexicon-icon lexicon-icon-caret-bottom product-icon"
52 role="presentation"
53 src='${navigationMenuItems[productJSONObject.getString("title")].image}'
54 viewBox="0 0 512 512"
55 />
56 </div>
57
58 <span class="learn-article-nav-text">${navigationMenuItems[productJSONObject.getString("title")].title}</span>
59 </div>
60
61 <div id="dropdown-icon">
62 <svg
63 class="lexicon-icon lexicon-icon-caret-bottom"
64 role="presentation"
65 viewBox="0 0 512 512"
66 >
67 <use xlink:href="/o/admin-theme/images/clay/icons.svg#caret-bottom"></use>
68 </svg>
69 </div>
70 </div>
71
72 <ul class="dropdown-menu learn-dropdown-menu">
73 <#list navigationMenuItems as key, value>
74 <li>
75 <a
76 class="dropdown-item learn-article-nav-item"
77 href="/w/${navigationMenuItems[key].url}/index"
78 tabindex="4"
79 >
80 <span class="d-flex">
81 <span class="learn-article-nav-image">
82 <img
83 class="lexicon-icon lexicon-icon-caret-bottom product-icon mt-0 mr-2"
84 role="presentation"
85 src="${value.image}"height: 25px; margin-left: 5px; max-width: none; width: 25px;
86 viewBox="0 0 512 512"
87 />
88 </span>
89 <span class="learn-article-nav-text">${value.title}</span>
90 </span>
91
92 <#if navigationMenuItems[productJSONObject.getString("title")].url == value.url>
93 <span>
94 <@clay["icon"] symbol="check" />
95 </span>
96 </#if>
97 </a>
98 </li>
99 </#list>
100 </ul>
101 </div>
102 </#if>
103
104 <div class="learn-article-nav-content">
105 <#if parentJSONObject?has_content && parentJSONObject.getString("url")?has_content>
106 <div class="learn-article-nav-item learn-article-nav-parent liferay-nav-item p-2">
107 <div class="mr-2">
108 <a
109 href='${parentJSONObject.getString("url")}'
110 >
111 <svg
112 class="lexicon-icon lexicon-icon-angle-left"
113 role="presentation"
114 viewBox="0 0 512 512"
115 >
116 <use xlink:href="/o/admin-theme/images/clay/icons.svg#angle-left"></use>
117 </svg>
118 </a>
119 </div>
120
121 <span>${parentJSONObject.getString("title")}</span>
122 </div>
123 </#if>
124
125 <#if childrenJSONArray.length() gt 0>
126 <ul class="m-0 p-2">
127 <#list 0..childrenJSONArray.length()-1 as i>
128 <li class="learn-article-nav-item">
129 <a
130 class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == childrenJSONArray.getJSONObject(i).url)?then("selected", "")}'
131 href="${childrenJSONArray.getJSONObject(i).url}"
132 >
133 <span>${childrenJSONArray.getJSONObject(i).getString("title")}</span>
134 </a>
135 </li>
136 </#list>
137 </ul>
138 <#elseif siblingsJSONArray.length() gt 0>
139 <ul class="m-0 p-2">
140 <#list 0..siblingsJSONArray.length()-1 as i>
141 <li class="learn-article-nav-item">
142 <a
143 class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == siblingsJSONArray.getJSONObject(i).url)?then("selected", "")}'
144 href="${siblingsJSONArray.getJSONObject(i).url}"
145 >
146 <span>${siblingsJSONArray.getJSONObject(i).getString("title")}</span>
147 </a>
148 </li>
149 </#list>
150 </ul>
151 </#if>
152 </div>
153</div>