]>
Commit | Line | Data |
---|---|---|
11fdf7f2 TL |
1 | <nav class="navbar navbar-default navbar-main"> |
2 | <!-- Brand and toggle get grouped for better mobile display --> | |
3 | ||
4 | <div class="navbar-header tc_logo_component"> | |
5 | <a class="navbar-brand" | |
6 | href="#"> | |
7 | <img src="assets/Ceph_Logo_Standard_RGB_White_120411_fa.png" | |
8 | alt="Ceph"> | |
9 | </a> | |
10 | ||
11 | <button type="button" | |
12 | class="navbar-toggle collapsed" | |
13 | (click)="isCollapsed = !isCollapsed"> | |
14 | <span i18n | |
15 | class="sr-only">Toggle navigation</span> | |
16 | <span class="icon-bar"></span> | |
17 | <span class="icon-bar"></span> | |
18 | <span class="icon-bar"></span> | |
19 | </button> | |
20 | </div> | |
21 | ||
22 | <!-- Collect the nav links, forms, and other content for toggling --> | |
23 | <div *ngIf="enabledFeature$ | async as enabledFeature" | |
24 | class="collapse navbar-collapse" | |
25 | id="bs-example-navbar-collapse-1" | |
26 | [collapse]="isCollapsed"> | |
27 | <ul class="nav navbar-nav navbar-primary"> | |
28 | ||
29 | <!-- Dashboard --> | |
30 | <li routerLinkActive="active" | |
31 | class="tc_menuitem tc_menuitem_dashboard"> | |
32 | <a routerLink="/dashboard"> | |
33 | <i class="fa fa-heartbeat fa-fw" | |
34 | [ngStyle]="summaryData?.health_status | healthColor"></i> | |
35 | <span i18n>Dashboard</span> | |
36 | </a> | |
37 | </li> | |
38 | ||
39 | <!-- Cluster --> | |
40 | <li dropdown | |
41 | routerLinkActive="active" | |
42 | class="dropdown tc_menuitem tc_menuitem_cluster" | |
43 | *ngIf="permissions.hosts.read || permissions.monitor.read || permissions.osd.read || permissions.configOpt.read"> | |
44 | <a dropdownToggle | |
45 | class="dropdown-toggle" | |
46 | data-toggle="dropdown"> | |
47 | <ng-container i18n>Cluster</ng-container> | |
48 | <span class="caret"></span> | |
49 | </a> | |
50 | <ul *dropdownMenu | |
51 | class="dropdown-menu"> | |
52 | <li routerLinkActive="active" | |
53 | class="tc_submenuitem tc_submenuitem_hosts" | |
54 | *ngIf="permissions.hosts.read"> | |
55 | <a i18n | |
56 | class="dropdown-item" | |
57 | routerLink="/hosts">Hosts</a> | |
58 | </li> | |
59 | <li routerLinkActive="active" | |
60 | class="tc_submenuitem tc_submenuitem_cluster_monitor" | |
61 | *ngIf="permissions.monitor.read"> | |
62 | <a i18n | |
63 | class="dropdown-item" | |
64 | routerLink="/monitor/">Monitors</a> | |
65 | </li> | |
66 | <li routerLinkActive="active" | |
67 | class="tc_submenuitem tc_submenuitem_hosts" | |
68 | *ngIf="permissions.osd.read"> | |
69 | <a i18n | |
70 | class="dropdown-item" | |
71 | routerLink="/osd">OSDs</a> | |
72 | </li> | |
73 | <li routerLinkActive="active" | |
74 | class="tc_submenuitem tc_submenuitem_configuration" | |
75 | *ngIf="permissions.configOpt.read"> | |
76 | <a i18n | |
77 | class="dropdown-item" | |
78 | routerLink="/configuration">Configuration</a> | |
79 | </li> | |
80 | <li routerLinkActive="active" | |
81 | class="tc_submenuitem tc_submenuitem_crush" | |
82 | *ngIf="permissions.hosts.read && permissions.osd.read"> | |
83 | <a i18n | |
84 | class="dropdown-item" | |
85 | routerLink="/crush-map">CRUSH map</a> | |
86 | </li> | |
87 | <li routerLinkActive="active" | |
88 | class="tc_submenuitem tc_submenuitem_modules" | |
89 | *ngIf="permissions.configOpt.read"> | |
90 | <a i18n | |
91 | class="dropdown-item" | |
92 | routerLink="/mgr-modules">Manager modules</a> | |
93 | </li> | |
94 | <li routerLinkActive="active" | |
95 | class="tc_submenuitem tc_submenuitem_log" | |
96 | *ngIf="permissions.log.read"> | |
97 | <a i18n | |
98 | class="dropdown-item" | |
99 | routerLink="/logs">Logs</a> | |
100 | </li> | |
101 | <li routerLinkActive="active" | |
102 | class="tc_submenuitem tc_submenuitem_prometheus" | |
103 | *ngIf="prometheusConfigured && permissions.prometheus.read"> | |
104 | <a i18n | |
105 | routerLink="/alerts">Alerts</a> | |
106 | </li> | |
107 | </ul> | |
108 | </li> | |
109 | ||
110 | <!-- Pools --> | |
111 | <li routerLinkActive="active" | |
112 | class="tc_menuitem tc_menuitem_pool" | |
113 | *ngIf="permissions.pool.read"> | |
114 | <a i18n | |
115 | routerLink="/pool">Pools</a> | |
116 | </li> | |
117 | ||
118 | <!-- Block --> | |
119 | <li dropdown | |
120 | routerLinkActive="active" | |
121 | class="dropdown tc_menuitem tc_menuitem_block" | |
122 | *ngIf=" | |
123 | (enabledFeature.rbd || enabledFeature.mirroring || enabledFeature.iscsi) && | |
124 | (permissions.rbdImage.read || permissions.rbdMirroring.read || permissions.iscsi.read)"> | |
125 | <a dropdownToggle | |
126 | class="dropdown-toggle" | |
127 | data-toggle="dropdown" | |
128 | [ngStyle]="blockHealthColor()"> | |
129 | <ng-container i18n>Block</ng-container> | |
130 | <span class="caret"></span> | |
131 | </a> | |
132 | ||
133 | <ul class="dropdown-menu"> | |
134 | <li routerLinkActive="active" | |
135 | *ngIf="enabledFeature.rbd && permissions.rbdImage.read"> | |
136 | <a i18n | |
137 | class="dropdown-item" | |
138 | routerLink="/block/rbd">Images</a> | |
139 | </li> | |
140 | ||
141 | <li routerLinkActive="active" | |
142 | class="tc_submenuitem tc_submenuitem_block_mirroring" | |
143 | *ngIf="enabledFeature.mirroring && permissions.rbdMirroring.read"> | |
144 | <a class="dropdown-item" | |
145 | routerLink="/block/mirroring"> | |
146 | <ng-container i18n>Mirroring</ng-container> | |
147 | <small *ngIf="summaryData?.rbd_mirroring?.warnings !== 0" | |
148 | class="label label-warning">{{ summaryData?.rbd_mirroring?.warnings }}</small> | |
149 | <small *ngIf="summaryData?.rbd_mirroring?.errors !== 0" | |
150 | class="label label-danger">{{ summaryData?.rbd_mirroring?.errors }}</small> | |
151 | </a> | |
152 | </li> | |
153 | ||
154 | <li routerLinkActive="active" | |
155 | *ngIf="enabledFeature.iscsi && permissions.iscsi.read"> | |
156 | <a i18n | |
157 | class="dropdown-item" | |
158 | routerLink="/block/iscsi">iSCSI</a> | |
159 | </li> | |
160 | </ul> | |
161 | </li> | |
162 | ||
163 | <!-- NFS --> | |
164 | <li routerLinkActive="active" | |
165 | class="tc_menuitem tc_menuitem_nfs" | |
166 | *ngIf="permissions?.nfs?.read"> | |
167 | <a i18n | |
168 | routerLink="/nfs">NFS</a> | |
169 | </li> | |
170 | ||
171 | <!-- Filesystem --> | |
172 | <li routerLinkActive="active" | |
173 | class="tc_menuitem tc_menuitem_cephs" | |
174 | *ngIf="enabledFeature.cephfs && permissions.cephfs.read"> | |
175 | <a i18n | |
176 | routerLink="/cephfs">Filesystems</a> | |
177 | </li> | |
178 | ||
179 | <!-- Object Gateway --> | |
180 | <li dropdown | |
181 | routerLinkActive="active" | |
182 | class="dropdown tc_menuitem tc_menuitem_rgw" | |
183 | *ngIf="enabledFeature.rgw && permissions.rgw.read"> | |
184 | <a dropdownToggle | |
185 | class="dropdown-toggle" | |
186 | data-toggle="dropdown"> | |
187 | <ng-container i18n>Object Gateway</ng-container> | |
188 | <span class="caret"></span> | |
189 | </a> | |
190 | <ul *dropdownMenu | |
191 | class="dropdown-menu"> | |
192 | <li routerLinkActive="active" | |
193 | class="tc_submenuitem tc_submenuitem_rgw_daemons"> | |
194 | <a i18n | |
195 | class="dropdown-item" | |
196 | routerLink="/rgw/daemon">Daemons</a> | |
197 | </li> | |
198 | <li routerLinkActive="active" | |
199 | class="tc_submenuitem tc_submenuitem_rgw_users"> | |
200 | <a i18n | |
201 | class="dropdown-item" | |
202 | routerLink="/rgw/user">Users</a> | |
203 | </li> | |
204 | <li routerLinkActive="active" | |
205 | class="tc_submenuitem tc_submenuitem_rgw_buckets"> | |
206 | <a i18n | |
207 | class="dropdown-item" | |
208 | routerLink="/rgw/bucket">Buckets</a> | |
209 | </li> | |
210 | </ul> | |
211 | </li> | |
212 | </ul> | |
213 | <!-- /.navbar-primary --> | |
214 | ||
215 | <ul class="nav navbar-nav navbar-utility"> | |
216 | <li> | |
217 | <cd-language-selector class="oa-navbar"></cd-language-selector> | |
218 | </li> | |
219 | <li> | |
220 | <cd-task-manager class="oa-navbar"></cd-task-manager> | |
221 | </li> | |
222 | <li> | |
223 | <cd-notifications class="oa-navbar"></cd-notifications> | |
224 | </li> | |
225 | <li> | |
226 | <cd-dashboard-help class="oa-navbar"></cd-dashboard-help> | |
227 | </li> | |
228 | <li> | |
229 | <cd-administration class="oa-navbar"></cd-administration> | |
230 | </li> | |
231 | <li> | |
232 | <cd-identity class="oa-navbar"></cd-identity> | |
233 | </li> | |
234 | </ul> | |
235 | <!-- /.navbar-utility --> | |
236 | </div> | |
237 | <!-- /.navbar-collapse --> | |
238 | </nav> |