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 <span> 6 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class="nav-icon"><path d="M23.9 18.2l3.3 3.3 1.1-1.1-4.4-4.4-7.8 7.8-3.3-3.3-1.1 1.1 4.4 4.4 7.8-7.8z"/><path d="M5 8v24h30V8H5zm28 22H7V12h26v18z"/></svg> 7 Server overview 8 </span> 9 </a> 10 </li> 11 <li> 12 <button class="btn-health" 13 ng-class="{opened: firstLevel == 'server-health'}" 14 ng-click="change('server-health')"> 15 <span> 16 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class="nav-icon"><path class="st0" d="M32 12.9V16H8V8h19M8 16h24v8H8zM8 24h24v8H8zM19 12h8M11 12h2M19 20h8M11 20h2M19 28h8M11 28h2"/><path d="M36.4 4l1.1 1.1-5.1 5.1-2.9-2.8 1.2-1.2L32.4 8z"/></svg> 17 Server health 18 </span> 19 </button> 20 <ul class="nav__second-level btn-health" 21 ng-style="navStyle" 22 ng-class="{opened: (showSubMenu && firstLevel == 'server-health')}"> 23 <li ng-class="{'active': (path == '/server-health/event-log')}"> 24 <a href="#/server-health/event-log" ng-click="closeSubnav()" 25 tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Event log</a> 26 </li> 27 <li ng-class="{'active': (path == '/server-health/inventory-overview' || path == '/server-health/inventory')}"> 28 <a href="#/server-health/inventory-overview" ng-click="closeSubnav()" 29 tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Hardware status</a> 30 </li> 31 <li ng-class="{'active': (path == '/server-health/sensors-overview' || path == '/server-health/sensors')}"> 32 <a href="#/server-health/sensors-overview" ng-click="closeSubnav()" 33 tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">Sensors</a> 34 </li> 35 <li ng-class="{'active': (path == '/server-health/sys-log')}" ng-show="dataService.configJson.redfishSupportEnabled"> 36 <a href="#/server-health/sys-log" ng-click="closeSubnav()" 37 tabindex="{{(showSubMenu && firstLevel == 'server-health') ? 0 : -1}}">System Logs</a> 38 </li> 39 </ul> 40 </li> 41 <li> 42 <button class="btn-control" ng-class="{opened: firstLevel == 'server-control'}" ng-click="change('server-control')"> 43 <span> 44 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class="nav-icon"><path class="st0" d="M8 12h24M8 20h24M8 28h24"/><path class="st1" d="M24 28h4M18 20h4M12 12h4"/></svg> 45 Server control 46 </span> 47 </button> 48 <ul class="nav__second-level btn-control" 49 ng-style="navStyle" 50 ng-class="{opened: (showSubMenu && firstLevel == 'server-control')}"> 51 <li ng-class="{'active': (path == '/server-control' || path == '/server-control/power-operations')}"> 52 <a href="#/server-control/power-operations" ng-click="closeSubnav()" 53 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Server power operations</a> 54 </li> 55 <li ng-class="{'active': (path == '/server-control/power-usage')}"> 56 <a href="#/server-control/power-usage" ng-click="closeSubnav()" 57 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Manage power usage</a> 58 </li> 59 <li ng-class="{'active': (path == '/server-control/server-led')}"> 60 <a href="#/server-control/server-led" ng-click="closeSubnav()" 61 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Server LED</a> 62 </li> 63 <li ng-class="{'active': (path == '/server-control/bmc-reboot')}"> 64 <a href="#/server-control/bmc-reboot" ng-click="closeSubnav()" 65 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Reboot BMC</a> 66 </li> 67 <li ng-class="{'active': (path == '/server-control/remote-console')}"> 68 <a href="#/server-control/remote-console" ng-click="closeSubnav()" 69 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Serial over LAN console</a> 70 </li> 71 <li ng-class="{'active': (path == '/server-control/kvm')}"> 72 <a href="#/server-control/kvm" ng-click="closeSubnav()" 73 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">KVM</a> 74 </li> 75 <li ng-class="{'active': (path == '/configuration' || path == '/configuration/virtual-media')}"> 76 <a href="#/configuration/virtual-media" ng-click="closeSubnav()" 77 tabindex="{{(showSubMenu && firstLevel == 'server-control') ? 0 : -1}}">Virtual Media</a> 78 </li> 79 </ul> 80 </li> 81 <li> 82 <button class="btn-config" ng-class="{opened: firstLevel == 'configuration'}" ng-click="change('configuration')"> 83 <span> 84 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class="nav-icon"><path d="M31.5 20c0-.6-.1-1.2-.2-1.8L35 15l-3.1-5.1-4.4 1.4c-1.1-.9-2.3-1.6-3.6-2.1L23 5h-6l-1 4.2c-1.3.5-2.5 1.2-3.6 2.1L8.1 9.9 5 15l3.7 3.2c-.1.6-.2 1.2-.2 1.8 0 .6.1 1.2.2 1.8L5 25l3.1 5.1 4.4-1.4c1.1.9 2.3 1.6 3.6 2.1l1 4.2h6l1-4.2c1.3-.5 2.5-1.2 3.6-2.1l4.4 1.4L35 25l-3.7-3.2c.1-.6.2-1.2.2-1.8zm.9 5.4L31 27.7l-2.9-.9-1.1-.4-.9.7c-.9.8-1.9 1.3-2.9 1.7l-1 .4-.2 1.1-.6 2.7h-2.8l-.6-2.7-.2-1.1-1-.4c-1.1-.4-2.1-1-2.9-1.7l-.9-.7-1.1.4-2.9.9-1.4-2.3 2.4-2.1.8-.7-.2-1.1c-.1-.5-.1-1-.1-1.5 0-.4 0-.9.1-1.5l.2-1.1-.8-.7-2.4-2.1L9 12.3l2.9.9 1.1.4.9-.7c.9-.8 1.9-1.3 2.9-1.7l1-.4.2-1.1.6-2.7h2.8l.6 2.7.2 1.1 1 .4c1.1.4 2.1 1 2.9 1.7l.9.7 1.1-.4 2.9-.9 1.4 2.3-2.4 2.1-.8.7.2 1.1c.1.6.1 1 .1 1.5s0 .9-.1 1.5l-.2 1.1.8.7 2.4 2.1z"/><path d="M20 15c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/></svg> 85 Server configuration 86 </span> 87 </button> 88 <ul class="nav__second-level btn-firmware" 89 ng-style="navStyle" 90 ng-class="{opened: (showSubMenu && firstLevel == 'configuration')}"> 91 <li ng-class="{'active': (path == '/configuration' || path == '/configuration/network')}"> 92 <a href="#/configuration/network" ng-click="closeSubnav()" 93 tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Network settings</a> 94 </li> 95 <li ng-class="{'active': (path == '/configuration' || path == '/configuration/snmp')}"> 96 <a href="#/configuration/snmp" ng-click="closeSubnav()" 97 tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">SNMP settings</a> 98 </li> 99 <li ng-class="{'active': (path == '/configuration' || path == '/configuration/firmware')}"> 100 <a href="#/configuration/firmware" ng-click="closeSubnav()" 101 tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Firmware</a> 102 </li> 103 <li ng-class="{'active': (path == '/configuration' || path == '/configuration/date-time')}"> 104 <a href="#/configuration/date-time" ng-click="closeSubnav()" 105 tabindex="{{(showSubMenu && firstLevel == 'configuration') ? 0 : -1}}">Date and time settings</a> 106 </li> 107 </ul> 108 </li> 109 <li> 110 <button class="btn-users" ng-class="{opened: firstLevel == 'users'}" ng-click="change('users')"> 111 <span> 112 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="nav-icon"><path d="M16 21c5.523 0 10-4.477 10-10S21.523 1 16 1 6 5.477 6 11s4.477 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8zm8 20H8a4 4 0 0 0-4 4v4h24v-4a4 4 0 0 0-4-4z"/></svg> 113 Users 114 </span> 115 </button> 116 <ul class="nav__second-level btn-users" 117 ng-style="navStyle" 118 ng-class="{opened: (showSubMenu && firstLevel == 'users')}"> 119 <li ng-class="{'active': (path == '/users' || path == '/users/manage-accounts')}"> 120 <a href="#/users/manage-accounts" ng-click="closeSubnav()" 121 tabindex="{{ (showSubMenu && firstLevel == 'users') ? 0 : -1}}">Manage user account</a> 122 </li> 123 </ul> 124 </li> 125 </ul> 126</nav> 127