1<template>
2  <b-nav vertical>
3    <b-nav-item to="/"><Analytics16 /> Overview</b-nav-item>
4
5    <li class="nav-item">
6      <b-button v-b-toggle.health-menu variant="link">
7        <DataCheck16 /> Health
8      </b-button>
9
10      <b-collapse tag="ul" id="health-menu">
11        <b-nav-item href="javascript:void(0)">Event Log</b-nav-item>
12        <b-nav-item href="javascript:void(0)">Hardware Status</b-nav-item>
13        <b-nav-item href="javascript:void(0)">Sensors</b-nav-item>
14      </b-collapse>
15    </li>
16
17    <li class="nav-item">
18      <b-button v-b-toggle.control-menu variant="link">
19        <SettingsAdjust16 />
20        Control
21      </b-button>
22      <b-collapse tag="ul" id="control-menu">
23        <b-nav-item href="javascript:void(0)"
24          >Server power operations</b-nav-item
25        >
26        <b-nav-item href="javascript:void(0)">Manage power usage</b-nav-item>
27        <b-nav-item href="javascript:void(0)">Server LED</b-nav-item>
28      </b-collapse>
29    </li>
30    <li class="nav-item">
31      <b-button v-b-toggle.configuration-menu variant="link">
32        <Settings16 />
33        Health
34      </b-button>
35      <b-collapse tag="ul" id="configuration-menu">
36        <b-nav-item href="javascript:void(0)">Network settings</b-nav-item>
37        <b-nav-item href="javascript:void(0)">SNMP settings</b-nav-item>
38        <b-nav-item href="javascript:void(0)">Firmware</b-nav-item>
39      </b-collapse>
40    </li>
41
42    <li class="nav-item">
43      <b-button v-b-toggle.access-control-menu variant="link">
44        <Password16 />
45        Access Control
46      </b-button>
47      <b-collapse tag="ul" id="access-control-menu">
48        <b-nav-item href="javascript:void(0)">LDAP</b-nav-item>
49        <b-nav-item to="/access-control/local-user-management"
50          >Local user management</b-nav-item
51        >
52        <b-nav-item href="javascript:void(0)">SSL Certificates</b-nav-item>
53      </b-collapse>
54    </li>
55  </b-nav>
56</template>
57
58<script>
59import Analytics16 from "@carbon/icons-vue/es/analytics/16";
60import DataCheck16 from "@carbon/icons-vue/es/data--check/16";
61import SettingsAdjust16 from "@carbon/icons-vue/es/settings--adjust/16";
62import Settings16 from "@carbon/icons-vue/es/settings/16";
63import Password16 from "@carbon/icons-vue/es/password/16";
64
65export default {
66  name: "AppNavigation",
67  components: {
68    Analytics16,
69    DataCheck16,
70    SettingsAdjust16,
71    Settings16,
72    Password16
73  }
74};
75</script>
76
77<style scoped>
78ul li ul {
79  list-style: none;
80  padding-left: 0;
81  margin-left: 1rem;
82}
83</style>
84