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-snmp-settings"
434              >
435                <a
436                  class="nav-link"
437                  href="/"
438                  target="_self"
439                >
440
441                appNavigation.snmpSettings
442
443                </a>
444              </li>
445            </ul>
446          </transition-stub>
447        </li>
448        <li
449          class="nav-item"
450        >
451          <button
452            aria-controls="access-control"
453            aria-expanded="false"
454            class="btn btn-link collapsed"
455            data-test-id="nav-button-access-control"
456            type="button"
457          >
458            <svg
459              aria-hidden="true"
460              fill="currentColor"
461              focusable="false"
462              height="16"
463              preserveAspectRatio="xMidYMid meet"
464              viewBox="0 0 32 32"
465              width="16"
466              xmlns="http://www.w3.org/2000/svg"
467            >
468              <path
469                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"
470              />
471              <circle
472                cx="22"
473                cy="10"
474                r="2"
475              />
476            </svg>
477
478              appNavigation.accessControl
479
480            <svg
481              aria-hidden="true"
482              class="icon-expand"
483              fill="currentColor"
484              focusable="false"
485              height="16"
486              preserveAspectRatio="xMidYMid meet"
487              viewBox="0 0 16 16"
488              width="16"
489              xmlns="http://www.w3.org/2000/svg"
490            >
491              <path
492                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
493              />
494            </svg>
495          </button>
496
497          <transition-stub
498            class="nav-item__nav"
499            css="true"
500            enteractiveclass="collapsing"
501            enterclass=""
502            entertoclass="collapse show"
503            leaveactiveclass="collapsing"
504            leaveclass="collapse show"
505            leavetoclass="collapse"
506          >
507            <ul
508              class="collapse"
509              id="access-control"
510              style="display: none;"
511            >
512              <li
513                class="nav-item"
514                data-test-id="nav-item-ldap"
515              >
516                <a
517                  class="nav-link"
518                  href="/access-control/ldap"
519                  target="_self"
520                >
521
522                appNavigation.ldap
523
524                </a>
525              </li>
526              <li
527                class="nav-item"
528                data-test-id="nav-item-local-user-management"
529              >
530                <a
531                  class="nav-link"
532                  href="/access-control/local-user-management"
533                  target="_self"
534                >
535
536                appNavigation.localUserManagement
537
538                </a>
539              </li>
540              <li
541                class="nav-item"
542                data-test-id="nav-item-ssl-certificates"
543              >
544                <a
545                  class="nav-link"
546                  href="/access-control/ssl-certificates"
547                  target="_self"
548                >
549
550                appNavigation.sslCertificates
551
552                </a>
553              </li>
554            </ul>
555          </transition-stub>
556        </li>
557      </ul>
558    </nav>
559  </div>
560
561  <transition-stub
562    name="fade"
563  >
564    <!---->
565  </transition-stub>
566</div>
567`;
568
569exports[`AppNavigation.vue should render with nav-container open 1`] = `
570<div>
571  <div
572    class="nav-container"
573  >
574    <nav
575      aria-label="appNavigation.primaryNavigation"
576    >
577      <ul
578        class="nav mb-4 flex-column"
579      >
580        <li
581          class="nav-item"
582          data-test-id="nav-item-overview"
583        >
584          <a
585            class="nav-link"
586            href="/"
587            target="_self"
588          >
589            <svg
590              aria-hidden="true"
591              fill="currentColor"
592              focusable="false"
593              height="16"
594              preserveAspectRatio="xMidYMid meet"
595              viewBox="0 0 32 32"
596              width="16"
597              xmlns="http://www.w3.org/2000/svg"
598            >
599              <path
600                d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4Z"
601              />
602              <path
603                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"
604              />
605            </svg>
606
607            appNavigation.overview
608
609          </a>
610        </li>
611        <li
612          class="nav-item"
613        >
614          <button
615            aria-controls="health"
616            aria-expanded="false"
617            class="btn btn-link collapsed"
618            data-test-id="nav-button-health"
619            type="button"
620          >
621            <svg
622              aria-hidden="true"
623              fill="currentColor"
624              focusable="false"
625              height="16"
626              preserveAspectRatio="xMidYMid meet"
627              viewBox="0 0 32 32"
628              width="16"
629              xmlns="http://www.w3.org/2000/svg"
630            >
631              <path
632                d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z"
633              />
634              <circle
635                cx="11"
636                cy="8"
637                r="1"
638              />
639              <circle
640                cx="11"
641                cy="16"
642                r="1"
643              />
644              <circle
645                cx="11"
646                cy="24"
647                r="1"
648              />
649              <path
650                d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z"
651              />
652            </svg>
653
654              appNavigation.health
655
656            <svg
657              aria-hidden="true"
658              class="icon-expand"
659              fill="currentColor"
660              focusable="false"
661              height="16"
662              preserveAspectRatio="xMidYMid meet"
663              viewBox="0 0 16 16"
664              width="16"
665              xmlns="http://www.w3.org/2000/svg"
666            >
667              <path
668                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
669              />
670            </svg>
671          </button>
672
673          <transition-stub
674            class="nav-item__nav"
675            css="true"
676            enteractiveclass="collapsing"
677            enterclass=""
678            entertoclass="collapse show"
679            leaveactiveclass="collapsing"
680            leaveclass="collapse show"
681            leavetoclass="collapse"
682          >
683            <ul
684              class="collapse"
685              id="health"
686              style="display: none;"
687            >
688              <li
689                class="nav-item"
690                data-test-id="nav-item-event-logs"
691              >
692                <a
693                  class="nav-link"
694                  href="/health/event-logs"
695                  target="_self"
696                >
697
698                appNavigation.eventLogs
699
700                </a>
701              </li>
702              <li
703                class="nav-item"
704                data-test-id="nav-item-hardware-status"
705              >
706                <a
707                  class="nav-link"
708                  href="/health/hardware-status"
709                  target="_self"
710                >
711
712                appNavigation.hardwareStatus
713
714                </a>
715              </li>
716              <li
717                class="nav-item"
718                data-test-id="nav-item-sensors"
719              >
720                <a
721                  class="nav-link"
722                  href="/health/sensors"
723                  target="_self"
724                >
725
726                appNavigation.sensors
727
728                </a>
729              </li>
730            </ul>
731          </transition-stub>
732        </li>
733        <li
734          class="nav-item"
735        >
736          <button
737            aria-controls="control"
738            aria-expanded="false"
739            class="btn btn-link collapsed"
740            data-test-id="nav-button-control"
741            type="button"
742          >
743            <svg
744              aria-hidden="true"
745              fill="currentColor"
746              focusable="false"
747              height="16"
748              preserveAspectRatio="xMidYMid meet"
749              viewBox="0 0 32 32"
750              width="16"
751              xmlns="http://www.w3.org/2000/svg"
752            >
753              <path
754                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"
755              />
756            </svg>
757
758              appNavigation.control
759
760            <svg
761              aria-hidden="true"
762              class="icon-expand"
763              fill="currentColor"
764              focusable="false"
765              height="16"
766              preserveAspectRatio="xMidYMid meet"
767              viewBox="0 0 16 16"
768              width="16"
769              xmlns="http://www.w3.org/2000/svg"
770            >
771              <path
772                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
773              />
774            </svg>
775          </button>
776
777          <transition-stub
778            class="nav-item__nav"
779            css="true"
780            enteractiveclass="collapsing"
781            enterclass=""
782            entertoclass="collapse show"
783            leaveactiveclass="collapsing"
784            leaveclass="collapse show"
785            leavetoclass="collapse"
786          >
787            <ul
788              class="collapse"
789              id="control"
790              style="display: none;"
791            >
792              <li
793                class="nav-item"
794                data-test-id="nav-item-kvm"
795              >
796                <a
797                  class="nav-link"
798                  href="/control/kvm"
799                  target="_self"
800                >
801
802                appNavigation.kvm
803
804                </a>
805              </li>
806              <li
807                class="nav-item"
808                data-test-id="nav-item-manage-power-usage"
809              >
810                <a
811                  class="nav-link"
812                  href="/control/manage-power-usage"
813                  target="_self"
814                >
815
816                appNavigation.managePowerUsage
817
818                </a>
819              </li>
820              <li
821                class="nav-item"
822                data-test-id="nav-item-reboot-bmc"
823              >
824                <a
825                  class="nav-link"
826                  href="/control/reboot-bmc"
827                  target="_self"
828                >
829
830                appNavigation.rebootBmc
831
832                </a>
833              </li>
834              <li
835                class="nav-item"
836                data-test-id="nav-item-serial-over-lan"
837              >
838                <a
839                  class="nav-link"
840                  href="/control/serial-over-lan"
841                  target="_self"
842                >
843
844                appNavigation.serialOverLan
845
846                </a>
847              </li>
848              <li
849                class="nav-item"
850                data-test-id="nav-item-server-led"
851              >
852                <a
853                  class="nav-link"
854                  href="/control/server-led"
855                  target="_self"
856                >
857
858                appNavigation.serverLed
859
860                </a>
861              </li>
862              <li
863                class="nav-item"
864                data-test-id="nav-item-server-power-operations"
865              >
866                <a
867                  class="nav-link"
868                  href="/control/server-power-operations"
869                  target="_self"
870                >
871
872                appNavigation.serverPowerOperations
873
874                </a>
875              </li>
876              <li
877                class="nav-item"
878                data-test-id="nav-item-virtual-media"
879              >
880                <a
881                  class="nav-link"
882                  href="/control/virtual-media"
883                  target="_self"
884                >
885
886                appNavigation.virtualMedia
887
888                </a>
889              </li>
890            </ul>
891          </transition-stub>
892        </li>
893        <li
894          class="nav-item"
895        >
896          <button
897            aria-controls="configuration"
898            aria-expanded="false"
899            class="btn btn-link collapsed"
900            data-test-id="nav-button-configuration"
901            type="button"
902          >
903            <svg
904              aria-hidden="true"
905              fill="currentColor"
906              focusable="false"
907              height="16"
908              preserveAspectRatio="xMidYMid meet"
909              viewBox="0 0 16 16"
910              width="16"
911              xmlns="http://www.w3.org/2000/svg"
912            >
913              <path
914                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"
915              />
916              <path
917                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"
918              />
919            </svg>
920
921              appNavigation.configuration
922
923            <svg
924              aria-hidden="true"
925              class="icon-expand"
926              fill="currentColor"
927              focusable="false"
928              height="16"
929              preserveAspectRatio="xMidYMid meet"
930              viewBox="0 0 16 16"
931              width="16"
932              xmlns="http://www.w3.org/2000/svg"
933            >
934              <path
935                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
936              />
937            </svg>
938          </button>
939
940          <transition-stub
941            class="nav-item__nav"
942            css="true"
943            enteractiveclass="collapsing"
944            enterclass=""
945            entertoclass="collapse show"
946            leaveactiveclass="collapsing"
947            leaveclass="collapse show"
948            leavetoclass="collapse"
949          >
950            <ul
951              class="collapse"
952              id="configuration"
953              style="display: none;"
954            >
955              <li
956                class="nav-item"
957                data-test-id="nav-item-date-time-settings"
958              >
959                <a
960                  class="nav-link"
961                  href="/configuration/date-time-settings"
962                  target="_self"
963                >
964
965                appNavigation.dateTimeSettings
966
967                </a>
968              </li>
969              <li
970                class="nav-item"
971                data-test-id="nav-item-firmware"
972              >
973                <a
974                  class="nav-link"
975                  href="/configuration/firmware"
976                  target="_self"
977                >
978
979                appNavigation.firmware
980
981                </a>
982              </li>
983              <li
984                class="nav-item"
985                data-test-id="nav-item-network-settings"
986              >
987                <a
988                  class="nav-link"
989                  href="/configuration/network-settings"
990                  target="_self"
991                >
992
993                appNavigation.networkSettings
994
995                </a>
996              </li>
997              <li
998                class="nav-item"
999                data-test-id="nav-item-snmp-settings"
1000              >
1001                <a
1002                  class="nav-link"
1003                  href="/"
1004                  target="_self"
1005                >
1006
1007                appNavigation.snmpSettings
1008
1009                </a>
1010              </li>
1011            </ul>
1012          </transition-stub>
1013        </li>
1014        <li
1015          class="nav-item"
1016        >
1017          <button
1018            aria-controls="access-control"
1019            aria-expanded="false"
1020            class="btn btn-link collapsed"
1021            data-test-id="nav-button-access-control"
1022            type="button"
1023          >
1024            <svg
1025              aria-hidden="true"
1026              fill="currentColor"
1027              focusable="false"
1028              height="16"
1029              preserveAspectRatio="xMidYMid meet"
1030              viewBox="0 0 32 32"
1031              width="16"
1032              xmlns="http://www.w3.org/2000/svg"
1033            >
1034              <path
1035                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"
1036              />
1037              <circle
1038                cx="22"
1039                cy="10"
1040                r="2"
1041              />
1042            </svg>
1043
1044              appNavigation.accessControl
1045
1046            <svg
1047              aria-hidden="true"
1048              class="icon-expand"
1049              fill="currentColor"
1050              focusable="false"
1051              height="16"
1052              preserveAspectRatio="xMidYMid meet"
1053              viewBox="0 0 16 16"
1054              width="16"
1055              xmlns="http://www.w3.org/2000/svg"
1056            >
1057              <path
1058                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
1059              />
1060            </svg>
1061          </button>
1062
1063          <transition-stub
1064            class="nav-item__nav"
1065            css="true"
1066            enteractiveclass="collapsing"
1067            enterclass=""
1068            entertoclass="collapse show"
1069            leaveactiveclass="collapsing"
1070            leaveclass="collapse show"
1071            leavetoclass="collapse"
1072          >
1073            <ul
1074              class="collapse"
1075              id="access-control"
1076              style="display: none;"
1077            >
1078              <li
1079                class="nav-item"
1080                data-test-id="nav-item-ldap"
1081              >
1082                <a
1083                  class="nav-link"
1084                  href="/access-control/ldap"
1085                  target="_self"
1086                >
1087
1088                appNavigation.ldap
1089
1090                </a>
1091              </li>
1092              <li
1093                class="nav-item"
1094                data-test-id="nav-item-local-user-management"
1095              >
1096                <a
1097                  class="nav-link"
1098                  href="/access-control/local-user-management"
1099                  target="_self"
1100                >
1101
1102                appNavigation.localUserManagement
1103
1104                </a>
1105              </li>
1106              <li
1107                class="nav-item"
1108                data-test-id="nav-item-ssl-certificates"
1109              >
1110                <a
1111                  class="nav-link"
1112                  href="/access-control/ssl-certificates"
1113                  target="_self"
1114                >
1115
1116                appNavigation.sslCertificates
1117
1118                </a>
1119              </li>
1120            </ul>
1121          </transition-stub>
1122        </li>
1123      </ul>
1124    </nav>
1125  </div>
1126
1127  <transition-stub
1128    name="fade"
1129  >
1130    <!---->
1131  </transition-stub>
1132</div>
1133`;
1134