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

   1 <cd-modal [modalRef]="modalRef">
   2   <ng-container class="modal-title">
   3     <ng-container i18n>Configure</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         <span *ngIf="api_version >= 1">
  18           <legend class="cd-header"
  19                   i18n>Identifier</legend>
  20           <!-- LUN -->
  21           <div class="form-group row">
  22             <div class="col-sm-12">
  23               <label class="col-form-label"
  24                      for="lun">
  25                 <ng-container i18n>lun</ng-container>
  26                 <span class="required"></span>
  27               </label>
  28               <input type="number"
  29                      class="form-control"
  30                      id="lun"
  31                      name="lun"
  32                      formControlName="lun">
  33               <span class="invalid-feedback"
  34                     *ngIf="settingsForm.showError('lun', formDir, 'required')"
  35                     i18n>This field is required.</span>
  36             </div>
  37           </div>
  38           <!-- WWN -->
  39           <div class="form-group row">
  40             <div class="col-sm-12">
  41               <label class="col-form-label"
  42                      for="wwn"
  43                      i18n>wwn</label>
  44               <input type="text"
  45                      class="form-control"
  46                      id="wwn"
  47                      name="wwn"
  48                      formControlName="wwn">
  49             </div>
  50           </div>
  51         </span>
  52
  53         <legend class="cd-header"
  54                 i18n>Settings</legend>
  55
  56         <!-- BACKSTORE -->
  57         <div class="form-group row">
  58           <div class="col-sm-12">
  59             <label class="col-form-label"
  60                    i18n>Backstore</label>
  61             <select id="backstore"
  62                     name="backstore"
  63                     class="form-control custom-select"
  64                     formControlName="backstore">
  65               <option *ngFor="let bs of backstores"
  66                       [value]="bs">{{ bs | iscsiBackstore }}</option>
  67             </select>
  68           </div>
  69         </div>
  70
  71         <!-- CONTROLS -->
  72         <ng-container *ngFor="let bs of backstores">
  73           <ng-container *ngIf="settingsForm.value['backstore'] === bs">
  74             <div class="form-group row"
  75                  *ngFor="let setting of disk_default_controls[bs] | keyvalue">
  76               <div class="col-sm-12">
  77                 <cd-iscsi-setting [settingsForm]="settingsForm"
  78                                   [formDir]="formDir"
  79                                   [setting]="setting.key"
  80                                   [limits]="getDiskControlLimits(bs, setting.key)"></cd-iscsi-setting>
  81               </div>
  82             </div>
  83           </ng-container>
  84         </ng-container>
  85       </div>
  86
  87       <div class="modal-footer">
  88         <div class="button-group text-right">
  89           <cd-submit-button i18n
  90                             [form]="settingsForm"
  91                             (submitAction)="save()">Confirm</cd-submit-button>
  92           <cd-back-button [back]="modalRef.hide"
  93                           name="Cancel"
  94                           i18n-name>
  95           </cd-back-button>
  96         </div>
  97       </div>
  98     </form>
  99   </ng-container>
 100 </cd-modal>