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

   1 <cd-modal [modalRef]="bsModalRef">
   2   <ng-container class="modal-title"
   3                 i18n>Discovery Authentication</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="discoveryForm"
   7           #formDir="ngForm"
   8           [formGroup]="discoveryForm"
   9           novalidate>
  10       <div class="modal-body">
  11         <!-- User -->
  12         <div class="form-group row">
  13           <label class="cd-col-form-label"
  14                  for="user"
  15                  i18n>User</label>
  16           <div class="cd-col-form-input">
  17             <input id="user"
  18                    class="form-control"
  19                    formControlName="user"
  20                    type="text">
  21             <span class="invalid-feedback"
  22                   *ngIf="discoveryForm.showError('user', formDir, 'required')"
  23                   i18n>This field is required.</span>
  24
  25             <span class="invalid-feedback"
  26                   *ngIf="discoveryForm.showError('user', formDir, 'pattern')"
  27                   i18n>User names must have a length of 8 to 64 characters and can contain
  28               alphanumeric characters, '.', '@', '-', '_' or ':'.</span>
  29           </div>
  30         </div>
  31
  32         <!-- Password -->
  33         <div class="form-group row">
  34           <label class="cd-col-form-label"
  35                  for="password"
  36                  i18n>Password</label>
  37           <div class="cd-col-form-input">
  38             <div class="input-group">
  39               <input id="password"
  40                      class="form-control"
  41                      formControlName="password"
  42                      type="password">
  43
  44               <span class="input-group-append">
  45                 <button type="button"
  46                         class="btn btn-light"
  47                         cdPasswordButton="password">
  48                 </button>
  49                 <button type="button"
  50                         class="btn btn-light"
  51                         cdCopy2ClipboardButton="password">
  52                 </button>
  53               </span>
  54             </div>
  55             <span class="invalid-feedback"
  56                   *ngIf="discoveryForm.showError('password', formDir, 'required')"
  57                   i18n>This field is required.</span>
  58
  59             <span class="invalid-feedback"
  60                   *ngIf="discoveryForm.showError('password', formDir, 'pattern')"
  61                   i18n>Passwords must have a length of 12 to 16 characters and can contain
  62               alphanumeric characters, '@', '-', '_' or '/'.</span>
  63           </div>
  64         </div>
  65
  66         <!-- mutual_user -->
  67         <div class="form-group row">
  68           <label class="cd-col-form-label"
  69                  for="mutual_user">
  70             <ng-container i18n>Mutual User</ng-container>
  71           </label>
  72           <div class="cd-col-form-input">
  73             <input id="mutual_user"
  74                    class="form-control"
  75                    formControlName="mutual_user"
  76                    type="text">
  77
  78             <span class="invalid-feedback"
  79                   *ngIf="discoveryForm.showError('mutual_user', formDir, 'required')"
  80                   i18n>This field is required.</span>
  81
  82             <span class="invalid-feedback"
  83                   *ngIf="discoveryForm.showError('mutual_user', formDir, 'pattern')"
  84                   i18n>User names must have a length of 8 to 64 characters and can contain
  85               alphanumeric characters, '.', '@', '-', '_' or ':'.</span>
  86           </div>
  87         </div>
  88
  89         <!-- mutual_password -->
  90         <div class="form-group row">
  91           <label class="cd-col-form-label"
  92                  for="mutual_password"
  93                  i18n>Mutual Password</label>
  94           <div class="cd-col-form-input">
  95             <div class="input-group">
  96               <input id="mutual_password"
  97                      class="form-control"
  98                      formControlName="mutual_password"
  99                      type="password">
 100
 101               <span class="input-group-append">
 102                 <button type="button"
 103                         class="btn btn-light"
 104                         cdPasswordButton="mutual_password">
 105                 </button>
 106                 <button type="button"
 107                         class="btn btn-light"
 108                         cdCopy2ClipboardButton="mutual_password">
 109                 </button>
 110               </span>
 111             </div>
 112             <span class="invalid-feedback"
 113                   *ngIf="discoveryForm.showError('mutual_password', formDir, 'required')"
 114                   i18n>This field is required.</span>
 115
 116             <span class="invalid-feedback"
 117                   *ngIf="discoveryForm.showError('mutual_password', formDir, 'pattern')"
 118                   i18n>Passwords must have a length of 12 to 16 characters and can contain
 119               alphanumeric characters, '@', '-', '_' or '/'.</span>
 120           </div>
 121         </div>
 122       </div>
 123
 124       <div class="modal-footer">
 125         <div class="button-group text-right">
 126           <cd-submit-button (submitAction)="submitAction()"
 127                             [form]="discoveryForm"
 128                             *ngIf="hasPermission"
 129                             i18n>Submit</cd-submit-button>
 130           <cd-back-button [back]="bsModalRef.hide"
 131                           name="Cancel"
 132                           i18n-name>
 133           </cd-back-button>
 134         </div>
 135       </div>
 136     </form>
 137   </ng-container>
 138 </cd-modal>