|  | // Jest Snapshot v1, https://goo.gl/fbAQLP | 
|  |  | 
|  | exports[`AppNavigation.vue should render correctly 1`] = ` | 
|  | <div> | 
|  | <div | 
|  | class="nav-container" | 
|  | > | 
|  | <nav | 
|  | aria-label="appNavigation.primaryNavigation" | 
|  | > | 
|  | <ul | 
|  | class="nav mb-4 flex-column" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | data-test-id="nav-item-overview" | 
|  | > | 
|  | <a | 
|  | aria-current="page" | 
|  | class="nav-link router-link-exact-active router-link-active" | 
|  | href="#/" | 
|  | target="_self" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4Z" | 
|  | /> | 
|  | <path | 
|  | d="M30,9H23v2h3.59L19,18.59l-4.29-4.3a1,1,0,0,0-1.42,0L6,21.59,7.41,23,14,16.41l4.29,4.3a1,1,0,0,0,1.42,0L28,12.41V16h2Z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.overview | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="health" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-health" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z" | 
|  | /> | 
|  | <circle | 
|  | cx="11" | 
|  | cy="8" | 
|  | r="1" | 
|  | /> | 
|  | <circle | 
|  | cx="11" | 
|  | cy="16" | 
|  | r="1" | 
|  | /> | 
|  | <circle | 
|  | cx="11" | 
|  | cy="24" | 
|  | r="1" | 
|  | /> | 
|  | <path | 
|  | d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.health | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="health" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-event-logs" | 
|  | href="#/health/event-logs" | 
|  | > | 
|  |  | 
|  | appNavigation.eventLogs | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-hardware-status" | 
|  | href="#/health/hardware-status" | 
|  | > | 
|  |  | 
|  | appNavigation.hardwareStatus | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-sensors" | 
|  | href="#/health/sensors" | 
|  | > | 
|  |  | 
|  | appNavigation.sensors | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="control" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-control" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30V8zM21 12c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3S22.7 12 21 12zM2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2V24zM11 20c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3S9.3 20 11 20z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.control | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="control" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-factory-reset" | 
|  | href="#/control/factory-reset" | 
|  | > | 
|  |  | 
|  | appNavigation.factoryReset | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-kvm" | 
|  | href="#/control/kvm" | 
|  | > | 
|  |  | 
|  | appNavigation.kvm | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-manage-power-usage" | 
|  | href="#/control/manage-power-usage" | 
|  | > | 
|  |  | 
|  | appNavigation.managePowerUsage | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-power-restore-policy" | 
|  | href="#/control/power-restore-policy" | 
|  | > | 
|  |  | 
|  | appNavigation.powerRestorePolicy | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-reboot-bmc" | 
|  | href="#/control/reboot-bmc" | 
|  | > | 
|  |  | 
|  | appNavigation.rebootBmc | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-serial-over-lan" | 
|  | href="#/control/serial-over-lan" | 
|  | > | 
|  |  | 
|  | appNavigation.serialOverLan | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-server-led" | 
|  | href="#/control/server-led" | 
|  | > | 
|  |  | 
|  | appNavigation.serverLed | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-server-power-operations" | 
|  | href="#/control/server-power-operations" | 
|  | > | 
|  |  | 
|  | appNavigation.serverPowerOperations | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-virtual-media" | 
|  | href="#/control/virtual-media" | 
|  | > | 
|  |  | 
|  | appNavigation.virtualMedia | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="configuration" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-configuration" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M13.5,8.4c0-0.1,0-0.3,0-0.4c0-0.1,0-0.3,0-0.4l1-0.8c0.4-0.3,0.4-0.9,0.2-1.3l-1.2-2C13.3,3.2,13,3,12.6,3	c-0.1,0-0.2,0-0.3,0.1l-1.2,0.4c-0.2-0.1-0.4-0.3-0.7-0.4l-0.3-1.3C10.1,1.3,9.7,1,9.2,1H6.8c-0.5,0-0.9,0.3-1,0.8L5.6,3.1	C5.3,3.2,5.1,3.3,4.9,3.4L3.7,3C3.6,3,3.5,3,3.4,3C3,3,2.7,3.2,2.5,3.5l-1.2,2C1.1,5.9,1.2,6.4,1.6,6.8l0.9,0.9c0,0.1,0,0.3,0,0.4	c0,0.1,0,0.3,0,0.4L1.6,9.2c-0.4,0.3-0.5,0.9-0.2,1.3l1.2,2C2.7,12.8,3,13,3.4,13c0.1,0,0.2,0,0.3-0.1l1.2-0.4	c0.2,0.1,0.4,0.3,0.7,0.4l0.3,1.3c0.1,0.5,0.5,0.8,1,0.8h2.4c0.5,0,0.9-0.3,1-0.8l0.3-1.3c0.2-0.1,0.4-0.2,0.7-0.4l1.2,0.4	c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.7-0.2,0.9-0.5l1.1-2c0.2-0.4,0.2-0.9-0.2-1.3L13.5,8.4z M12.6,12l-1.7-0.6c-0.4,0.3-0.9,0.6-1.4,0.8	L9.2,14H6.8l-0.4-1.8c-0.5-0.2-0.9-0.5-1.4-0.8L3.4,12l-1.2-2l1.4-1.2c-0.1-0.5-0.1-1.1,0-1.6L2.2,6l1.2-2l1.7,0.6	C5.5,4.2,6,4,6.5,3.8L6.8,2h2.4l0.4,1.8c0.5,0.2,0.9,0.5,1.4,0.8L12.6,4l1.2,2l-1.4,1.2c0.1,0.5,0.1,1.1,0,1.6l1.4,1.2L12.6,12z" | 
|  | /> | 
|  | <path | 
|  | d="M8,11c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3C11,9.6,9.7,11,8,11C8,11,8,11,8,11z M8,6C6.9,6,6,6.8,6,7.9C6,7.9,6,8,6,8	c0,1.1,0.8,2,1.9,2c0,0,0.1,0,0.1,0c1.1,0,2-0.8,2-1.9c0,0,0-0.1,0-0.1C10,6.9,9.2,6,8,6C8.1,6,8,6,8,6z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.configuration | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="configuration" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-date-time-settings" | 
|  | href="#/configuration/date-time-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.dateTimeSettings | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-firmware" | 
|  | href="#/configuration/firmware" | 
|  | > | 
|  |  | 
|  | appNavigation.firmware | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-network-settings" | 
|  | href="#/configuration/network-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.networkSettings | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-security-settings" | 
|  | href="#/configuration/security-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.securitySettings | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-snmp-settings" | 
|  | href="#/snmp-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.snmpSettings | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="access-control" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-access-control" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M21,2a8.9977,8.9977,0,0,0-8.6119,11.6118L2,24v6H8L18.3881,19.6118A9,9,0,1,0,21,2Zm0,16a7.0125,7.0125,0,0,1-2.0322-.3022L17.821,17.35l-.8472.8472-3.1811,3.1812L12.4141,20,11,21.4141l1.3787,1.3786-1.5859,1.586L9.4141,23,8,24.4141l1.3787,1.3786L7.1716,28H4V24.8284l9.8023-9.8023.8472-.8474-.3473-1.1467A7,7,0,1,1,21,18Z" | 
|  | /> | 
|  | <circle | 
|  | cx="22" | 
|  | cy="10" | 
|  | r="2" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.accessControl | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="access-control" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-client-sessions" | 
|  | href="#/access-control/client-sessions" | 
|  | > | 
|  |  | 
|  | appNavigation.clientSessions | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-ldap" | 
|  | href="#/access-control/ldap" | 
|  | > | 
|  |  | 
|  | appNavigation.ldap | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-local-user-management" | 
|  | href="#/access-control/local-user-management" | 
|  | > | 
|  |  | 
|  | appNavigation.localUserManagement | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-ssl-certificates" | 
|  | href="#/access-control/ssl-certificates" | 
|  | > | 
|  |  | 
|  | appNavigation.sslCertificates | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | </ul> | 
|  | </nav> | 
|  | </div> | 
|  |  | 
|  | <transition-stub | 
|  | name="fade" | 
|  | > | 
|  | <!----> | 
|  | </transition-stub> | 
|  | </div> | 
|  | `; | 
|  |  | 
|  | exports[`AppNavigation.vue should render with nav-container open 1`] = ` | 
|  | <div> | 
|  | <div | 
|  | class="nav-container" | 
|  | > | 
|  | <nav | 
|  | aria-label="appNavigation.primaryNavigation" | 
|  | > | 
|  | <ul | 
|  | class="nav mb-4 flex-column" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | data-test-id="nav-item-overview" | 
|  | > | 
|  | <a | 
|  | aria-current="page" | 
|  | class="nav-link router-link-exact-active router-link-active" | 
|  | href="#/" | 
|  | target="_self" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4Z" | 
|  | /> | 
|  | <path | 
|  | d="M30,9H23v2h3.59L19,18.59l-4.29-4.3a1,1,0,0,0-1.42,0L6,21.59,7.41,23,14,16.41l4.29,4.3a1,1,0,0,0,1.42,0L28,12.41V16h2Z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.overview | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="health" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-health" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z" | 
|  | /> | 
|  | <circle | 
|  | cx="11" | 
|  | cy="8" | 
|  | r="1" | 
|  | /> | 
|  | <circle | 
|  | cx="11" | 
|  | cy="16" | 
|  | r="1" | 
|  | /> | 
|  | <circle | 
|  | cx="11" | 
|  | cy="24" | 
|  | r="1" | 
|  | /> | 
|  | <path | 
|  | d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.health | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="health" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-event-logs" | 
|  | href="#/health/event-logs" | 
|  | > | 
|  |  | 
|  | appNavigation.eventLogs | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-hardware-status" | 
|  | href="#/health/hardware-status" | 
|  | > | 
|  |  | 
|  | appNavigation.hardwareStatus | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-sensors" | 
|  | href="#/health/sensors" | 
|  | > | 
|  |  | 
|  | appNavigation.sensors | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="control" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-control" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30V8zM21 12c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3S22.7 12 21 12zM2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2V24zM11 20c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3S9.3 20 11 20z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.control | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="control" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-factory-reset" | 
|  | href="#/control/factory-reset" | 
|  | > | 
|  |  | 
|  | appNavigation.factoryReset | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-kvm" | 
|  | href="#/control/kvm" | 
|  | > | 
|  |  | 
|  | appNavigation.kvm | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-manage-power-usage" | 
|  | href="#/control/manage-power-usage" | 
|  | > | 
|  |  | 
|  | appNavigation.managePowerUsage | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-power-restore-policy" | 
|  | href="#/control/power-restore-policy" | 
|  | > | 
|  |  | 
|  | appNavigation.powerRestorePolicy | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-reboot-bmc" | 
|  | href="#/control/reboot-bmc" | 
|  | > | 
|  |  | 
|  | appNavigation.rebootBmc | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-serial-over-lan" | 
|  | href="#/control/serial-over-lan" | 
|  | > | 
|  |  | 
|  | appNavigation.serialOverLan | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-server-led" | 
|  | href="#/control/server-led" | 
|  | > | 
|  |  | 
|  | appNavigation.serverLed | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-server-power-operations" | 
|  | href="#/control/server-power-operations" | 
|  | > | 
|  |  | 
|  | appNavigation.serverPowerOperations | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-virtual-media" | 
|  | href="#/control/virtual-media" | 
|  | > | 
|  |  | 
|  | appNavigation.virtualMedia | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="configuration" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-configuration" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M13.5,8.4c0-0.1,0-0.3,0-0.4c0-0.1,0-0.3,0-0.4l1-0.8c0.4-0.3,0.4-0.9,0.2-1.3l-1.2-2C13.3,3.2,13,3,12.6,3	c-0.1,0-0.2,0-0.3,0.1l-1.2,0.4c-0.2-0.1-0.4-0.3-0.7-0.4l-0.3-1.3C10.1,1.3,9.7,1,9.2,1H6.8c-0.5,0-0.9,0.3-1,0.8L5.6,3.1	C5.3,3.2,5.1,3.3,4.9,3.4L3.7,3C3.6,3,3.5,3,3.4,3C3,3,2.7,3.2,2.5,3.5l-1.2,2C1.1,5.9,1.2,6.4,1.6,6.8l0.9,0.9c0,0.1,0,0.3,0,0.4	c0,0.1,0,0.3,0,0.4L1.6,9.2c-0.4,0.3-0.5,0.9-0.2,1.3l1.2,2C2.7,12.8,3,13,3.4,13c0.1,0,0.2,0,0.3-0.1l1.2-0.4	c0.2,0.1,0.4,0.3,0.7,0.4l0.3,1.3c0.1,0.5,0.5,0.8,1,0.8h2.4c0.5,0,0.9-0.3,1-0.8l0.3-1.3c0.2-0.1,0.4-0.2,0.7-0.4l1.2,0.4	c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.7-0.2,0.9-0.5l1.1-2c0.2-0.4,0.2-0.9-0.2-1.3L13.5,8.4z M12.6,12l-1.7-0.6c-0.4,0.3-0.9,0.6-1.4,0.8	L9.2,14H6.8l-0.4-1.8c-0.5-0.2-0.9-0.5-1.4-0.8L3.4,12l-1.2-2l1.4-1.2c-0.1-0.5-0.1-1.1,0-1.6L2.2,6l1.2-2l1.7,0.6	C5.5,4.2,6,4,6.5,3.8L6.8,2h2.4l0.4,1.8c0.5,0.2,0.9,0.5,1.4,0.8L12.6,4l1.2,2l-1.4,1.2c0.1,0.5,0.1,1.1,0,1.6l1.4,1.2L12.6,12z" | 
|  | /> | 
|  | <path | 
|  | d="M8,11c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3C11,9.6,9.7,11,8,11C8,11,8,11,8,11z M8,6C6.9,6,6,6.8,6,7.9C6,7.9,6,8,6,8	c0,1.1,0.8,2,1.9,2c0,0,0.1,0,0.1,0c1.1,0,2-0.8,2-1.9c0,0,0-0.1,0-0.1C10,6.9,9.2,6,8,6C8.1,6,8,6,8,6z" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.configuration | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="configuration" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-date-time-settings" | 
|  | href="#/configuration/date-time-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.dateTimeSettings | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-firmware" | 
|  | href="#/configuration/firmware" | 
|  | > | 
|  |  | 
|  | appNavigation.firmware | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-network-settings" | 
|  | href="#/configuration/network-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.networkSettings | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-security-settings" | 
|  | href="#/configuration/security-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.securitySettings | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-snmp-settings" | 
|  | href="#/snmp-settings" | 
|  | > | 
|  |  | 
|  | appNavigation.snmpSettings | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <button | 
|  | aria-controls="access-control" | 
|  | aria-expanded="false" | 
|  | class="btn btn-link collapsed" | 
|  | data-test-id="nav-button-access-control" | 
|  | type="button" | 
|  | > | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 32 32" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M21,2a8.9977,8.9977,0,0,0-8.6119,11.6118L2,24v6H8L18.3881,19.6118A9,9,0,1,0,21,2Zm0,16a7.0125,7.0125,0,0,1-2.0322-.3022L17.821,17.35l-.8472.8472-3.1811,3.1812L12.4141,20,11,21.4141l1.3787,1.3786-1.5859,1.586L9.4141,23,8,24.4141l1.3787,1.3786L7.1716,28H4V24.8284l9.8023-9.8023.8472-.8474-.3473-1.1467A7,7,0,1,1,21,18Z" | 
|  | /> | 
|  | <circle | 
|  | cx="22" | 
|  | cy="10" | 
|  | r="2" | 
|  | /> | 
|  | </svg> | 
|  |  | 
|  | appNavigation.accessControl | 
|  |  | 
|  | <svg | 
|  | aria-hidden="true" | 
|  | class="icon-expand" | 
|  | fill="currentColor" | 
|  | focusable="false" | 
|  | height="16" | 
|  | preserveAspectRatio="xMidYMid meet" | 
|  | viewBox="0 0 16 16" | 
|  | width="16" | 
|  | xmlns="http://www.w3.org/2000/svg" | 
|  | > | 
|  | <path | 
|  | d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z" | 
|  | /> | 
|  | </svg> | 
|  | </button> | 
|  |  | 
|  | <transition-stub | 
|  | class="nav-item__nav" | 
|  | css="true" | 
|  | enteractiveclass="collapsing" | 
|  | enterclass="" | 
|  | entertoclass="collapse show" | 
|  | leaveactiveclass="collapsing" | 
|  | leaveclass="collapse show" | 
|  | leavetoclass="collapse" | 
|  | > | 
|  | <ul | 
|  | class="collapse" | 
|  | id="access-control" | 
|  | style="display: none;" | 
|  | > | 
|  | <li | 
|  | class="nav-item" | 
|  | > | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-client-sessions" | 
|  | href="#/access-control/client-sessions" | 
|  | > | 
|  |  | 
|  | appNavigation.clientSessions | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-ldap" | 
|  | href="#/access-control/ldap" | 
|  | > | 
|  |  | 
|  | appNavigation.ldap | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-local-user-management" | 
|  | href="#/access-control/local-user-management" | 
|  | > | 
|  |  | 
|  | appNavigation.localUserManagement | 
|  |  | 
|  | </a> | 
|  | <a | 
|  | class="nav-link" | 
|  | data-test-id="nav-item-ssl-certificates" | 
|  | href="#/access-control/ssl-certificates" | 
|  | > | 
|  |  | 
|  | appNavigation.sslCertificates | 
|  |  | 
|  | </a> | 
|  | </li> | 
|  | </ul> | 
|  | </transition-stub> | 
|  | </li> | 
|  | </ul> | 
|  | </nav> | 
|  | </div> | 
|  |  | 
|  | <transition-stub | 
|  | name="fade" | 
|  | > | 
|  | <!----> | 
|  | </transition-stub> | 
|  | </div> | 
|  | `; |