]> git.proxmox.com Git - ceph.git/blame - ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.html
update ceph source to reef 18.1.2
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / hosts / hosts.component.html
CommitLineData
39ae355f
TL
1<nav ngbNav
2 #nav="ngbNav"
3 class="nav-tabs">
4 <ng-container ngbNavItem>
f67539c2
TL
5 <a ngbNavLink
6 i18n>Hosts List</a>
7 <ng-template ngbNavContent>
a4b75251
TL
8 <cd-table #table
9 [data]="hosts"
f67539c2
TL
10 [columns]="columns"
11 columnMode="flex"
12 (fetchData)="getHosts($event)"
13 selectionType="single"
1e59de90 14 [searchableObjects]="true"
a4b75251 15 [hasDetails]="hasTableDetails"
f67539c2 16 (setExpandedRow)="setExpandedRow($event)"
a4b75251
TL
17 (updateSelection)="updateSelection($event)"
18 [toolHeader]="!hideToolHeader">
f67539c2
TL
19 <div class="table-actions btn-toolbar">
20 <cd-table-actions [permission]="permissions.hosts"
21 [selection]="selection"
22 class="btn-group"
23 id="host-actions"
24 [tableActions]="tableActions">
25 </cd-table-actions>
26 </div>
27 <cd-host-details cdTableDetail
28 [permissions]="permissions"
29 [selection]="expandedRow">
30 </cd-host-details>
31 </cd-table>
32 </ng-template>
39ae355f
TL
33 </ng-container>
34 <ng-container ngbNavItem
35 *ngIf="permissions.grafana.read">
36 </ng-container>
37 <ng-container ngbNavItem
38 *ngIf="permissions.grafana.read">
f67539c2
TL
39 <a ngbNavLink
40 i18n>Overall Performance</a>
41 <ng-template ngbNavContent>
39ae355f
TL
42 <cd-grafana i18n-title
43 title="Host overview"
44 [grafanaPath]="'host-overview?'"
2a845540 45 [type]="'metrics'"
f67539c2
TL
46 uid="y0KGL0iZz"
47 grafanaStyle="two">
48 </cd-grafana>
49 </ng-template>
39ae355f
TL
50 </ng-container>
51</nav>
f67539c2
TL
52
53<div [ngbNavOutlet]="nav"></div>
54
55<ng-template #servicesTpl
39ae355f
TL
56 let-services="value">
57 <span *ngFor="let service of services">
58 <cd-label [key]="service['type']"
59 [value]="service['count']"
60 class="me-1"></cd-label>
f67539c2
TL
61 </span>
62</ng-template>
63
1e59de90
TL
64<ng-template #hostNameTpl
65 let-row="row">
66 <span [ngClass]="row">
67 {{ row.hostname }}
68 </span><br>
69 <span class="text-muted fst-italic"
70 *ngIf="row.addr">
71 ({{ row.addr }})
72 </span>
73</ng-template>
74
f67539c2
TL
75<ng-template #maintenanceConfirmTpl>
76 <div *ngFor="let msg of errorMessage; let last=last">
39ae355f 77 <ul *ngIf="!last || errorMessage.length === '1'">
f67539c2
TL
78 <li i18n>{{ msg }}</li>
79 </ul>
80 </div>
81 <ng-container i18n
82 *ngIf="showSubmit">Are you sure you want to continue?</ng-container>
83</ng-template>
a4b75251
TL
84
85<ng-template #orchTmpl>
86 <span i18n
87 i18n-ngbTooltip
20effc67 88 ngbTooltip="Data will be available only if Orchestrator is available.">N/A</span>
a4b75251
TL
89</ng-template>
90
91<ng-template #flashTmpl>
92 <span i18n
93 i18n-ngbTooltip
94 ngbTooltip="SSD, NVMEs">Flash</span>
95</ng-template>
96<router-outlet name="modal"></router-outlet>