]> git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/host-details/host-details.component.html
79dd6daf668382e68ab5e924c3621fd0fe80eef6
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / hosts / host-details / host-details.component.html
1 <ng-container *ngIf="selection">
2 <ul ngbNav
3 #nav="ngbNav"
4 class="nav-tabs"
5 cdStatefulTab="host-details">
6 <li ngbNavItem="devices">
7 <a ngbNavLink
8 i18n>Devices</a>
9 <ng-template ngbNavContent>
10 <cd-device-list [hostname]="selection['hostname']"></cd-device-list>
11 </ng-template>
12 </li>
13 <li ngbNavItem="inventory"
14 *ngIf="permissions.hosts.read">
15 <a ngbNavLink
16 i18n>Inventory</a>
17 <ng-template ngbNavContent>
18 <cd-inventory [hostname]="selectedHostname"></cd-inventory>
19 </ng-template>
20 </li>
21 <li ngbNavItem="daemons"
22 *ngIf="permissions.hosts.read">
23 <a ngbNavLink
24 i18n>Daemons</a>
25 <ng-template ngbNavContent>
26 <cd-service-daemon-list [hostname]="selectedHostname">
27 </cd-service-daemon-list>
28 </ng-template>
29 </li>
30 <li ngbNavItem="performance-details"
31 *ngIf="permissions.grafana.read">
32 <a ngbNavLink
33 i18n>Performance Details</a>
34 <ng-template ngbNavContent>
35 <cd-grafana [grafanaPath]="'host-details?var-ceph_hosts=' + selectedHostname"
36 uid="rtOg0AiWz"
37 grafanaStyle="four">
38 </cd-grafana>
39 </ng-template>
40 </li>
41 <li ngbNavItem="device-health">
42 <a ngbNavLink
43 i18n>Device health</a>
44 <ng-template ngbNavContent>
45 <cd-smart-list *ngIf="selectedHostname; else noHostname"
46 [hostname]="selectedHostname"></cd-smart-list>
47 </ng-template>
48 </li>
49 </ul>
50
51 <div [ngbNavOutlet]="nav"></div>
52 </ng-container>
53
54 <ng-template #noHostname>
55 <cd-alert-panel type="error"
56 i18n>No hostname found.</cd-alert-panel>
57 </ng-template>