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