summaryrefslogtreecommitdiffstats
path: root/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.html
blob: d4972a41c13536042a88896c59c20d2179e9c235 (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
<ul ngbNav
    #nav="ngbNav"
    class="nav-tabs"
    cdStatefulTab="image-list">
  <li ngbNavItem="issues">
    <a ngbNavLink
       i18n>Issues ({{ image_error.data.length }})</a>
    <ng-template ngbNavContent>
      <cd-table [data]="image_error.data"
                columnMode="flex"
                [columns]="image_error.columns"
                [autoReload]="-1"
                (fetchData)="refresh()"
                [status]="tableStatus">
      </cd-table>
    </ng-template>
  </li>
  <li ngbNavItem="syncing">
    <a ngbNavLink
       i18n>Syncing ({{ image_syncing.data.length }})</a>
    <ng-template ngbNavContent>
      <cd-table [data]="image_syncing.data"
                columnMode="flex"
                [columns]="image_syncing.columns"
                [autoReload]="-1"
                (fetchData)="refresh()"
                [status]="tableStatus">
      </cd-table>
    </ng-template>
  </li>
  <li ngbNavItem="ready">
    <a ngbNavLink
       i18n>Ready ({{ image_ready.data.length }})</a>
    <ng-template ngbNavContent>
      <cd-table [data]="image_ready.data"
                columnMode="flex"
                [columns]="image_ready.columns"
                [autoReload]="-1"
                (fetchData)="refresh()"
                [status]="tableStatus">
      </cd-table>
    </ng-template>
  </li>
</ul>

<div [ngbNavOutlet]="nav"></div>

<ng-template #stateTmpl
             let-row="row"
             let-value="value">
  <span [ngClass]="row.state_color | mirrorHealthColor">{{ value }}</span>
</ng-template>

<ng-template #progressTmpl
             let-row="row"
             let-value="value">
  <div *ngIf="row.state === 'Replaying'">
  </div>
  <ngb-progressbar *ngIf="row.state === 'Syncing'"
                   type="info"
                   [value]="value"
                   [showValue]="true"></ngb-progressbar>
</ng-template>