ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html

   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="control-label"
  60                    i18n>Backstore</label>
  61             <select id="backstore"
  62                     name="backstore"
  63                     class="form-control"
  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                  [ngClass]="{'has-error': settingsForm.showError(setting.key, formDir)}">
  77               <div class="col-sm-12">
  78                 <cd-iscsi-setting [settingsForm]="settingsForm"
  79                                   [formDir]="formDir"
  80                                   [setting]="setting.key"
  81                                   [limits]="getDiskControlLimits(bs, setting.key)"></cd-iscsi-setting>
  82               </div>
  83             </div>
  84           </ng-container>
  85         </ng-container>
  86       </div>
  87
  88       <div class="modal-footer">
  89         <div class="button-group text-right">
  90           <cd-submit-button i18n
  91                             [form]="settingsForm"
  92                             (submitAction)="save()">Confirm</cd-submit-button>
  93           <cd-back-button [back]="modalRef.hide"
  94                           name="Cancel"
  95                           i18n-name>
  96           </cd-back-button>
  97         </div>
  98       </div>
  99
 100     </form>
 101   </ng-container>
 102 </cd-modal>