ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/image-list/image-list.component.html

   1 <tabset>
   2   <tab heading="Issues"
   3        i18n-heading>
   4     <cd-table [data]="image_error.data"
   5               columnMode="flex"
   6               [columns]="image_error.columns"
   7               [autoReload]="0"
   8               (fetchData)="refresh()">
   9     </cd-table>
  10   </tab>
  11   <tab heading="Syncing"
  12        i18n-heading>
  13     <cd-table [data]="image_syncing.data"
  14               columnMode="flex"
  15               [columns]="image_syncing.columns"
  16               [autoReload]="0"
  17               (fetchData)="refresh()">
  18     </cd-table>
  19   </tab>
  20   <tab heading="Ready"
  21        i18n-heading>
  22     <cd-table [data]="image_ready.data"
  23               columnMode="flex"
  24               [columns]="image_ready.columns"
  25               [autoReload]="0"
  26               (fetchData)="refresh()">
  27     </cd-table>
  28   </tab>
  29 </tabset>
  30
  31 <ng-template #stateTmpl
  32              let-row="row"
  33              let-value="value">
  34   <span [ngClass]="row.state_color | mirrorHealthColor">{{ value }}</span>
  35 </ng-template>
  36
  37 <ng-template #syncTmpl>
  38   <span class="badge badge-info"
  39         i18n>Syncing</span>
  40 </ng-template>
  41
  42 <ng-template #progressTmpl
  43              let-value="value">
  44   <progressbar type="info"
  45                [value]="value">
  46   </progressbar>
  47 </ng-template>