1<!--<#import "_TEMPLATE_CONTEXT_/${companyId}/10182/${class_name_id}/NAVIGATION_UTILITIES" as navigation_utilities>-->
2
3<ul class="adt-navigation">
4 <#if entries?has_content>
5 <#list entries as navPrimaryItem>
6 <li class="adt-nav-item dropdown">
7 <div class="adt-nav-text focusable" tabindex="3">
8 <span class="adt-nav-title text-truncate">
9 ${navPrimaryItem.getName()}
10
11 <span class="adt-angle-down-svg">
12 <svg aria-hidden="true" class="lexicon-icon lexicon-icon-angle-down" focusable="false"><use href="/o/osb-www-theme/images/clay/icons.svg#angle-down"></use></svg>
13 </span>
14 </span>
15 </div>
16
17 <@render_navigation_dropdown navPrimaryItem />
18 </li>
19 </#list>
20 </#if>
21</ul>
22
23<#macro getEntryType entryURL>
24 <#if entryURL?contains("blog")>
25 <#assign entryType = languageUtil.get(locale, "blog", "Blog")/>
26 <#elseif entryURL?contains("/resources/")>
27 <#assign type = (entryURL?matches(".*?/resources/([^/]+)/.*"))?groups[1]/>
28 <#assign entryType = languageUtil.get(locale, type, type?replace("-", " ")?capitalize)/>
29 <#else>
30 <#assign entryType = languageUtil.get(locale, "product-info", "Product Info") />
31 </#if>
32</#macro>
33
34<#macro render_navigation_dropdown navPrimaryItem>
35 <div class="adt-submenu dropdown-menu">
36 <div class="adt-submenu-outer-wrapper">
37 <div class="adt-submenu-inner-wrapper">
38 <#list navPrimaryItem.getChildren() as navSecondaryItem>
39 <#assign secondaryCustomFields = expandoHelper.getLocalizedExpandoValues(navSecondaryItem.getExpandoAttributes(), locale) />
40 <#assign backgroundColor = secondaryCustomFields["submenu-background-color"]!"" />
41 <#assign childColumns = secondaryCustomFields["submenu-columns"]!"" />
42 <#assign spanColumns = secondaryCustomFields["submenu-size"]!"25%"/>
43
44 <#assign columnSize = (spanColumns?keep_before("%")?number * 0.12)?round />
45
46 <#assign columnSpan = "_" + columnSize + "-section-span" />
47
48 <ul class="adt-submenu-section ${backgroundColor} ${columnSpan}">
49 <li class="adt-submenu-header color-neutral-3 font-size-small-caps">${navSecondaryItem.getName()}</li>
50
51 <#list navSecondaryItem.getChildren() as navTertiaryItem>
52 <#assign values = expandoHelper.getLocalizedExpandoValues(navTertiaryItem.getExpandoAttributes(), locale) />
53 <#assign descriptionText = values["description"]!"" />
54 <#assign imageURL = values["image-url"]!"" />
55 <#assign showType = values["show-type"]?c?boolean />
56 <#assign showImage = values["show-image"]?c?boolean />
57
58 <@getEntryType navSecondaryItem.getURL()/>
59
60
61 <li class="adt-submenu-item-content ${entryType?lower_case}-type grid-column-span-${childColumns}">
62 <a class="adt-submenu-item-link" href="${navTertiaryItem.getURL()}" tabindex="3">
63
64 <#if imageURL?has_content>
65 <img class="adt-submenu-item-image" src="${imageURL}" loading="lazy" />
66 </#if>
67
68 <div class="adt-submenu-item-text">
69 <#if imageURL?has_content>
70 <div class="adt-submenu-item-preheader color-neutral-3 font-weight-semi-bold">${entryType}</div>
71 </#if>
72
73 <div class="adt-submenu-item-title color-accent-10 ${(imageURL?has_content)?then('font-size-paragraph-small', 'font-size-paragraph-base')} font-weight-semi-bold">
74 ${languageUtil.get(locale, navTertiaryItem.getName()?c_lower_case?replace(" ", "-"), navTertiaryItem.getName())}
75 </div>
76
77 <#if descriptionText?has_content>
78 <div class="adt-submenu-item-description color-neutral-2 font-size-paragraph-xsmall">${descriptionText}</div>
79 </#if>
80 </div>
81 </a>
82 </li>
83 </#list>
84 </ul>
85 </#list>
86 </div>
87 </div>
88 </div>
89</#macro>