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

   1 <cd-modal>
   2   <ng-container class="modal-title">
   3     <ng-container i18n>Settings</ng-container>&nbsp;
   4     <small>{{ image }}</small>
   5   </ng-container>
   6
   7   <ng-container class="modal-content">
   8     <form name="settingsForm"
   9           class="form"
  10           #formDir="ngForm"
  11           [formGroup]="settingsForm"
  12           novalidate>
  13       <div class="modal-body">
  14         <p class="alert-warning"
  15            i18n>Changing these parameters from their default values is usually not necessary.</p>
  16
  17         <!-- BACKSTORE -->
  18         <div class="form-group row">
  19           <div class="col-sm-12">
  20             <label class="col-form-label"
  21                    i18n>Backstore</label>
  22             <select id="backstore"
  23                     name="backstore"
  24                     class="form-control custom-select"
  25                     formControlName="backstore">
  26               <option *ngFor="let bs of backstores"
  27                       [value]="bs">{{ bs | iscsiBackstore }}</option>
  28             </select>
  29           </div>
  30         </div>
  31
  32         <!-- CONTROLS -->
  33         <ng-container *ngFor="let bs of backstores">
  34           <ng-container *ngIf="settingsForm.value['backstore'] === bs">
  35             <div class="form-group row"
  36                  *ngFor="let setting of disk_default_controls[bs] | keyvalue">
  37               <div class="col-sm-12">
  38                 <label class="col-form-label"
  39                        for="{{ setting.key }}">{{ setting.key }}</label>
  40                 <input type="number"
  41                        class="form-control"
  42                        [formControlName]="setting.key">
  43                 <span class="invalid-feedback"
  44                       *ngIf="settingsForm.showError(setting.key, formDir, 'min')">
  45                   <ng-container i18n>Must be greater than or equal to {{ disk_controls_limits[bs][setting.key]['min'] }}.</ng-container>
  46                 </span>
  47                 <span class="invalid-feedback"
  48                       *ngIf="settingsForm.showError(setting.key, formDir, 'max')">
  49                   <ng-container i18n>Must be less than or equal to {{ disk_controls_limits[bs][setting.key]['max'] }}.</ng-container>
  50                 </span>
  51                 <span class="form-text text-muted">{{ helpText[setting.key]?.help }}</span>
  52               </div>
  53             </div>
  54           </ng-container>
  55         </ng-container>
  56       </div>
  57
  58       <div class="modal-footer">
  59         <div class="button-group text-right">
  60           <cd-submit-button i18n
  61                             [form]="settingsForm"
  62                             (submitAction)="save()">Confirm</cd-submit-button>
  63           <cd-back-button [back]="modalRef.hide"
  64                           name="Cancel"
  65                           i18n-name>
  66           </cd-back-button>
  67         </div>
  68       </div>
  69     </form>
  70   </ng-container>
  71 </cd-modal>