1<#include "${templatesPath}/NAVIGATION-MACRO-FTL" /> 

2 

3<#if !entries?has_content> 

4	<#if themeDisplay.isSignedIn()> 

5		<div class="alert alert-info"> 

6			<@liferay.language key="there-are-no-menu-items-to-display" /> 

7		</div> 

8	</#if> 

9<#else> 

10	<#assign 

11		portletDisplay = themeDisplay.getPortletDisplay() 

12 

13		navbarId = "navbar_" + portletDisplay.getId() 

14	/> 

15 

16	<div id="${navbarId}"> 

17		<ul aria-label="<@liferay.language key="site-pages" />" class="navbar-blank navbar-nav navbar-site" role="menubar"> 

18			<#assign navItems = entries /> 

19 

20			<#list navItems as navItem> 

21				<#assign showChildrenNavItems = (displayDepth != 1) && navItem.hasBrowsableChildren() /> 

22 

23				<#if navItem.isBrowsable() || showChildrenNavItems> 

24					<#assign 

25						nav_item_attr_has_popup = "" 

26						nav_item_caret = "" 

27						nav_item_css_class = "lfr-nav-item nav-item" 

28						nav_item_href_link = "" 

29						nav_item_link_css_class = "nav-link text-truncate" 

30					/> 

31 

32					<#if showChildrenNavItems> 

33						<#assign nav_item_attr_has_popup = "aria-haspopup='true'" /> 

34 

35						<#assign nav_item_caret> 

36							<span class="lfr-nav-child-toggle"> 

37								<@liferay_aui.icon 

38									image="angle-down" 

39									markupView="lexicon" 

40								/> 

41							</span> 

42						</#assign> 

43 

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					<li class="${nav_item_css_class}" id="layout_${portletDisplay.getId()}_${navItem.getLayoutId()}" role="presentation"> 

61						<a ${nav_item_attr_has_popup} class="${nav_item_link_css_class}" ${nav_item_href_link} ${navItem.getTarget()} role="menuitem"> 

62							<span class="text-truncate"><@liferay_theme["layout-icon"] layout=navItem.getLayout() /> ${navItem.getName()} ${nav_item_caret}</span> 

63						</a> 

64 

65						<#if showChildrenNavItems> 

66							<ul aria-expanded="false" class="child-menu dropdown-menu" role="menu"> 

67								<@buildChildrenNavItems 

68									displayDepth=displayDepth 

69									navItem=navItem 

70								/> 

71							</ul> 

72						</#if> 

73					</li> 

74				</#if> 

75			</#list> 

76		</ul> 

77	</div> 

78 

79	<@liferay_aui.script use="liferay-navigation-interaction"> 

80		var navigation = A.one('#${navbarId}'); 

81 

82		Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site'; 

83		Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site'; 

84 

85		if (navigation) { 

86			navigation.plug(Liferay.NavigationInteraction); 

87		} 

88	</@> 

89</#if>