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