ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-subvolume-group/cephfs-subvolume-group.component.html

   1
   2 <ng-container *ngIf="subvolumeGroup$ | async as subvolumeGroup">
   3   <cd-table *ngIf="subvolumeGroup"
   4             [data]="subvolumeGroup"
   5             columnMode="flex"
   6             [columns]="columns"
   7             selectionType="single"
   8             [hasDetails]="false"
   9             (fetchData)="fetchData()"
  10             (updateSelection)="updateSelection($event)">
  11
  12     <div class="table-actions btn-toolbar">
  13       <cd-table-actions [permission]="permissions.cephfs"
  14                         [selection]="selection"
  15                         class="btn-group"
  16                         id="cephfs-subvolumegropup-actions"
  17                         [tableActions]="tableActions">
  18       </cd-table-actions>
  19     </div>
  20   </cd-table>
  21 </ng-container>
  22
  23 <ng-template #quotaUsageTpl
  24              let-row="row">
  25   <cd-usage-bar *ngIf="row.info.bytes_pcent && row.info.bytes_pcent !== 'undefined'; else noLimitTpl"
  26                 [total]="row.info.bytes_quota"
  27                 [used]="row.info.bytes_used"
  28                 [title]="row.name"
  29                 [showFreeToolTip]="false"
  30                 customLegend="Quota"
  31                 [customLegendValue]="row.info.bytes_quota"
  32                 decimals="2"></cd-usage-bar>
  33
  34   <ng-template #noLimitTpl>
  35     <span ngbTooltip="Quota limit is not set"
  36           *ngIf="row.info.bytes_pcent === 'undefined'"
  37           i18n-ngbTooltip>
  38       {{row.info.bytes_used | dimlessBinary}}</span>
  39   </ng-template>
  40 </ng-template>
  41
  42 <ng-template #typeTpl
  43              let-value="value">
  44   <cd-label [value]="value"></cd-label>
  45 </ng-template>
  46
  47 <ng-template #modeToHumanReadableTpl
  48              let-value="value">
  49   <span *ngFor="let result of (value | octalToHumanReadable)"
  50         [ngClass]="result.class"
  51         [ngbTooltip]="result.toolTip">
  52     {{ result.content }}
  53   </span>
  54 </ng-template>