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                               [hiddenColumns]="['available', 'osd_ids']"
  24                               (filterChange)="onFilterChange($event)">
  25         </cd-inventory-devices>
  26         <div *ngIf="canSubmit">
  27           <p class="text-center">
  28             <span i18n>Number of devices: {{ filteredDevices.length }}. Raw capacity:
  29               {{ capacity | dimlessBinary }}.</span>
  30           </p>
  31         </div>
  32       </div>
  33       <div class="modal-footer">
  34         <cd-form-button-panel (submitActionEvent)="onSubmit()"
  35                               [form]="formGroup"
  36                               [disabled]="!canSubmit || filteredDevices.length === 0"
  37                               [submitText]="action | titlecase"></cd-form-button-panel>
  38       </div>
  39     </form>
  40   </ng-container>
  41 </cd-modal>