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

   1 <cd-modal [modalRef]="bsModalRef">
   2   <ng-container class="modal-title"
   3                 i18n>OSD Recovery Priority</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form class="form-horizontal"
   7           #formDir="ngForm"
   8           [formGroup]="osdRecvSpeedForm"
   9           novalidate>
  10       <div class="modal-body">
  11         <!-- Priority -->
  12         <div class="form-group"
  13              [ngClass]="{'has-error': osdRecvSpeedForm.showError('priority', formDir)}">
  14           <label class="control-label col-sm-6"
  15                  for="priority">
  16             <ng-container i18n>Priority</ng-container>
  17             <span class="required"></span>
  18           </label>
  19           <div class="col-sm-6">
  20             <select class="form-control"
  21                     formControlName="priority"
  22                     id="priority"
  23                     (change)="onPriorityChange($event.target.value)">
  24               <option *ngFor="let priority of priorities"
  25                       [value]="priority.name">
  26                 {{ priority.text }}
  27               </option>
  28             </select>
  29             <span class="help-block"
  30                   *ngIf="osdRecvSpeedForm.showError('priority', formDir, 'required')"
  31                   i18n>This field is required.</span>
  32           </div>
  33         </div>
  34
  35         <!-- Customize priority -->
  36         <div class="form-group">
  37           <div class="col-sm-offset-6 col-sm-6">
  38             <div class="checkbox checkbox-primary">
  39               <input formControlName="customizePriority"
  40                      id="customizePriority"
  41                      type="checkbox"
  42                      (change)="onCustomizePriorityChange()">
  43               <label i18n
  44                      for="customizePriority">Customize priority values</label>
  45             </div>
  46           </div>
  47         </div>
  48         <!-- Priority values -->
  49         <div class="form-group" *ngFor="let attr of priorityAttrs"
  50              [ngClass]="{'has-error': osdRecvSpeedForm.getValue('customizePriority') &&
  51              osdRecvSpeedForm.showError(attr.name, formDir)}">
  52           <label class="control-label col-sm-6"
  53                  [for]="attr.name">{{ attr.text }}
  54             <cd-helper *ngIf="attr.desc">{{ attr.desc }}</cd-helper>
  55             <span class="required" *ngIf="osdRecvSpeedForm.getValue('customizePriority')"></span>
  56           </label>
  57           <div class="col-sm-6">
  58             <input class="form-control"
  59                    type="number"
  60                    [id]="attr.name"
  61                    [formControlName]="attr.name"
  62                    [readonly]="!osdRecvSpeedForm.getValue('customizePriority')">
  63             <span class="help-block"
  64                   *ngIf="osdRecvSpeedForm.getValue('customizePriority') &&
  65                   osdRecvSpeedForm.showError(attr.name, formDir, 'required')"
  66                   i18n>This field is required!</span>
  67           </div>
  68         </div>
  69       </div>
  70       <div class="modal-footer">
  71         <div class="button-group text-right">
  72           <cd-submit-button (submitAction)="submitAction()"
  73                             [form]="osdRecvSpeedForm"
  74                             i18n>Submit</cd-submit-button>
  75
  76           <button class="btn btn-link btn-sm"
  77                   (click)="bsModalRef.hide()"
  78                   i18n>Cancel</button>
  79         </div>
  80       </div>
  81     </form>
  82   </ng-container>
  83 </cd-modal>