blob: e01d3480ee079f4f1e500563dd4eb65f6459fc59 (
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
|
<div class="row">
<div class="col-sm-12 col-lg-12">
<div class="card">
<div class="card-header"
i18n>CRUSH map viewer</div>
<div class="card-body">
<div class="row">
<div class="col-sm-6 col-lg-6 tree-container">
<i *ngIf="loadingIndicator"
[ngClass]="[icons.large, icons.spinner, icons.spin]"></i>
<tree-root #tree
[nodes]="nodes"
[options]="treeOptions"
(updateData)="onUpdateData()">
<ng-template #treeNodeTemplate
let-node>
<span *ngIf="node.data.status"
class="badge"
[ngClass]="{'badge-success': ['in', 'up'].includes(node.data.status), 'badge-danger': ['down', 'out', 'destroyed'].includes(node.data.status)}">
{{ node.data.status }}
</span>
<span> </span>
<span class="node-name"
[ngClass]="{'type-osd': node.data.type === 'osd'}"
[innerHTML]="node.data.name"></span>
</ng-template>
</tree-root>
</div>
<div class="col-sm-6 col-lg-6 metadata"
*ngIf="metadata">
<legend>{{ metadataTitle }}</legend>
<cd-table-key-value [data]="metadata"></cd-table-key-value>
</div>
</div>
</div>
</div>
</div>
</div>
|