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