1// Jest Snapshot v1, https://goo.gl/fbAQLP
2
3exports[`AppNavigation.vue should render correctly 1`] = `
4<div>
5  <div
6    class="nav-container"
7  >
8    <nav
9      aria-label="appNavigation.primaryNavigation"
10    >
11      <ul
12        class="nav mb-4 flex-column"
13      >
14        <li
15          class="nav-item"
16          data-test-id="nav-item-overview"
17        >
18          <a
19            class="nav-link"
20            href="/"
21            target="_self"
22          >
23            <svg
24              aria-hidden="true"
25              fill="currentColor"
26              focusable="false"
27              height="16"
28              preserveAspectRatio="xMidYMid meet"
29              viewBox="0 0 32 32"
30              width="16"
31              xmlns="http://www.w3.org/2000/svg"
32            >
33              <path
34                d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4Z"
35              />
36              <path
37                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"
38              />
39            </svg>
40
41            appNavigation.overview
42
43          </a>
44        </li>
45        <li
46          class="nav-item"
47        >
48          <button
49            aria-controls="health"
50            aria-expanded="false"
51            class="btn btn-link collapsed"
52            data-test-id="nav-button-health"
53            type="button"
54          >
55            <svg
56              aria-hidden="true"
57              fill="currentColor"
58              focusable="false"
59              height="16"
60              preserveAspectRatio="xMidYMid meet"
61              viewBox="0 0 32 32"
62              width="16"
63              xmlns="http://www.w3.org/2000/svg"
64            >
65              <path
66                d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z"
67              />
68              <circle
69                cx="11"
70                cy="8"
71                r="1"
72              />
73              <circle
74                cx="11"
75                cy="16"
76                r="1"
77              />
78              <circle
79                cx="11"
80                cy="24"
81                r="1"
82              />
83              <path
84                d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z"
85              />
86            </svg>
87
88              appNavigation.health
89
90            <svg
91              aria-hidden="true"
92              class="icon-expand"
93              fill="currentColor"
94              focusable="false"
95              height="16"
96              preserveAspectRatio="xMidYMid meet"
97              viewBox="0 0 16 16"
98              width="16"
99              xmlns="http://www.w3.org/2000/svg"
100            >
101              <path
102                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
103              />
104            </svg>
105          </button>
106
107          <transition-stub
108            class="nav-item__nav"
109            css="true"
110            enteractiveclass="collapsing"
111            enterclass=""
112            entertoclass="collapse show"
113            leaveactiveclass="collapsing"
114            leaveclass="collapse show"
115            leavetoclass="collapse"
116          >
117            <ul
118              class="collapse"
119              id="health"
120              style="display: none;"
121            >
122              <li
123                class="nav-item"
124                data-test-id="nav-item-event-logs"
125              >
126                <a
127                  class="nav-link"
128                  href="/health/event-logs"
129                  target="_self"
130                >
131
132                appNavigation.eventLogs
133
134                </a>
135              </li>
136              <li
137                class="nav-item"
138                data-test-id="nav-item-hardware-status"
139              >
140                <a
141                  class="nav-link"
142                  href="/health/hardware-status"
143                  target="_self"
144                >
145
146                appNavigation.hardwareStatus
147
148                </a>
149              </li>
150              <li
151                class="nav-item"
152                data-test-id="nav-item-sensors"
153              >
154                <a
155                  class="nav-link"
156                  href="/health/sensors"
157                  target="_self"
158                >
159
160                appNavigation.sensors
161
162                </a>
163              </li>
164            </ul>
165          </transition-stub>
166        </li>
167        <li
168          class="nav-item"
169        >
170          <button
171            aria-controls="control"
172            aria-expanded="false"
173            class="btn btn-link collapsed"
174            data-test-id="nav-button-control"
175            type="button"
176          >
177            <svg
178              aria-hidden="true"
179              fill="currentColor"
180              focusable="false"
181              height="16"
182              preserveAspectRatio="xMidYMid meet"
183              viewBox="0 0 32 32"
184              width="16"
185              xmlns="http://www.w3.org/2000/svg"
186            >
187              <path
188                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"
189              />
190            </svg>
191
192              appNavigation.control
193
194            <svg
195              aria-hidden="true"
196              class="icon-expand"
197              fill="currentColor"
198              focusable="false"
199              height="16"
200              preserveAspectRatio="xMidYMid meet"
201              viewBox="0 0 16 16"
202              width="16"
203              xmlns="http://www.w3.org/2000/svg"
204            >
205              <path
206                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
207              />
208            </svg>
209          </button>
210
211          <transition-stub
212            class="nav-item__nav"
213            css="true"
214            enteractiveclass="collapsing"
215            enterclass=""
216            entertoclass="collapse show"
217            leaveactiveclass="collapsing"
218            leaveclass="collapse show"
219            leavetoclass="collapse"
220          >
221            <ul
222              class="collapse"
223              id="control"
224              style="display: none;"
225            >
226              <li
227                class="nav-item"
228                data-test-id="nav-item-kvm"
229              >
230                <a
231                  class="nav-link"
232                  href="/control/kvm"
233                  target="_self"
234                >
235
236                appNavigation.kvm
237
238                </a>
239              </li>
240              <li
241                class="nav-item"
242                data-test-id="nav-item-manage-power-usage"
243              >
244                <a
245                  class="nav-link"
246                  href="/control/manage-power-usage"
247                  target="_self"
248                >
249
250                appNavigation.managePowerUsage
251
252                </a>
253              </li>
254              <li
255                class="nav-item"
256                data-test-id="nav-item-reboot-bmc"
257              >
258                <a
259                  class="nav-link"
260                  href="/control/reboot-bmc"
261                  target="_self"
262                >
263
264                appNavigation.rebootBmc
265
266                </a>
267              </li>
268              <li
269                class="nav-item"
270                data-test-id="nav-item-serial-over-lan"
271              >
272                <a
273                  class="nav-link"
274                  href="/control/serial-over-lan"
275                  target="_self"
276                >
277
278                appNavigation.serialOverLan
279
280                </a>
281              </li>
282              <li
283                class="nav-item"
284                data-test-id="nav-item-server-led"
285              >
286                <a
287                  class="nav-link"
288                  href="/control/server-led"
289                  target="_self"
290                >
291
292                appNavigation.serverLed
293
294                </a>
295              </li>
296              <li
297                class="nav-item"
298                data-test-id="nav-item-server-power-operations"
299              >
300                <a
301                  class="nav-link"
302                  href="/control/server-power-operations"
303                  target="_self"
304                >
305
306                appNavigation.serverPowerOperations
307
308                </a>
309              </li>
310              <li
311                class="nav-item"
312                data-test-id="nav-item-virtual-media"
313              >
314                <a
315                  class="nav-link"
316                  href="/control/virtual-media"
317                  target="_self"
318                >
319
320                appNavigation.virtualMedia
321
322                </a>
323              </li>
324            </ul>
325          </transition-stub>
326        </li>
327        <li
328          class="nav-item"
329        >
330          <button
331            aria-controls="configuration"
332            aria-expanded="false"
333            class="btn btn-link collapsed"
334            data-test-id="nav-button-configuration"
335            type="button"
336          >
337            <svg
338              aria-hidden="true"
339              fill="currentColor"
340              focusable="false"
341              height="16"
342              preserveAspectRatio="xMidYMid meet"
343              viewBox="0 0 16 16"
344              width="16"
345              xmlns="http://www.w3.org/2000/svg"
346            >
347              <path
348                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"
349              />
350              <path
351                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"
352              />
353            </svg>
354
355              appNavigation.configuration
356
357            <svg
358              aria-hidden="true"
359              class="icon-expand"
360              fill="currentColor"
361              focusable="false"
362              height="16"
363              preserveAspectRatio="xMidYMid meet"
364              viewBox="0 0 16 16"
365              width="16"
366              xmlns="http://www.w3.org/2000/svg"
367            >
368              <path
369                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
370              />
371            </svg>
372          </button>
373
374          <transition-stub
375            class="nav-item__nav"
376            css="true"
377            enteractiveclass="collapsing"
378            enterclass=""
379            entertoclass="collapse show"
380            leaveactiveclass="collapsing"
381            leaveclass="collapse show"
382            leavetoclass="collapse"
383          >
384            <ul
385              class="collapse"
386              id="configuration"
387              style="display: none;"
388            >
389              <li
390                class="nav-item"
391                data-test-id="nav-item-date-time-settings"
392              >
393                <a
394                  class="nav-link"
395                  href="/configuration/date-time-settings"
396                  target="_self"
397                >
398
399                appNavigation.dateTimeSettings
400
401                </a>
402              </li>
403              <li
404                class="nav-item"
405                data-test-id="nav-item-firmware"
406              >
407                <a
408                  class="nav-link"
409                  href="/configuration/firmware"
410                  target="_self"
411                >
412
413                appNavigation.firmware
414
415                </a>
416              </li>
417              <li
418                class="nav-item"
419                data-test-id="nav-item-network-settings"
420              >
421                <a
422                  class="nav-link"
423                  href="/configuration/network-settings"
424                  target="_self"
425                >
426
427                appNavigation.networkSettings
428
429                </a>
430              </li>
431              <li
432                class="nav-item"
433                data-test-id="nav-item-security-settings"
434              >
435                <a
436                  class="nav-link"
437                  href="/configuration/security-settings"
438                  target="_self"
439                >
440
441                appNavigation.securitySettings
442
443                </a>
444              </li>
445              <li
446                class="nav-item"
447                data-test-id="nav-item-snmp-settings"
448              >
449                <a
450                  class="nav-link"
451                  href="/snmp-settings"
452                  target="_self"
453                >
454
455                appNavigation.snmpSettings
456
457                </a>
458              </li>
459            </ul>
460          </transition-stub>
461        </li>
462        <li
463          class="nav-item"
464        >
465          <button
466            aria-controls="access-control"
467            aria-expanded="false"
468            class="btn btn-link collapsed"
469            data-test-id="nav-button-access-control"
470            type="button"
471          >
472            <svg
473              aria-hidden="true"
474              fill="currentColor"
475              focusable="false"
476              height="16"
477              preserveAspectRatio="xMidYMid meet"
478              viewBox="0 0 32 32"
479              width="16"
480              xmlns="http://www.w3.org/2000/svg"
481            >
482              <path
483                d="M21,2a9,9,0,0,0-9,9,8.87,8.87,0,0,0,.39,2.61L2,24v6H8L18.39,19.61A9,9,0,0,0,30,11.74a8.77,8.77,0,0,0-1.65-6A9,9,0,0,0,21,2Zm0,16a7,7,0,0,1-2-.3l-1.15-.35L17,18.2l-3.18,3.18L12.41,20,11,21.41l1.38,1.38-1.59,1.59L9.41,23,8,24.41l1.38,1.38L7.17,28H4V24.83L13.8,15l.85-.85-.29-.95a7.14,7.14,0,0,1,3.4-8.44,7,7,0,0,1,10.24,6,6.69,6.69,0,0,1-1.09,4A7,7,0,0,1,21,18Z"
484              />
485              <circle
486                cx="22"
487                cy="10"
488                r="2"
489              />
490            </svg>
491
492              appNavigation.accessControl
493
494            <svg
495              aria-hidden="true"
496              class="icon-expand"
497              fill="currentColor"
498              focusable="false"
499              height="16"
500              preserveAspectRatio="xMidYMid meet"
501              viewBox="0 0 16 16"
502              width="16"
503              xmlns="http://www.w3.org/2000/svg"
504            >
505              <path
506                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
507              />
508            </svg>
509          </button>
510
511          <transition-stub
512            class="nav-item__nav"
513            css="true"
514            enteractiveclass="collapsing"
515            enterclass=""
516            entertoclass="collapse show"
517            leaveactiveclass="collapsing"
518            leaveclass="collapse show"
519            leavetoclass="collapse"
520          >
521            <ul
522              class="collapse"
523              id="access-control"
524              style="display: none;"
525            >
526              <li
527                class="nav-item"
528                data-test-id="nav-item-client-sessions"
529              >
530                <a
531                  class="nav-link"
532                  href="/access-control/client-sessions"
533                  target="_self"
534                >
535
536                appNavigation.clientSessions
537
538                </a>
539              </li>
540              <li
541                class="nav-item"
542                data-test-id="nav-item-ldap"
543              >
544                <a
545                  class="nav-link"
546                  href="/access-control/ldap"
547                  target="_self"
548                >
549
550                appNavigation.ldap
551
552                </a>
553              </li>
554              <li
555                class="nav-item"
556                data-test-id="nav-item-local-user-management"
557              >
558                <a
559                  class="nav-link"
560                  href="/access-control/local-user-management"
561                  target="_self"
562                >
563
564                appNavigation.localUserManagement
565
566                </a>
567              </li>
568              <li
569                class="nav-item"
570                data-test-id="nav-item-ssl-certificates"
571              >
572                <a
573                  class="nav-link"
574                  href="/access-control/ssl-certificates"
575                  target="_self"
576                >
577
578                appNavigation.sslCertificates
579
580                </a>
581              </li>
582            </ul>
583          </transition-stub>
584        </li>
585      </ul>
586    </nav>
587  </div>
588
589  <transition-stub
590    name="fade"
591  >
592    <!---->
593  </transition-stub>
594</div>
595`;
596
597exports[`AppNavigation.vue should render with nav-container open 1`] = `
598<div>
599  <div
600    class="nav-container"
601  >
602    <nav
603      aria-label="appNavigation.primaryNavigation"
604    >
605      <ul
606        class="nav mb-4 flex-column"
607      >
608        <li
609          class="nav-item"
610          data-test-id="nav-item-overview"
611        >
612          <a
613            class="nav-link"
614            href="/"
615            target="_self"
616          >
617            <svg
618              aria-hidden="true"
619              fill="currentColor"
620              focusable="false"
621              height="16"
622              preserveAspectRatio="xMidYMid meet"
623              viewBox="0 0 32 32"
624              width="16"
625              xmlns="http://www.w3.org/2000/svg"
626            >
627              <path
628                d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4Z"
629              />
630              <path
631                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"
632              />
633            </svg>
634
635            appNavigation.overview
636
637          </a>
638        </li>
639        <li
640          class="nav-item"
641        >
642          <button
643            aria-controls="health"
644            aria-expanded="false"
645            class="btn btn-link collapsed"
646            data-test-id="nav-button-health"
647            type="button"
648          >
649            <svg
650              aria-hidden="true"
651              fill="currentColor"
652              focusable="false"
653              height="16"
654              preserveAspectRatio="xMidYMid meet"
655              viewBox="0 0 32 32"
656              width="16"
657              xmlns="http://www.w3.org/2000/svg"
658            >
659              <path
660                d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z"
661              />
662              <circle
663                cx="11"
664                cy="8"
665                r="1"
666              />
667              <circle
668                cx="11"
669                cy="16"
670                r="1"
671              />
672              <circle
673                cx="11"
674                cy="24"
675                r="1"
676              />
677              <path
678                d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z"
679              />
680            </svg>
681
682              appNavigation.health
683
684            <svg
685              aria-hidden="true"
686              class="icon-expand"
687              fill="currentColor"
688              focusable="false"
689              height="16"
690              preserveAspectRatio="xMidYMid meet"
691              viewBox="0 0 16 16"
692              width="16"
693              xmlns="http://www.w3.org/2000/svg"
694            >
695              <path
696                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
697              />
698            </svg>
699          </button>
700
701          <transition-stub
702            class="nav-item__nav"
703            css="true"
704            enteractiveclass="collapsing"
705            enterclass=""
706            entertoclass="collapse show"
707            leaveactiveclass="collapsing"
708            leaveclass="collapse show"
709            leavetoclass="collapse"
710          >
711            <ul
712              class="collapse"
713              id="health"
714              style="display: none;"
715            >
716              <li
717                class="nav-item"
718                data-test-id="nav-item-event-logs"
719              >
720                <a
721                  class="nav-link"
722                  href="/health/event-logs"
723                  target="_self"
724                >
725
726                appNavigation.eventLogs
727
728                </a>
729              </li>
730              <li
731                class="nav-item"
732                data-test-id="nav-item-hardware-status"
733              >
734                <a
735                  class="nav-link"
736                  href="/health/hardware-status"
737                  target="_self"
738                >
739
740                appNavigation.hardwareStatus
741
742                </a>
743              </li>
744              <li
745                class="nav-item"
746                data-test-id="nav-item-sensors"
747              >
748                <a
749                  class="nav-link"
750                  href="/health/sensors"
751                  target="_self"
752                >
753
754                appNavigation.sensors
755
756                </a>
757              </li>
758            </ul>
759          </transition-stub>
760        </li>
761        <li
762          class="nav-item"
763        >
764          <button
765            aria-controls="control"
766            aria-expanded="false"
767            class="btn btn-link collapsed"
768            data-test-id="nav-button-control"
769            type="button"
770          >
771            <svg
772              aria-hidden="true"
773              fill="currentColor"
774              focusable="false"
775              height="16"
776              preserveAspectRatio="xMidYMid meet"
777              viewBox="0 0 32 32"
778              width="16"
779              xmlns="http://www.w3.org/2000/svg"
780            >
781              <path
782                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"
783              />
784            </svg>
785
786              appNavigation.control
787
788            <svg
789              aria-hidden="true"
790              class="icon-expand"
791              fill="currentColor"
792              focusable="false"
793              height="16"
794              preserveAspectRatio="xMidYMid meet"
795              viewBox="0 0 16 16"
796              width="16"
797              xmlns="http://www.w3.org/2000/svg"
798            >
799              <path
800                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
801              />
802            </svg>
803          </button>
804
805          <transition-stub
806            class="nav-item__nav"
807            css="true"
808            enteractiveclass="collapsing"
809            enterclass=""
810            entertoclass="collapse show"
811            leaveactiveclass="collapsing"
812            leaveclass="collapse show"
813            leavetoclass="collapse"
814          >
815            <ul
816              class="collapse"
817              id="control"
818              style="display: none;"
819            >
820              <li
821                class="nav-item"
822                data-test-id="nav-item-kvm"
823              >
824                <a
825                  class="nav-link"
826                  href="/control/kvm"
827                  target="_self"
828                >
829
830                appNavigation.kvm
831
832                </a>
833              </li>
834              <li
835                class="nav-item"
836                data-test-id="nav-item-manage-power-usage"
837              >
838                <a
839                  class="nav-link"
840                  href="/control/manage-power-usage"
841                  target="_self"
842                >
843
844                appNavigation.managePowerUsage
845
846                </a>
847              </li>
848              <li
849                class="nav-item"
850                data-test-id="nav-item-reboot-bmc"
851              >
852                <a
853                  class="nav-link"
854                  href="/control/reboot-bmc"
855                  target="_self"
856                >
857
858                appNavigation.rebootBmc
859
860                </a>
861              </li>
862              <li
863                class="nav-item"
864                data-test-id="nav-item-serial-over-lan"
865              >
866                <a
867                  class="nav-link"
868                  href="/control/serial-over-lan"
869                  target="_self"
870                >
871
872                appNavigation.serialOverLan
873
874                </a>
875              </li>
876              <li
877                class="nav-item"
878                data-test-id="nav-item-server-led"
879              >
880                <a
881                  class="nav-link"
882                  href="/control/server-led"
883                  target="_self"
884                >
885
886                appNavigation.serverLed
887
888                </a>
889              </li>
890              <li
891                class="nav-item"
892                data-test-id="nav-item-server-power-operations"
893              >
894                <a
895                  class="nav-link"
896                  href="/control/server-power-operations"
897                  target="_self"
898                >
899
900                appNavigation.serverPowerOperations
901
902                </a>
903              </li>
904              <li
905                class="nav-item"
906                data-test-id="nav-item-virtual-media"
907              >
908                <a
909                  class="nav-link"
910                  href="/control/virtual-media"
911                  target="_self"
912                >
913
914                appNavigation.virtualMedia
915
916                </a>
917              </li>
918            </ul>
919          </transition-stub>
920        </li>
921        <li
922          class="nav-item"
923        >
924          <button
925            aria-controls="configuration"
926            aria-expanded="false"
927            class="btn btn-link collapsed"
928            data-test-id="nav-button-configuration"
929            type="button"
930          >
931            <svg
932              aria-hidden="true"
933              fill="currentColor"
934              focusable="false"
935              height="16"
936              preserveAspectRatio="xMidYMid meet"
937              viewBox="0 0 16 16"
938              width="16"
939              xmlns="http://www.w3.org/2000/svg"
940            >
941              <path
942                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"
943              />
944              <path
945                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"
946              />
947            </svg>
948
949              appNavigation.configuration
950
951            <svg
952              aria-hidden="true"
953              class="icon-expand"
954              fill="currentColor"
955              focusable="false"
956              height="16"
957              preserveAspectRatio="xMidYMid meet"
958              viewBox="0 0 16 16"
959              width="16"
960              xmlns="http://www.w3.org/2000/svg"
961            >
962              <path
963                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
964              />
965            </svg>
966          </button>
967
968          <transition-stub
969            class="nav-item__nav"
970            css="true"
971            enteractiveclass="collapsing"
972            enterclass=""
973            entertoclass="collapse show"
974            leaveactiveclass="collapsing"
975            leaveclass="collapse show"
976            leavetoclass="collapse"
977          >
978            <ul
979              class="collapse"
980              id="configuration"
981              style="display: none;"
982            >
983              <li
984                class="nav-item"
985                data-test-id="nav-item-date-time-settings"
986              >
987                <a
988                  class="nav-link"
989                  href="/configuration/date-time-settings"
990                  target="_self"
991                >
992
993                appNavigation.dateTimeSettings
994
995                </a>
996              </li>
997              <li
998                class="nav-item"
999                data-test-id="nav-item-firmware"
1000              >
1001                <a
1002                  class="nav-link"
1003                  href="/configuration/firmware"
1004                  target="_self"
1005                >
1006
1007                appNavigation.firmware
1008
1009                </a>
1010              </li>
1011              <li
1012                class="nav-item"
1013                data-test-id="nav-item-network-settings"
1014              >
1015                <a
1016                  class="nav-link"
1017                  href="/configuration/network-settings"
1018                  target="_self"
1019                >
1020
1021                appNavigation.networkSettings
1022
1023                </a>
1024              </li>
1025              <li
1026                class="nav-item"
1027                data-test-id="nav-item-security-settings"
1028              >
1029                <a
1030                  class="nav-link"
1031                  href="/configuration/security-settings"
1032                  target="_self"
1033                >
1034
1035                appNavigation.securitySettings
1036
1037                </a>
1038              </li>
1039              <li
1040                class="nav-item"
1041                data-test-id="nav-item-snmp-settings"
1042              >
1043                <a
1044                  class="nav-link"
1045                  href="/snmp-settings"
1046                  target="_self"
1047                >
1048
1049                appNavigation.snmpSettings
1050
1051                </a>
1052              </li>
1053            </ul>
1054          </transition-stub>
1055        </li>
1056        <li
1057          class="nav-item"
1058        >
1059          <button
1060            aria-controls="access-control"
1061            aria-expanded="false"
1062            class="btn btn-link collapsed"
1063            data-test-id="nav-button-access-control"
1064            type="button"
1065          >
1066            <svg
1067              aria-hidden="true"
1068              fill="currentColor"
1069              focusable="false"
1070              height="16"
1071              preserveAspectRatio="xMidYMid meet"
1072              viewBox="0 0 32 32"
1073              width="16"
1074              xmlns="http://www.w3.org/2000/svg"
1075            >
1076              <path
1077                d="M21,2a9,9,0,0,0-9,9,8.87,8.87,0,0,0,.39,2.61L2,24v6H8L18.39,19.61A9,9,0,0,0,30,11.74a8.77,8.77,0,0,0-1.65-6A9,9,0,0,0,21,2Zm0,16a7,7,0,0,1-2-.3l-1.15-.35L17,18.2l-3.18,3.18L12.41,20,11,21.41l1.38,1.38-1.59,1.59L9.41,23,8,24.41l1.38,1.38L7.17,28H4V24.83L13.8,15l.85-.85-.29-.95a7.14,7.14,0,0,1,3.4-8.44,7,7,0,0,1,10.24,6,6.69,6.69,0,0,1-1.09,4A7,7,0,0,1,21,18Z"
1078              />
1079              <circle
1080                cx="22"
1081                cy="10"
1082                r="2"
1083              />
1084            </svg>
1085
1086              appNavigation.accessControl
1087
1088            <svg
1089              aria-hidden="true"
1090              class="icon-expand"
1091              fill="currentColor"
1092              focusable="false"
1093              height="16"
1094              preserveAspectRatio="xMidYMid meet"
1095              viewBox="0 0 16 16"
1096              width="16"
1097              xmlns="http://www.w3.org/2000/svg"
1098            >
1099              <path
1100                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
1101              />
1102            </svg>
1103          </button>
1104
1105          <transition-stub
1106            class="nav-item__nav"
1107            css="true"
1108            enteractiveclass="collapsing"
1109            enterclass=""
1110            entertoclass="collapse show"
1111            leaveactiveclass="collapsing"
1112            leaveclass="collapse show"
1113            leavetoclass="collapse"
1114          >
1115            <ul
1116              class="collapse"
1117              id="access-control"
1118              style="display: none;"
1119            >
1120              <li
1121                class="nav-item"
1122                data-test-id="nav-item-client-sessions"
1123              >
1124                <a
1125                  class="nav-link"
1126                  href="/access-control/client-sessions"
1127                  target="_self"
1128                >
1129
1130                appNavigation.clientSessions
1131
1132                </a>
1133              </li>
1134              <li
1135                class="nav-item"
1136                data-test-id="nav-item-ldap"
1137              >
1138                <a
1139                  class="nav-link"
1140                  href="/access-control/ldap"
1141                  target="_self"
1142                >
1143
1144                appNavigation.ldap
1145
1146                </a>
1147              </li>
1148              <li
1149                class="nav-item"
1150                data-test-id="nav-item-local-user-management"
1151              >
1152                <a
1153                  class="nav-link"
1154                  href="/access-control/local-user-management"
1155                  target="_self"
1156                >
1157
1158                appNavigation.localUserManagement
1159
1160                </a>
1161              </li>
1162              <li
1163                class="nav-item"
1164                data-test-id="nav-item-ssl-certificates"
1165              >
1166                <a
1167                  class="nav-link"
1168                  href="/access-control/ssl-certificates"
1169                  target="_self"
1170                >
1171
1172                appNavigation.sslCertificates
1173
1174                </a>
1175              </li>
1176            </ul>
1177          </transition-stub>
1178        </li>
1179      </ul>
1180    </nav>
1181  </div>
1182
1183  <transition-stub
1184    name="fade"
1185  >
1186    <!---->
1187  </transition-stub>
1188</div>
1189`;
1190