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"
11      ng-class="{opened: firstLevel == 'server-health'}"
12      ng-click="change('server-health')">
13        <icon class="nav-icon" file="icon-health.svg"></icon>
14        Server health
15      </button>
16      <ul class="nav__second-level btn-health"
17        ng-style="navStyle"
18        ng-class="{opened: (showSubMenu && firstLevel == 'server-health')}">
19        <li ng-class="{'active': (path == '/server-health/event-log')}">
20          <a href="#/server-health/event-log" ng-click="closeSubnav()"
21            tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Event log</a>
22        </li>
23        <li ng-class="{'active': (path == '/server-health/inventory-overview' || path == '/server-health/inventory')}">
24          <a href="#/server-health/inventory-overview" ng-click="closeSubnav()"
25            tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Hardware status</a>
26        </li>
27        <li ng-class="{'active': (path == '/server-health/sensors-overview' || path == '/server-health/sensors')}">
28          <a href="#/server-health/sensors-overview" ng-click="closeSubnav()"
29            tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Sensors</a>
30        </li>
31        <li ng-class="{'active': (path == '/server-health/sys-log')}" ng-show="!dataService.configJson.redfishEventLogDisabled">
32          <a href="#/server-health/sys-log" ng-click="closeSubnav()"
33            tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">System logs</a>
34        </li>
35      </ul>
36    </li>
37    <li>
38      <button class="btn-control" ng-class="{opened: firstLevel == 'server-control'}" ng-click="change('server-control')">
39        <icon class="nav-icon  nav-icon__control" file="icon-control.svg"></icon>
40        Server control
41      </button>
42      <ul class="nav__second-level btn-control"
43        ng-style="navStyle"
44        ng-class="{opened: (showSubMenu && firstLevel == 'server-control')}">
45        <li ng-class="{'active': (path == '/server-control' || path == '/server-control/power-operations')}">
46          <a href="#/server-control/power-operations" ng-click="closeSubnav()"
47            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Server power operations</a>
48        </li>
49        <li ng-class="{'active': (path == '/server-control/power-usage')}">
50          <a href="#/server-control/power-usage" ng-click="closeSubnav()"
51            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Manage power usage</a>
52        </li>
53        <li ng-class="{'active': (path == '/server-control/server-led')}">
54          <a href="#/server-control/server-led" ng-click="closeSubnav()"
55            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Server LED</a>
56        </li>
57        <li ng-class="{'active': (path == '/server-control/bmc-reboot')}">
58          <a href="#/server-control/bmc-reboot" ng-click="closeSubnav()"
59            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Reboot BMC</a>
60        </li>
61        <li ng-class="{'active': (path == '/server-control/remote-console')}">
62          <a href="#/server-control/remote-console" ng-click="closeSubnav()"
63            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Serial over LAN console</a>
64        </li>
65        <li ng-class="{'active': (path == '/server-control/kvm')}">
66          <a href="#/server-control/kvm" ng-click="closeSubnav()"
67            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">KVM</a>
68        </li>
69        <li ng-class="{'active': (path == '/server-control/virtual-media')}">
70          <a href="#/server-control/virtual-media" ng-click="closeSubnav()"
71            tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Virtual Media</a>
72        </li>
73      </ul>
74    </li>
75    <li>
76      <button class="btn-config" ng-class="{opened: firstLevel == 'configuration'}" ng-click="change('configuration')">
77        <icon class="nav-icon" file="icon-config.svg"></icon>
78        Server configuration
79      </button>
80      <ul class="nav__second-level btn-firmware"
81        ng-style="navStyle"
82        ng-class="{opened: (showSubMenu && firstLevel == 'configuration')}">
83        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/network')}">
84          <a href="#/configuration/network" ng-click="closeSubnav()"
85            tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Network settings</a>
86        </li>
87        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/certificate')}">
88          <a href="#/configuration/certificate" ng-click="closeSubnav()"
89            tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Certificate management</a>
90        </li>
91        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/snmp')}">
92          <a href="#/configuration/snmp" ng-click="closeSubnav()"
93            tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">SNMP settings</a>
94        </li>
95        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/firmware')}">
96          <a href="#/configuration/firmware" ng-click="closeSubnav()"
97            tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Firmware</a>
98        </li>
99        <li ng-class="{'active': (path == '/configuration' || path == '/configuration/date-time')}">
100          <a href="#/configuration/date-time" ng-click="closeSubnav()"
101            tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Date and time settings</a>
102        </li>
103      </ul>
104    </li>
105    <li>
106      <button class="btn-users" ng-class="{opened: firstLevel == 'users'}" ng-click="change('users')">
107        <icon class="nav-icon" file="icon-user.svg"></icon>
108        Users
109      </button>
110      <ul class="nav__second-level btn-users"
111        ng-style="navStyle"
112        ng-class="{opened: (showSubMenu && firstLevel == 'users')}">
113        <li ng-class="{'active': (path == '/users' || path == '/users/manage-accounts')}">
114          <a href="#/users/manage-accounts" ng-click="closeSubnav()"
115            tabindex="{{ (showSubMenu && firstLevel == 'users') ? 0 : -1}}">Manage user account</a>
116        </li>
117      </ul>
118    </li>
119  </ul>
120</nav>
121