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