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

   1 <cd-modal [modalRef]="modalRef">
   2   <ng-container i18n
   3                 class="modal-title">Purge Trash</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="purgeForm"
   7           class="form"
   8           #formDir="ngForm"
   9           [formGroup]="purgeForm"
  10           novalidate>
  11       <div class="modal-body">
  12         <p>
  13           <ng-container i18n>To purge, select one or</ng-container>&nbsp;
  14           <kbd i18n>All</kbd>&nbsp;
  15           <ng-container i18n>pools and click</ng-container>&nbsp;
  16           <kbd i18n>Purge Trash</kbd>.&nbsp;
  17         </p>
  18
  19         <div class="form-group">
  20           <label class="col-form-label mx-auto"
  21                  i18n>Pool:</label>
  22           <input class="form-control"
  23                  type="text"
  24                  placeholder="Pool name..."
  25                  i18n-placeholder
  26                  formControlName="poolName"
  27                  *ngIf="!poolPermission.read">
  28           <select id="poolName"
  29                   name="poolName"
  30                   class="form-control custom-select"
  31                   formControlName="poolName"
  32                   *ngIf="poolPermission.read">
  33             <option value=""
  34                     i18n>All</option>
  35             <option *ngFor="let pool of pools"
  36                     [value]="pool">{{ pool }}</option>
  37           </select>
  38         </div>
  39       </div>
  40
  41       <div class="modal-footer">
  42         <div class="button-group text-right">
  43           <cd-submit-button id="purgeFormButton"
  44                             [form]="purgeForm"
  45                             (submitAction)="purge()"
  46                             i18n>Purge Trash</cd-submit-button>
  47           <cd-back-button [back]="modalRef.hide"
  48                           name="Cancel"
  49                           i18n-name>
  50           </cd-back-button>
  51         </div>
  52       </div>
  53     </form>
  54   </ng-container>
  55 </cd-modal>