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              focusable="false"
26              height="16"
27              preserveAspectRatio="xMidYMid meet"
28              style="will-change: transform;"
29              viewBox="0 0 32 32"
30              width="16"
31              xmlns="http://www.w3.org/2000/svg"
32            >
33              <path
34                d="M4 2H2v26a2 2 0 0 0 2 2h26v-2H4z"
35              />
36              <path
37                d="M30 9h-7v2h3.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 0l8.29-8.3V16h2z"
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              focusable="false"
58              height="16"
59              preserveAspectRatio="xMidYMid meet"
60              style="will-change: transform;"
61              viewBox="0 0 32 32"
62              width="16"
63              xmlns="http://www.w3.org/2000/svg"
64            >
65              <path
66                d="M23 27.18l-2.59-2.59L19 26l4 4 7-7-1.41-1.41L23 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-2 2v22a2 2 0 0 0 2 2h8v-2H8v-6h18V5a2 2 0 0 0-2-2zm0 16H8v-6h16zm0-8H8V5h16z"
85              />
86            </svg>
87
88              appNavigation.health
89
90            <svg
91              aria-hidden="true"
92              class="icon-expand"
93              focusable="false"
94              height="16"
95              preserveAspectRatio="xMidYMid meet"
96              style="will-change: transform;"
97              viewBox="0 0 16 16"
98              width="16"
99              xmlns="http://www.w3.org/2000/svg"
100            >
101              <path
102                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
103              />
104            </svg>
105          </button>
106
107          <ul
108            class="nav-item__nav collapse"
109            id="health"
110            style="display: none;"
111          >
112            <li
113              class="nav-item"
114              data-test-id="nav-item-event-logs"
115            >
116              <a
117                class="nav-link"
118                href="/health/event-logs"
119                target="_self"
120              >
121
122                appNavigation.eventLogs
123
124              </a>
125            </li>
126            <li
127              class="nav-item"
128              data-test-id="nav-item-hardware-status"
129            >
130              <a
131                class="nav-link"
132                href="/health/hardware-status"
133                target="_self"
134              >
135
136                appNavigation.hardwareStatus
137
138              </a>
139            </li>
140            <li
141              class="nav-item"
142              data-test-id="nav-item-sensors"
143            >
144              <a
145                class="nav-link"
146                href="/health/sensors"
147                target="_self"
148              >
149
150                appNavigation.sensors
151
152              </a>
153            </li>
154          </ul>
155        </li>
156        <li
157          class="nav-item"
158        >
159          <button
160            aria-controls="control"
161            aria-expanded="false"
162            class="btn btn-link collapsed"
163            data-test-id="nav-button-control"
164            type="button"
165          >
166            <svg
167              aria-hidden="true"
168              focusable="false"
169              height="16"
170              preserveAspectRatio="xMidYMid meet"
171              style="will-change: transform;"
172              viewBox="0 0 32 32"
173              width="16"
174              xmlns="http://www.w3.org/2000/svg"
175            >
176              <path
177                d="M30 7h-5.1a5 5 0 0 0-9.8 0H2v2h13.1a5 5 0 0 0 9.8 0H30zm-10 4a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM2 25h5.1a5 5 0 0 0 9.8 0H30v-2H16.9a5 5 0 0 0-9.8 0H2zm7-1a3 3 0 1 1 3 3 3 3 0 0 1-3-3z"
178              />
179            </svg>
180
181              appNavigation.control
182
183            <svg
184              aria-hidden="true"
185              class="icon-expand"
186              focusable="false"
187              height="16"
188              preserveAspectRatio="xMidYMid meet"
189              style="will-change: transform;"
190              viewBox="0 0 16 16"
191              width="16"
192              xmlns="http://www.w3.org/2000/svg"
193            >
194              <path
195                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
196              />
197            </svg>
198          </button>
199
200          <ul
201            class="nav-item__nav collapse"
202            id="control"
203            style="display: none;"
204          >
205            <li
206              class="nav-item"
207              data-test-id="nav-item-kvm"
208            >
209              <a
210                class="nav-link"
211                href="/control/kvm"
212                target="_self"
213              >
214
215                appNavigation.kvm
216
217              </a>
218            </li>
219            <li
220              class="nav-item"
221              data-test-id="nav-item-manage-power-usage"
222            >
223              <a
224                class="nav-link"
225                href="/control/manage-power-usage"
226                target="_self"
227              >
228
229                appNavigation.managePowerUsage
230
231              </a>
232            </li>
233            <li
234              class="nav-item"
235              data-test-id="nav-item-reboot-bmc"
236            >
237              <a
238                class="nav-link"
239                href="/control/reboot-bmc"
240                target="_self"
241              >
242
243                appNavigation.rebootBmc
244
245              </a>
246            </li>
247            <li
248              class="nav-item"
249              data-test-id="nav-item-serial-over-lan"
250            >
251              <a
252                class="nav-link"
253                href="/control/serial-over-lan"
254                target="_self"
255              >
256
257                appNavigation.serialOverLan
258
259              </a>
260            </li>
261            <li
262              class="nav-item"
263              data-test-id="nav-item-server-led"
264            >
265              <a
266                class="nav-link"
267                href="/control/server-led"
268                target="_self"
269              >
270
271                appNavigation.serverLed
272
273              </a>
274            </li>
275            <li
276              class="nav-item"
277              data-test-id="nav-item-server-power-operations"
278            >
279              <a
280                class="nav-link"
281                href="/control/server-power-operations"
282                target="_self"
283              >
284
285                appNavigation.serverPowerOperations
286
287              </a>
288            </li>
289            <li
290              class="nav-item"
291              data-test-id="nav-item-virtual-media"
292            >
293              <a
294                class="nav-link"
295                href="/control/virtual-media"
296                target="_self"
297              >
298
299                appNavigation.virtualMedia
300
301              </a>
302            </li>
303          </ul>
304        </li>
305        <li
306          class="nav-item"
307        >
308          <button
309            aria-controls="configuration"
310            aria-expanded="false"
311            class="btn btn-link collapsed"
312            data-test-id="nav-button-configuration"
313            type="button"
314          >
315            <svg
316              aria-hidden="true"
317              focusable="false"
318              height="16"
319              preserveAspectRatio="xMidYMid meet"
320              style="will-change: transform;"
321              viewBox="0 0 16 16"
322              width="16"
323              xmlns="http://www.w3.org/2000/svg"
324            >
325              <path
326                d="M13.5 8.4v-.8l1-.8c.4-.3.4-.9.2-1.3l-1.2-2c-.2-.3-.5-.5-.9-.5-.1 0-.2 0-.3.1l-1.2.4c-.2-.1-.4-.3-.7-.4l-.3-1.3c0-.5-.4-.8-.9-.8H6.8c-.5 0-.9.3-1 .8l-.2 1.3c-.3.1-.5.2-.7.3L3.7 3h-.3c-.4 0-.7.2-.9.5l-1.2 2c-.2.4-.1.9.3 1.3l.9.9v.8l-.9.7c-.4.3-.5.9-.2 1.3l1.2 2c.1.3.4.5.8.5.1 0 .2 0 .3-.1l1.2-.4c.2.1.4.3.7.4l.3 1.3c.1.5.5.8 1 .8h2.4c.5 0 .9-.3 1-.8l.3-1.3c.2-.1.4-.2.7-.4l1.2.4c.1 0 .2.1.3.1.4 0 .7-.2.9-.5l1.1-2c.2-.4.2-.9-.2-1.3l-1.1-.8zm-.9 3.6l-1.7-.6c-.4.3-.9.6-1.4.8L9.2 14H6.8l-.4-1.8c-.5-.2-.9-.5-1.4-.8l-1.6.6-1.2-2 1.4-1.2c-.1-.5-.1-1.1 0-1.6L2.2 6l1.2-2 1.7.6c.4-.4.9-.6 1.4-.8L6.8 2h2.4l.4 1.8c.5.2.9.5 1.4.8l1.6-.6 1.2 2-1.4 1.2c.1.5.1 1.1 0 1.6l1.4 1.2-1.2 2z"
327              />
328              <path
329                d="M8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3c0 1.6-1.3 3-3 3zm0-5c-1.1 0-2 .8-2 1.9V8c0 1.1.8 2 1.9 2H8c1.1 0 2-.8 2-1.9V8c0-1.1-.8-2-2-2 .1 0 0 0 0 0z"
330              />
331            </svg>
332
333              appNavigation.configuration
334
335            <svg
336              aria-hidden="true"
337              class="icon-expand"
338              focusable="false"
339              height="16"
340              preserveAspectRatio="xMidYMid meet"
341              style="will-change: transform;"
342              viewBox="0 0 16 16"
343              width="16"
344              xmlns="http://www.w3.org/2000/svg"
345            >
346              <path
347                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
348              />
349            </svg>
350          </button>
351
352          <ul
353            class="nav-item__nav collapse"
354            id="configuration"
355            style="display: none;"
356          >
357            <li
358              class="nav-item"
359              data-test-id="nav-item-date-time-settings"
360            >
361              <a
362                class="nav-link"
363                href="/configuration/date-time-settings"
364                target="_self"
365              >
366
367                appNavigation.dateTimeSettings
368
369              </a>
370            </li>
371            <li
372              class="nav-item"
373              data-test-id="nav-item-firmware"
374            >
375              <a
376                class="nav-link"
377                href="/configuration/firmware"
378                target="_self"
379              >
380
381                appNavigation.firmware
382
383              </a>
384            </li>
385            <li
386              class="nav-item"
387              data-test-id="nav-item-network-settings"
388            >
389              <a
390                class="nav-link"
391                href="/configuration/network-settings"
392                target="_self"
393              >
394
395                appNavigation.networkSettings
396
397              </a>
398            </li>
399            <li
400              class="nav-item"
401              data-test-id="nav-item-snmp-settings"
402            >
403              <a
404                class="nav-link"
405                href="#"
406                target="_self"
407              >
408
409                appNavigation.snmpSettings
410
411              </a>
412            </li>
413          </ul>
414        </li>
415        <li
416          class="nav-item"
417        >
418          <button
419            aria-controls="access-control"
420            aria-expanded="false"
421            class="btn btn-link collapsed"
422            data-test-id="nav-button-access-control"
423            type="button"
424          >
425            <svg
426              aria-hidden="true"
427              focusable="false"
428              height="16"
429              preserveAspectRatio="xMidYMid meet"
430              style="will-change: transform;"
431              viewBox="0 0 32 32"
432              width="16"
433              xmlns="http://www.w3.org/2000/svg"
434            >
435              <path
436                d="M21 2a9 9 0 0 0-9 9 8.87 8.87 0 0 0 .39 2.61L2 24v6h6l10.39-10.39A9 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-.35-.85.85-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 28H4v-3.17L13.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"
437              />
438              <circle
439                cx="22"
440                cy="10"
441                r="2"
442              />
443            </svg>
444
445              appNavigation.configuration
446
447            <svg
448              aria-hidden="true"
449              class="icon-expand"
450              focusable="false"
451              height="16"
452              preserveAspectRatio="xMidYMid meet"
453              style="will-change: transform;"
454              viewBox="0 0 16 16"
455              width="16"
456              xmlns="http://www.w3.org/2000/svg"
457            >
458              <path
459                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
460              />
461            </svg>
462          </button>
463
464          <ul
465            class="nav-item__nav collapse"
466            id="access-control"
467            style="display: none;"
468          >
469            <li
470              class="nav-item"
471              data-test-id="nav-item-ldap"
472            >
473              <a
474                class="nav-link"
475                href="/access-control/ldap"
476                target="_self"
477              >
478
479                appNavigation.ldap
480
481              </a>
482            </li>
483            <li
484              class="nav-item"
485              data-test-id="nav-item-local-user-management"
486            >
487              <a
488                class="nav-link"
489                href="/access-control/local-user-management"
490                target="_self"
491              >
492
493                appNavigation.localUserManagement
494
495              </a>
496            </li>
497            <li
498              class="nav-item"
499              data-test-id="nav-item-ssl-certificates"
500            >
501              <a
502                class="nav-link"
503                href="/access-control/ssl-certificates"
504                target="_self"
505              >
506
507                appNavigation.sslCertificates
508
509              </a>
510            </li>
511          </ul>
512        </li>
513      </ul>
514    </nav>
515  </div>
516
517  <!---->
518</div>
519`;
520
521exports[`AppNavigation.vue should render with nav-container open 1`] = `
522<div>
523  <div
524    class="nav-container"
525  >
526    <nav
527      aria-label="appNavigation.primaryNavigation"
528    >
529      <ul
530        class="nav mb-4 flex-column"
531      >
532        <li
533          class="nav-item"
534          data-test-id="nav-item-overview"
535        >
536          <a
537            class="nav-link"
538            href="/"
539            target="_self"
540          >
541            <svg
542              aria-hidden="true"
543              focusable="false"
544              height="16"
545              preserveAspectRatio="xMidYMid meet"
546              style="will-change: transform;"
547              viewBox="0 0 32 32"
548              width="16"
549              xmlns="http://www.w3.org/2000/svg"
550            >
551              <path
552                d="M4 2H2v26a2 2 0 0 0 2 2h26v-2H4z"
553              />
554              <path
555                d="M30 9h-7v2h3.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 0l8.29-8.3V16h2z"
556              />
557            </svg>
558
559            appNavigation.overview
560
561          </a>
562        </li>
563        <li
564          class="nav-item"
565        >
566          <button
567            aria-controls="health"
568            aria-expanded="false"
569            class="btn btn-link collapsed"
570            data-test-id="nav-button-health"
571            type="button"
572          >
573            <svg
574              aria-hidden="true"
575              focusable="false"
576              height="16"
577              preserveAspectRatio="xMidYMid meet"
578              style="will-change: transform;"
579              viewBox="0 0 32 32"
580              width="16"
581              xmlns="http://www.w3.org/2000/svg"
582            >
583              <path
584                d="M23 27.18l-2.59-2.59L19 26l4 4 7-7-1.41-1.41L23 27.18z"
585              />
586              <circle
587                cx="11"
588                cy="8"
589                r="1"
590              />
591              <circle
592                cx="11"
593                cy="16"
594                r="1"
595              />
596              <circle
597                cx="11"
598                cy="24"
599                r="1"
600              />
601              <path
602                d="M24 3H8a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h8v-2H8v-6h18V5a2 2 0 0 0-2-2zm0 16H8v-6h16zm0-8H8V5h16z"
603              />
604            </svg>
605
606              appNavigation.health
607
608            <svg
609              aria-hidden="true"
610              class="icon-expand"
611              focusable="false"
612              height="16"
613              preserveAspectRatio="xMidYMid meet"
614              style="will-change: transform;"
615              viewBox="0 0 16 16"
616              width="16"
617              xmlns="http://www.w3.org/2000/svg"
618            >
619              <path
620                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
621              />
622            </svg>
623          </button>
624
625          <ul
626            class="nav-item__nav collapse"
627            id="health"
628            style="display: none;"
629          >
630            <li
631              class="nav-item"
632              data-test-id="nav-item-event-logs"
633            >
634              <a
635                class="nav-link"
636                href="/health/event-logs"
637                target="_self"
638              >
639
640                appNavigation.eventLogs
641
642              </a>
643            </li>
644            <li
645              class="nav-item"
646              data-test-id="nav-item-hardware-status"
647            >
648              <a
649                class="nav-link"
650                href="/health/hardware-status"
651                target="_self"
652              >
653
654                appNavigation.hardwareStatus
655
656              </a>
657            </li>
658            <li
659              class="nav-item"
660              data-test-id="nav-item-sensors"
661            >
662              <a
663                class="nav-link"
664                href="/health/sensors"
665                target="_self"
666              >
667
668                appNavigation.sensors
669
670              </a>
671            </li>
672          </ul>
673        </li>
674        <li
675          class="nav-item"
676        >
677          <button
678            aria-controls="control"
679            aria-expanded="false"
680            class="btn btn-link collapsed"
681            data-test-id="nav-button-control"
682            type="button"
683          >
684            <svg
685              aria-hidden="true"
686              focusable="false"
687              height="16"
688              preserveAspectRatio="xMidYMid meet"
689              style="will-change: transform;"
690              viewBox="0 0 32 32"
691              width="16"
692              xmlns="http://www.w3.org/2000/svg"
693            >
694              <path
695                d="M30 7h-5.1a5 5 0 0 0-9.8 0H2v2h13.1a5 5 0 0 0 9.8 0H30zm-10 4a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM2 25h5.1a5 5 0 0 0 9.8 0H30v-2H16.9a5 5 0 0 0-9.8 0H2zm7-1a3 3 0 1 1 3 3 3 3 0 0 1-3-3z"
696              />
697            </svg>
698
699              appNavigation.control
700
701            <svg
702              aria-hidden="true"
703              class="icon-expand"
704              focusable="false"
705              height="16"
706              preserveAspectRatio="xMidYMid meet"
707              style="will-change: transform;"
708              viewBox="0 0 16 16"
709              width="16"
710              xmlns="http://www.w3.org/2000/svg"
711            >
712              <path
713                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
714              />
715            </svg>
716          </button>
717
718          <ul
719            class="nav-item__nav collapse"
720            id="control"
721            style="display: none;"
722          >
723            <li
724              class="nav-item"
725              data-test-id="nav-item-kvm"
726            >
727              <a
728                class="nav-link"
729                href="/control/kvm"
730                target="_self"
731              >
732
733                appNavigation.kvm
734
735              </a>
736            </li>
737            <li
738              class="nav-item"
739              data-test-id="nav-item-manage-power-usage"
740            >
741              <a
742                class="nav-link"
743                href="/control/manage-power-usage"
744                target="_self"
745              >
746
747                appNavigation.managePowerUsage
748
749              </a>
750            </li>
751            <li
752              class="nav-item"
753              data-test-id="nav-item-reboot-bmc"
754            >
755              <a
756                class="nav-link"
757                href="/control/reboot-bmc"
758                target="_self"
759              >
760
761                appNavigation.rebootBmc
762
763              </a>
764            </li>
765            <li
766              class="nav-item"
767              data-test-id="nav-item-serial-over-lan"
768            >
769              <a
770                class="nav-link"
771                href="/control/serial-over-lan"
772                target="_self"
773              >
774
775                appNavigation.serialOverLan
776
777              </a>
778            </li>
779            <li
780              class="nav-item"
781              data-test-id="nav-item-server-led"
782            >
783              <a
784                class="nav-link"
785                href="/control/server-led"
786                target="_self"
787              >
788
789                appNavigation.serverLed
790
791              </a>
792            </li>
793            <li
794              class="nav-item"
795              data-test-id="nav-item-server-power-operations"
796            >
797              <a
798                class="nav-link"
799                href="/control/server-power-operations"
800                target="_self"
801              >
802
803                appNavigation.serverPowerOperations
804
805              </a>
806            </li>
807            <li
808              class="nav-item"
809              data-test-id="nav-item-virtual-media"
810            >
811              <a
812                class="nav-link"
813                href="/control/virtual-media"
814                target="_self"
815              >
816
817                appNavigation.virtualMedia
818
819              </a>
820            </li>
821          </ul>
822        </li>
823        <li
824          class="nav-item"
825        >
826          <button
827            aria-controls="configuration"
828            aria-expanded="false"
829            class="btn btn-link collapsed"
830            data-test-id="nav-button-configuration"
831            type="button"
832          >
833            <svg
834              aria-hidden="true"
835              focusable="false"
836              height="16"
837              preserveAspectRatio="xMidYMid meet"
838              style="will-change: transform;"
839              viewBox="0 0 16 16"
840              width="16"
841              xmlns="http://www.w3.org/2000/svg"
842            >
843              <path
844                d="M13.5 8.4v-.8l1-.8c.4-.3.4-.9.2-1.3l-1.2-2c-.2-.3-.5-.5-.9-.5-.1 0-.2 0-.3.1l-1.2.4c-.2-.1-.4-.3-.7-.4l-.3-1.3c0-.5-.4-.8-.9-.8H6.8c-.5 0-.9.3-1 .8l-.2 1.3c-.3.1-.5.2-.7.3L3.7 3h-.3c-.4 0-.7.2-.9.5l-1.2 2c-.2.4-.1.9.3 1.3l.9.9v.8l-.9.7c-.4.3-.5.9-.2 1.3l1.2 2c.1.3.4.5.8.5.1 0 .2 0 .3-.1l1.2-.4c.2.1.4.3.7.4l.3 1.3c.1.5.5.8 1 .8h2.4c.5 0 .9-.3 1-.8l.3-1.3c.2-.1.4-.2.7-.4l1.2.4c.1 0 .2.1.3.1.4 0 .7-.2.9-.5l1.1-2c.2-.4.2-.9-.2-1.3l-1.1-.8zm-.9 3.6l-1.7-.6c-.4.3-.9.6-1.4.8L9.2 14H6.8l-.4-1.8c-.5-.2-.9-.5-1.4-.8l-1.6.6-1.2-2 1.4-1.2c-.1-.5-.1-1.1 0-1.6L2.2 6l1.2-2 1.7.6c.4-.4.9-.6 1.4-.8L6.8 2h2.4l.4 1.8c.5.2.9.5 1.4.8l1.6-.6 1.2 2-1.4 1.2c.1.5.1 1.1 0 1.6l1.4 1.2-1.2 2z"
845              />
846              <path
847                d="M8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3c0 1.6-1.3 3-3 3zm0-5c-1.1 0-2 .8-2 1.9V8c0 1.1.8 2 1.9 2H8c1.1 0 2-.8 2-1.9V8c0-1.1-.8-2-2-2 .1 0 0 0 0 0z"
848              />
849            </svg>
850
851              appNavigation.configuration
852
853            <svg
854              aria-hidden="true"
855              class="icon-expand"
856              focusable="false"
857              height="16"
858              preserveAspectRatio="xMidYMid meet"
859              style="will-change: transform;"
860              viewBox="0 0 16 16"
861              width="16"
862              xmlns="http://www.w3.org/2000/svg"
863            >
864              <path
865                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
866              />
867            </svg>
868          </button>
869
870          <ul
871            class="nav-item__nav collapse"
872            id="configuration"
873            style="display: none;"
874          >
875            <li
876              class="nav-item"
877              data-test-id="nav-item-date-time-settings"
878            >
879              <a
880                class="nav-link"
881                href="/configuration/date-time-settings"
882                target="_self"
883              >
884
885                appNavigation.dateTimeSettings
886
887              </a>
888            </li>
889            <li
890              class="nav-item"
891              data-test-id="nav-item-firmware"
892            >
893              <a
894                class="nav-link"
895                href="/configuration/firmware"
896                target="_self"
897              >
898
899                appNavigation.firmware
900
901              </a>
902            </li>
903            <li
904              class="nav-item"
905              data-test-id="nav-item-network-settings"
906            >
907              <a
908                class="nav-link"
909                href="/configuration/network-settings"
910                target="_self"
911              >
912
913                appNavigation.networkSettings
914
915              </a>
916            </li>
917            <li
918              class="nav-item"
919              data-test-id="nav-item-snmp-settings"
920            >
921              <a
922                class="nav-link"
923                href="#"
924                target="_self"
925              >
926
927                appNavigation.snmpSettings
928
929              </a>
930            </li>
931          </ul>
932        </li>
933        <li
934          class="nav-item"
935        >
936          <button
937            aria-controls="access-control"
938            aria-expanded="false"
939            class="btn btn-link collapsed"
940            data-test-id="nav-button-access-control"
941            type="button"
942          >
943            <svg
944              aria-hidden="true"
945              focusable="false"
946              height="16"
947              preserveAspectRatio="xMidYMid meet"
948              style="will-change: transform;"
949              viewBox="0 0 32 32"
950              width="16"
951              xmlns="http://www.w3.org/2000/svg"
952            >
953              <path
954                d="M21 2a9 9 0 0 0-9 9 8.87 8.87 0 0 0 .39 2.61L2 24v6h6l10.39-10.39A9 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-.35-.85.85-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 28H4v-3.17L13.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"
955              />
956              <circle
957                cx="22"
958                cy="10"
959                r="2"
960              />
961            </svg>
962
963              appNavigation.configuration
964
965            <svg
966              aria-hidden="true"
967              class="icon-expand"
968              focusable="false"
969              height="16"
970              preserveAspectRatio="xMidYMid meet"
971              style="will-change: transform;"
972              viewBox="0 0 16 16"
973              width="16"
974              xmlns="http://www.w3.org/2000/svg"
975            >
976              <path
977                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
978              />
979            </svg>
980          </button>
981
982          <ul
983            class="nav-item__nav collapse"
984            id="access-control"
985            style="display: none;"
986          >
987            <li
988              class="nav-item"
989              data-test-id="nav-item-ldap"
990            >
991              <a
992                class="nav-link"
993                href="/access-control/ldap"
994                target="_self"
995              >
996
997                appNavigation.ldap
998
999              </a>
1000            </li>
1001            <li
1002              class="nav-item"
1003              data-test-id="nav-item-local-user-management"
1004            >
1005              <a
1006                class="nav-link"
1007                href="/access-control/local-user-management"
1008                target="_self"
1009              >
1010
1011                appNavigation.localUserManagement
1012
1013              </a>
1014            </li>
1015            <li
1016              class="nav-item"
1017              data-test-id="nav-item-ssl-certificates"
1018            >
1019              <a
1020                class="nav-link"
1021                href="/access-control/ssl-certificates"
1022                target="_self"
1023              >
1024
1025                appNavigation.sslCertificates
1026
1027              </a>
1028            </li>
1029          </ul>
1030        </li>
1031      </ul>
1032    </nav>
1033  </div>
1034
1035  <!---->
1036</div>
1037`;
1038