ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-list/osd-list.component.html

   1 <tabset>
   2   <tab i18n-heading
   3        heading="OSDs List">
   4
   5     <cd-table [data]="osds"
   6               (fetchData)="getOsdList()"
   7               [columns]="columns"
   8               selectionType="multiClick"
   9               (updateSelection)="updateSelection($event)"
  10               [updateSelectionOnRefresh]="'never'">
  11
  12       <div class="table-actions btn-toolbar">
  13         <cd-table-actions [permission]="permissions.osd"
  14                           [selection]="selection"
  15                           class="btn-group"
  16                           id="osd-actions"
  17                           [tableActions]="tableActions">
  18         </cd-table-actions>
  19         <cd-table-actions [permission]="{read: true}"
  20                           [selection]="selection"
  21                           dropDownOnly="Cluster-wide configuration"
  22                           btnColor="light"
  23                           class="btn-group"
  24                           id="cluster-wide-actions"
  25                           [tableActions]="clusterWideActions">
  26         </cd-table-actions>
  27       </div>
  28
  29       <cd-osd-details cdTableDetail
  30                       [selection]="selection">
  31       </cd-osd-details>
  32     </cd-table>
  33
  34     <ng-template #osdUsageTpl
  35                  let-row="row">
  36       <cd-usage-bar [totalBytes]="row.stats.stat_bytes"
  37                     [usedBytes]="row.stats.stat_bytes_used">
  38       </cd-usage-bar>
  39     </ng-template>
  40   </tab>
  41   <tab i18n-heading
  42        *ngIf="permissions.grafana.read"
  43        heading="Overall Performance">
  44     <cd-grafana [grafanaPath]="'osd-overview?'"
  45                 uid="lo02I1Aiz"
  46                 grafanaStyle="three">
  47     </cd-grafana>
  48   </tab>
  49 </tabset>
  50
  51 <ng-template #markOsdConfirmationTpl
  52              let-markActionDescription="markActionDescription">
  53   <ng-container i18n><strong>OSD(s) {{  getSelectedOsdIds() | join }}</strong> will be marked
  54 <strong>{{ markActionDescription }}</strong> if you proceed.</ng-container>
  55 </ng-template>
  56
  57 <ng-template #criticalConfirmationTpl
  58              let-safeToPerform="safeToPerform"
  59              let-message="message"
  60              let-actionDescription="actionDescription">
  61   <div *ngIf="!safeToPerform"
  62        class="danger">
  63     <cd-alert-panel type="warning"
  64                     i18n>The {selection.hasSingleSelection, select, 1 {OSD is} 0 {OSDs are}} not safe to be {{ actionDescription }}! {{ message }}</cd-alert-panel>
  65   </div>
  66   <ng-container i18n><strong>OSD {{ getSelectedOsdIds() | join }}</strong> will be
  67 <strong>{{ actionDescription }}</strong> if you proceed.</ng-container>
  68 </ng-template>