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