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

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