ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-devices-selection-modal/osd-devices-selection-modal.component.html

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