1<nav class="nav__wrapper">
2  <ul id="nav__top-level" ng-style="navStyle">
3    <li>
4      <a class="btn-overview" ng-class="{opened: firstLevel == 'overview'}" href="#/overview/server" ng-click="change('overview')">
5        <icon class="nav-icon" file="icon-overview.svg"></icon>
6        Server overview
7      </a>
8    </li>
9    <li>
10      <button class="btn-health" ng-class="{opened: firstLevel == 'server-health'}" ng-click="change('server-health')">
11        <icon class="nav-icon" file="icon-health.svg"></icon>
12        Server health
13      </button>
14      <ul class="nav__second-level btn-health" ng-style="navStyle" ng-class="{opened: (showSubMenu && firstLevel == 'server-health')}">
15        <li ng-class="{'active': (path == '/server-health/event-log')}">
16          <a href="#/server-health/event-log" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Event log</a>
17        </li>
18        <li ng-class="{'active': (path == '/server-health/inventory-overview' || path == '/server-health/inventory')}">
19          <a href="#/server-health/inventory-overview" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Hardware status</a>
20        </li>
21        <li ng-class="{'active': (path == '/server-health/sensors-overview' || path == '/server-health/sensors')}">
22          <a href="#/server-health/sensors-overview" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Sensors</a>
23        </li>
24        <li ng-class="{'active': (path == '/server-health/sys-log')}" ng-show="!dataService.configJson.redfishEventLogDisabled">
25          <a href="#/server-health/sys-log" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">System logs</a>
26        </li>
27      </ul>
28    </li>
29    <li>
30      <button class="btn-control" ng-class="{opened: firstLevel == 'server-control'}" ng-click="change('server-control')">
31        <icon class="nav-icon  nav-icon__control" file="icon-control.svg"></icon>
32        Server control
33      </button>
34      <ul class="nav__second-level btn-control" ng-style="navStyle" ng-class="{opened: (showSubMenu && firstLevel == 'server-control')}">
35        <li ng-class="{'active': (path == '/server-control' || path == '/server-control/power-operations')}">
36          <a href="#/server-control/power-operations" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Server power operations</a>
37        </li>
38        <li ng-class="{'active': (path == '/server-control/power-usage')}">
39          <a href="#/server-control/power-usage" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Manage power usage</a>
40        </li>
41        <li ng-class="{'active': (path == '/server-control/server-led')}">
42          <a href="#/server-control/server-led" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Server LED</a>
43        </li>
44        <li ng-class="{'active': (path == '/server-control/bmc-reboot')}">
45          <a href="#/server-control/bmc-reboot" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Reboot BMC</a>
46        </li>
47        <li ng-class="{'active': (path == '/server-control/remote-console')}">
48          <a href="#/server-control/remote-console" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Serial over LAN console</a>
49        </li>
50        <li ng-class="{'active': (path == '/server-control/kvm')}">
51          <a href="#/server-control/kvm" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">KVM</a>
52        </li>
53        <li ng-class="{'active': (path == '/server-control/virtual-media')}">
54          <a href="#/server-control/virtual-media" ng-click="closeSubnav()"
55            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Virtual Media</a>
56        </li>
57      </ul>
58    </li>
59    <li>
60      <button class="btn-config" ng-class="{opened: firstLevel == 'configuration'}" ng-click="change('configuration')">
61        <icon class="nav-icon" file="icon-config.svg"></icon>
62        Server configuration
63      </button>
64      <ul class="nav__second-level btn-firmware" ng-style="navStyle" ng-class="{opened: (showSubMenu && firstLevel == 'configuration')}">
65        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/network')}">
66          <a href="#/configuration/network" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Network settings</a>
67        </li>
68        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/snmp')}">
69          <a href="#/configuration/snmp" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">SNMP settings</a>
70        </li>
71        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/firmware')}">
72          <a href="#/configuration/firmware" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Firmware</a>
73        </li>
74        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/date-time')}">
75          <a href="#/configuration/date-time" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Date and time settings</a>
76        </li>
77      </ul>
78    </li>
79    <li>
80      <button class="btn-access-control" ng-class="{opened: firstLevel == 'access-control'}" ng-click="change('access-control')">
81        <span>
82          <icon class="nav-icon" file="icon-key.svg"></icon>
83          Access control
84        </span>
85      </button>
86      <ul class="nav__second-level btn-access-control" ng-style="navStyle" ng-class="{opened: (showSubMenu && firstLevel == 'access-control')}">
87        <li ng-class="{'active': (path == '/access-control' || path == '/access-control/ldap')}">
88          <a href="#/access-control/ldap" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">LDAP</a>
89        </li>
90        <li ng-class="{'active': (path == '/access-control' || path == '/access-control/local-users')}">
91          <a href="#/access-control/local-users" ng-click="closeSubnav()" tabindex="{{ (showSubMenu && firstLevel == 'access-control') ? 0 : -1}}">Local users</a>
92        </li>
93        <li ng-class="{'active': (path == '/access-control' || path == '/access-control/ssl-certificates')}">
94          <a href="#/access-control/ssl-certificates" ng-click="closeSubnav()" tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">SSL certificates</a>
95        </li>
96      </ul>
97    </li>
98  </ul>
99</nav>
100