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

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container class="modal-title"
   3                 i18n>{{ deviceType }} devices</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form #frm="ngForm"
   7           [formGroup]="formGroup"
   8           novalidate>
   9       <div class="modal-body">
  10         <cd-alert-panel *ngIf="!canSubmit"
  11                         type="warning"
  12                         size="slim"
  13                         [showTitle]="false">
  14           <ng-container i18n>At least one of these filters must be applied in order to proceed:</ng-container>
  15           <span *ngFor="let filter of requiredFilters"
  16                 class="badge badge-dark ml-2">
  17             {{ filter }}
  18           </span>
  19         </cd-alert-panel>
  20         <cd-inventory-devices #inventoryDevices
  21                               [devices]="devices"
  22                               [filterColumns]="filterColumns"
  23                               [hostname]="hostname"
  24                               [diskType]="diskType"
  25                               [hiddenColumns]="['available', 'osd_ids']"
  26                               (filterChange)="onFilterChange($event)">
  27         </cd-inventory-devices>
  28         <div *ngIf="canSubmit">
  29           <p class="text-center">
  30             <span i18n>Number of devices: {{ filteredDevices.length }}. Raw capacity:
  31               {{ capacity | dimlessBinary }}.</span>
  32           </p>
  33         </div>
  34       </div>
  35       <div class="modal-footer">
  36         <cd-form-button-panel (submitActionEvent)="onSubmit()"
  37                               [form]="formGroup"
  38                               [disabled]="!canSubmit || filteredDevices.length === 0"
  39                               [submitText]="action | titlecase"></cd-form-button-panel>
  40       </div>
  41     </form>
  42   </ng-container>
  43 </cd-modal>