Main Content
हिंदी 
Accessibility Options
Zoom the page
Increase Text 
Decrease Text
Grey scale
High Contrast
Low contrast
Light background
Link's underline
Readable font
Reset 4(1)(b)(viii)
An error occurred while processing the template.
Template inclusion failed (for parameter value "_TEMPLATE_CONTEXT_/37301/37341/20097/NAVIGATION-MACRO-FTL"):
Unable to find FreeMarker template with ID _TEMPLATE_CONTEXT_/37301/37341/20097/NAVIGATION-MACRO-FTL
----
FTL stack trace ("~" means nesting-related):
- Failed at: #include "${templatesPath}/NAVIGATION... [in template "37301#37343#600896" at line 4, column 1]
----
1<div class="row responsive">
2 <div class="col-lg-12 pb-4 side-nav print-exclude desktop-left-nav">
3 <p class="back pt-3"><a href="javascript:history.go(-1);"><img src="/o/irdai-theme/images/svg/icons/back-cta-chevron.svg" alt="back" title="back"> Back</a></p>
4<#include "${templatesPath}/NAVIGATION-MACRO-FTL" />
5
6<#if !entries?has_content>
7 <#if themeDisplay.isSignedIn()>
8 <div class="alert alert-info">
9 <@liferay.language key="there-are-no-menu-items-to-display" />
10 </div>
11 </#if>
12<#else>
13 <#assign
14 portletDisplay = themeDisplay.getPortletDisplay()
15
16 navbarId = "navbar_" + portletDisplay.getId()
17 />
18
19 <div id="${navbarId}">
20 <div aria-label="<@liferay.language key='site-pages' />" class="nav navbar-nav navbar-site claim-menu-list show" role="menubar">
21 <#assign navItems = entries />
22
23
24
25 <#list navItems as navItem>
26 <#assign showChildrenNavItems = (displayDepth != 1) && navItem.hasBrowsableChildren() />
27
28 <#if navItem.isBrowsable() || showChildrenNavItems>
29 <#assign
30 nav_item_attr_has_popup = ""
31 nav_item_caret = ""
32 nav_item_css_class = "lfr-nav-item nav-item"
33 nav_item_href_link = ""
34 nav_item_link_css_class = "nav-link text-truncate"
35 />
36
37 <#if showChildrenNavItems>
38 <#assign nav_item_attr_has_popup = "aria-haspopup='true'" />
39 <#assign nav_item_caret>
40 <span class="lfr-nav-child-toggle px-1 ml-auto">
41 <@clay["icon"] symbol="angle-right" />
42 </span>
43 </#assign>
44 <#assign
45 nav_item_css_class = "${nav_item_css_class} dropdown"
46 nav_item_link_css_class = "${nav_item_link_css_class} dropdown-toggle"
47 />
48 </#if>
49
50 <#if navItem.isBrowsable()>
51 <#assign nav_item_href_link = "href='${navItem.getURL()}'" />
52 </#if>
53
54 <#if navItem.isChildSelected() || navItem.isSelected()>
55 <#assign
56 nav_item_css_class = "${nav_item_css_class} selected active"
57 />
58 </#if>
59
60 <p class="${nav_item_css_class} text-wrap" id="layout_${portletDisplay.getId()}_${navItem.getLayoutId()}" role="presentation">
61 <a aria-labelledby="layout_${portletDisplay.getId()}_${navItem.getLayoutId()}" ${nav_item_attr_has_popup} ${nav_item_href_link} ${navItem.getTarget()} role="menuitem" class="text-truncate">
62 <span class="text-truncate"><@liferay_theme["layout-icon"] layout=navItem.getLayout() /> ${navItem.getName()} </span>
63 </a>
64 ${nav_item_caret}
65</p>
66 <#if showChildrenNavItems>
67
68 <ul class="claim-list">
69 <@buildChildrenNavItems2
70 displayDepth=displayDepth
71 navItem=navItem
72 />
73
74 </ul>
75 </#if>
76
77
78 </#if>
79 </#list>
80
81
82
83
84 </div>
85 </div>
86
87 <#macro buildChildrenNavItems2
88 displayDepth
89 navItem
90 navItemLevel = 2
91 >
92 <#assign
93 portletDisplay = themeDisplay.getPortletDisplay()
94 />
95
96 <#list navItem.getChildren() as childNavigationItem>
97 <#assign
98 nav_child_css_class = ""
99 nav_item_caret = ""
100 sub_menu_heading_css_class = ""
101 />
102
103 <#if childNavigationItem.isChildSelected() || childNavigationItem.isSelected()>
104 <#assign
105 nav_child_css_class = "active selected"
106 />
107 </#if>
108
109 <#if childNavigationItem.hasBrowsableChildren() && ((displayDepth == 0) || (navItemLevel < displayDepth))>
110
111 <#assign nav_item_caret>
112 <span <span class="lfr-nav-child-toggle px-1 ml-auto float-right">
113 <@clay["icon"] symbol="angle-right" />
114 </span>
115 </#assign>
116
117 </#if>
118
119 <li class="${nav_child_css_class} text-wrap" id="layout_${portletDisplay.getId()}_${childNavigationItem.getLayoutId()}" role="presentation">
120 <#if childNavigationItem.isBrowsable()>
121 <a aria-labelledby="layout_${portletDisplay.getId()}_${childNavigationItem.getLayoutId()}" href="${childNavigationItem.getURL()}" ${childNavigationItem.getTarget()} role="menuitem"> ${childNavigationItem.getName()}
122
123 </a>
124 ${nav_item_caret}
125 <#else>
126 <a href="javascript:void(0)"> ${childNavigationItem.getName()}</a>
127 </#if>
128 </li>
129 <#if childNavigationItem.hasBrowsableChildren() && ((displayDepth == 0) || (navItemLevel < displayDepth))>
130 <ul class="claim-list">
131 <@buildChildrenNavItems2
132 displayDepth=displayDepth
133 navItem=childNavigationItem
134 navItemLevel=(navItemLevel + 1)
135 />
136 </ul>
137 </#if>
138
139 </#list>
140 </#macro>
141
142
143
144 <@liferay_aui.script use="liferay-navigation-interaction">
145 var navigation = A.one('#${navbarId}');
146
147 Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site';
148 Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site';
149
150 if (navigation) {
151 navigation.plug(Liferay.NavigationInteraction);
152 }
153 </@>
154</#if>
155 </div>
156 </div>
157
158 <div class="row responsive">
159 <div class="col-lg-12 side-nav print-exclude mobile-left-nav">
160<#include "${templatesPath}/NAVIGATION-MACRO-FTL" />
161
162<#if !entries?has_content>
163 <#if themeDisplay.isSignedIn()>
164 <div class="alert alert-info">
165 <@liferay.language key="there-are-no-menu-items-to-display" />
166 </div>
167 </#if>
168<#else>
169 <#assign
170 portletDisplay = themeDisplay.getPortletDisplay()
171
172 navbarId = "navbar_" + portletDisplay.getId()
173 />
174
175 <div id="${navbarId}">
176
177
178<div class="dropdown mobile-left-nav">
179<button class="btn btn-default dropdown-toggle w-100 text-left" type="button" data-toggle="dropdown"><span class="fa fa-bars mr-2"></span>Select Menu
180 </button>
181 <ul class="dropdown-menu">
182
183 <#assign navItems = entries />
184 <#list navItems as navItem>
185 <#assign showChildrenNavItems = (displayDepth != 1) && navItem.hasBrowsableChildren() />
186
187 <#if navItem.isBrowsable() || showChildrenNavItems>
188 <#assign
189 nav_item_attr_has_popup = ""
190 nav_item_caret = ""
191 nav_item_css_class = "lfr-nav-item nav-item"
192 nav_item_href_link = ""
193 nav_item_link_css_class = "nav-link"
194 tes=""
195 />
196
197 <#if showChildrenNavItems>
198 <#assign nav_item_attr_has_popup = "aria-haspopup='true'" />
199 <#assign nav_item_caret>
200 <span class="lfr-nav-child-toggle px-1 ml-auto">
201 <@clay["icon"] symbol="angle-down" />
202 </span>
203 </#assign>
204 <#assign
205 nav_item_css_class = "${nav_item_css_class} dropdown"
206 nav_item_link_css_class = "${nav_item_link_css_class} dropdown-toggle"
207 />
208 </#if>
209
210 <#if navItem.isBrowsable()>
211 <#assign nav_item_href_link = "href='${navItem.getURL()}'" />
212 </#if>
213
214 <#if navItem.isChildSelected() || navItem.isSelected()>
215 <#assign
216 nav_item_css_class = "${nav_item_css_class} selected active"
217
218 />
219 </#if>
220 <#if showChildrenNavItems>
221 <#assign nav_item_link_css_class="dropdown-submenu"
222 test="test"/>
223 </#if>
224 <li class="${nav_item_link_css_class}">
225 <a tabindex="-1" ${nav_item_href_link} ${navItem.getTarget()} class=" " >
226 <span class="text-truncate" title="${navItem.getName()}"><@liferay_theme["layout-icon"] layout=navItem.getLayout() /> ${navItem.getName()}</span>
227
228 </a>
229 ${nav_item_caret}
230 <#if showChildrenNavItems>
231
232 <ul class="dropdown-menu">
233 <@buildChildrenNavItems
234 displayDepth=displayDepth
235 navItem=navItem
236 />
237 </ul>
238
239 </#if>
240 </li>
241
242
243 </#if>
244 </#list>
245 </ul>
246 </div>
247
248 <#macro buildChildrenNavItems
249 displayDepth
250 navItem
251 navItemLevel = 2
252 >
253 <#assign
254 portletDisplay = themeDisplay.getPortletDisplay()
255 />
256 <#list navItem.getChildren() as childNavigationItem>
257 <#assign
258 nav_child_css_class = ""
259 nav_item_caret = ""
260 sub_menu_heading_css_class = ""
261 />
262
263 <#if childNavigationItem.isChildSelected() || childNavigationItem.isSelected()>
264 <#assign
265 nav_child_css_class = "active selected"
266 />
267 </#if>
268
269 <#if childNavigationItem.hasBrowsableChildren() && ((displayDepth == 0) || (navItemLevel < displayDepth))>
270 <#assign
271 nav_item_caret = '<i class="fas fa-chevron-right"></i>'
272 sub_menu_heading_css_class = ""
273 />
274
275 </#if>
276
277 <li class="${nav_child_css_class}" id="layout_${portletDisplay.getId()}_${childNavigationItem.getLayoutId()}" role="presentation">
278 <#if childNavigationItem.isBrowsable()>
279 <a aria-labelledby="layout_${portletDisplay.getId()}_${childNavigationItem.getLayoutId()}" class=" dropdown-item ${sub_menu_heading_css_class} " href="${childNavigationItem.getURL()}" ${childNavigationItem.getTarget()} role="menuitem"> ${childNavigationItem.getName()}
280
281 </a>
282 <span class="dropdown-toggle" data-toggle="dropdown">
283 ${nav_item_caret}
284 </span>
285 <#else>
286 <span class="dropdown-item font-weight-semi-bold navigation-menu__submenu">${childNavigationItem.getName()}</span>
287 </#if>
288
289 <#if childNavigationItem.hasBrowsableChildren() && ((displayDepth == 0) || (navItemLevel < displayDepth))>
290 <ul class="dropdown-menu submenu">
291 <@buildChildrenNavItems
292 displayDepth=displayDepth
293 navItem=childNavigationItem
294 navItemLevel=(navItemLevel + 1)
295 />
296 </ul>
297 </#if>
298 </li>
299 </#list>
300
301 </#macro>
302
303
304 <@liferay_aui.script use="liferay-navigation-interaction">
305 var navigation = A.one('#${navbarId}');
306
307 Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site';
308 Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site';
309
310 if (navigation) {
311 navigation.plug(Liferay.NavigationInteraction);
312 }
313 </@>
314</#if>
315 </div>
316 </div>
317
318
319
320 <style>
321 @media (max-width: 768px) {
322 .desktop-left-nav {
323 display: none;
324 }
325 .mobile-left-nav {
326 display: block;
327 }
328 .mobile-left-nav ul.dropdown-menu.show {
329 position: relative !important;
330 max-width: 100% !important;
331 width: 100% !important;
332 transform: translate3d(0px, 0px, 0px) !important;
333 }
334 .mobile-left-nav ul.dropdown-menu.show > li > a {
335 width: 94%;
336 float: left;
337 }
338 .mobile-left-nav ul.dropdown-menu.show > li {
339 clear: both;
340 }
341 .mobile-left-nav ul.dropdown-menu.show li > ul > li::before{
342 content: "";
343 width: 8px;
344 height: 8px;
345 background: #95b2c5;
346 border-radius: 3px;
347 display: block;
348 position: relative;
349 top: 22px;
350 }
351
352 }
353
354 @media (min-width: 768px) {
355 .desktop-left-nav {
356 display: block;
357 }
358 .mobile-left-nav {
359 display: none;
360 }
361 }
362 .caret {
363 width: 0;
364 height: 0;
365 display: inline-block;
366 border: 10px solid transparent;
367 }
368 .caret.down{
369 border-top-color: black;
370 }
371 .mobile-left-nav li.dropdown-submenu > ul {
372 display: block;
373 position: relative;
374 border: none;
375 box-shadow: none;
376 padding-left: 40px;
377 background: #fbfbfb;
378 width: 100%;
379 max-width: 100%;
380 padding-top: 0;
381 max-height: max-content;
382 }
383
384 .mobile-left-nav li a span.text-truncate {
385 max-width: 80%;
386 float: left;
387 }
388 .mobile-left-nav li {
389 padding-top: 0;
390 padding-bottom: 0;}
391 </style>
