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

   1 <!-- button -->
   2 <div class="form-group row">
   3   <label class="cd-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="cd-col-form-input">
  16     <ng-container *ngIf="devices.length === 0; else blockClearDevices">
  17       <button type="button"
  18               class="btn btn-light"
  19               (click)="showSelectionModal()"
  20               data-toggle="tooltip"
  21               [title]="addButtonTooltip"
  22               [disabled]="availDevices.length === 0 || !canSelect || expansionCanSelect">
  23         <svg [cdsIcon]="icons.add"
  24              [size]="icons.size16"
  25              ></svg>
  26         <ng-container i18n>Add</ng-container>
  27       </button>
  28     </ng-container>
  29     <ng-template #blockClearDevices>
  30       <div class="pb-2 my-2 border-bottom">
  31         <span *ngFor="let filter of appliedFilters">
  32           <span class="badge badge-dark me-2">{{ filter.name }}: {{ filter.value.formatted }}</span>
  33         </span>
  34         <a class="tc_clearSelections"
  35            href=""
  36            (click)="clearDevices(); false">
  37           <svg [cdsIcon]="icons.clearFilters"
  38                [size]="icons.size16"
  39                ></svg>
  40           <ng-container i18n>Clear</ng-container>
  41         </a>
  42       </div>
  43       <div>
  44         <cd-inventory-devices [devices]="devices"
  45                               [hiddenColumns]="['available', 'osd_ids']"
  46                               [filterColumns]="[]">
  47         </cd-inventory-devices>
  48       </div>
  49       <div *ngIf="type === 'data'"
  50            class="float-end">
  51         <span i18n>Raw capacity: {{ capacity | dimlessBinary }}</span>
  52       </div>
  53     </ng-template>
  54   </div>
  55 </div>