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

   1 <!-- button -->
   2 <div class="form-group row">
   3   <label class="col-sm-3 col-form-label"
   4          for="createDeleteButton">
   5     <ng-container i18n>{{ name }} devices</ng-container>
   6     <cd-helper>
   7       <span i18n
   8             *ngIf="type === 'data'">The primary storage devices. These devices contain all OSD data.</span>
   9       <span i18n
  10             *ngIf="type === 'wal'">Write-Ahead-Log devices. These devices are used for BlueStore’s internal journal. It is only useful to use a WAL device if the device is faster than the primary device (e.g. NVME devices or SSDs). If there is only a small amount of fast storage available (e.g., less than a gigabyte), we recommend using it as a WAL device.</span>
  11       <span i18n
  12             *ngIf="type === 'db'">DB devices can be used for storing BlueStore’s internal metadata.  It is only helpful to provision a DB device if it is faster than the primary device (e.g. NVME devices or SSD).</span>
  13     </cd-helper>
  14   </label>
  15   <div class="col-sm-9">
  16     <ng-container *ngIf="devices.length === 0; else blockClearDevices">
  17       <button type="button"
  18               class="btn btn-light"
  19               (click)="showSelectionModal()"
  20               [disabled]="availDevices.length === 0 || !canSelect">
  21         <i [ngClass]="[icons.add]"></i>
  22         <ng-container i18n>Add</ng-container>
  23       </button>
  24     </ng-container>
  25     <ng-template #blockClearDevices>
  26       <div class="pb-2 my-2 border-bottom">
  27         <span *ngFor="let filter of appliedFilters">
  28           <span class="badge badge-dark mr-2">{{ filter.label }}: {{ filter.formatValue }}</span>
  29         </span>
  30         <a class="tc_clearSelections"
  31            href=""
  32            (click)="clearDevices(); false">
  33           <i [ngClass]="[icons.clearFilters]"></i>
  34           <ng-container i18n>Clear</ng-container>
  35         </a>
  36       </div>
  37       <div>
  38         <cd-inventory-devices [devices]="devices"
  39                               [hiddenColumns]="['available']"
  40                               [filterColumns]="[]">
  41         </cd-inventory-devices>
  42       </div>
  43     </ng-template>
  44   </div>
  45 </div>