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