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