git.apps.os.sepia.ceph.com Git - ceph.git/blob

   1 <ng-container *ngIf="isLoading">
   2   <cd-loading-panel>
   3     <span i18n>Loading snapshots...</span>
   4   </cd-loading-panel>
   5 </ng-container>
   6
   7 <div class="row"
   8      *ngIf="isSubVolumesAvailable; else noGroupsTpl">
   9   <div class="col-sm-2">
  10     <cd-vertical-navigation title="Groups"
  11                             [items]="subvolumeGroupList"
  12                             inputIdentifier="group-filter"
  13                             (emitActiveItem)="selectSubVolumeGroup($event)"></cd-vertical-navigation>
  14   </div>
  15   <div class="col-sm-2 vertical-line"
  16        *ngIf="subVolumes$ | async">
  17     <cd-vertical-navigation title="Subvolumes"
  18                             [items]="subVolumesList"
  19                             (emitActiveItem)="selectSubVolume($event)"
  20                             inputIdentifier="subvol-filter"></cd-vertical-navigation>
  21   </div>
  22   <div class="col-8 vertical-line"
  23        *ngIf="isSubVolumesAvailable">
  24     <cd-table [data]="snapshots$ | async"
  25               columnMode="flex"
  26               [columns]="columns"
  27               selectionType="single"
  28               [hasDetails]="false"
  29               (fetchData)="fetchData()"></cd-table>
  30   </div>
  31 </div>
  32 <ng-template #noGroupsTpl>
  33   <cd-alert-panel type="info"
  34                   i18n
  35                   *ngIf="!isLoading">No subvolumes are present. Please create subvolumes to manage snapshots.</cd-alert-panel>
  36 </ng-template>