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

   1 <div class="row">
   2   <div class="col-sm-4 pe-0">
   3     <div class="card">
   4       <div class="card-header">
   5         <button type="button"
   6                 [class.disabled]="loadingIndicator"
   7                 class="btn btn-light pull-right"
   8                 (click)="refreshAllDirectories()">
   9           <i [ngClass]="[icons.large, icons.refresh]"
  10              [class.fa-spin]="loadingIndicator"></i>
  11         </button>
  12       </div>
  13       <div class="card-body card-tree">
  14         <cds-tree-view [tree]="nodes"
  15                        (select)="selectNode($event)">
  16         </cds-tree-view>
  17         <div *ngIf="loadingIndicator">
  18           <i [ngClass]="[icons.spinner, icons.spin]"></i>
  19         </div>
  20       </div>
  21     </div>
  22   </div>
  23   <!-- Selection details -->
  24   <div class="col-sm-8 metadata"
  25        *ngIf="selectedDir">
  26     <div class="card">
  27       <div class="card-header">
  28         {{ selectedDir.path }}
  29       </div>
  30       <div class="card-body">
  31         <ng-container *ngIf="selectedDir.path !== '/'">
  32           <legend i18n>Quotas</legend>
  33           <cd-table [data]="settings"
  34                     [columns]="quota.columns"
  35                     [limit]="0"
  36                     [footer]="false"
  37                     selectionType="single"
  38                     (updateSelection)="quota.updateSelection($event)"
  39                     [onlyActionHeader]="true"
  40                     identifier="quotaKey"
  41                     [forceIdentifier]="true"
  42                     [toolHeader]="false">
  43             <cd-table-actions class="only-table-actions"
  44                               [permission]="permission"
  45                               [selection]="quota.selection"
  46                               [tableActions]="quota.tableActions">
  47             </cd-table-actions>
  48           </cd-table>
  49         </ng-container>
  50
  51         <legend i18n>Snapshots</legend>
  52         <cd-table [data]="selectedDir.snapshots"
  53                   [columns]="snapshot.columns"
  54                   identifier="name"
  55                   forceIdentifier="true"
  56                   selectionType="multiClick"
  57                   (updateSelection)="snapshot.updateSelection($event)">
  58           <cd-table-actions class="table-actions"
  59                             [permission]="permission"
  60                             [selection]="snapshot.selection"
  61                             [tableActions]="snapshot.tableActions">
  62           </cd-table-actions>
  63         </cd-table>
  64       </div>
  65     </div>
  66   </div>
  67 </div>
  68
  69 <ng-template #origin
  70              let-row="data.row"
  71              let-value="data.value">
  72   <span class="quota-origin"
  73         (click)="selectOrigin(value)">{{value}}</span>
  74 </ng-template>