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

   1 <cd-modal [modalRef]="activeModal">
   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                    autocomplete="off">
  22             <span class="invalid-feedback"
  23                   *ngIf="discoveryForm.showError('user', formDir, 'required')"
  24                   i18n>This field is required.</span>
  25
  26             <span class="invalid-feedback"
  27                   *ngIf="discoveryForm.showError('user', formDir, 'pattern')"
  28                   i18n>User names must have a length of 8 to 64 characters and can contain
  29               alphanumeric characters, '.', '@', '-', '_' or ':'.</span>
  30           </div>
  31         </div>
  32
  33         <!-- Password -->
  34         <div class="form-group row">
  35           <label class="cd-col-form-label"
  36                  for="password"
  37                  i18n>Password</label>
  38           <div class="cd-col-form-input">
  39             <div class="input-group">
  40               <input id="password"
  41                      class="form-control"
  42                      formControlName="password"
  43                      type="password"
  44                      autocomplete="new-password">
  45
  46               <span class="input-group-append">
  47                 <button type="button"
  48                         class="btn btn-light"
  49                         cdPasswordButton="password">
  50                 </button>
  51                 <cd-copy-2-clipboard-button source="password">
  52                 </cd-copy-2-clipboard-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                    autocomplete="off">
  78
  79             <span class="invalid-feedback"
  80                   *ngIf="discoveryForm.showError('mutual_user', formDir, 'required')"
  81                   i18n>This field is required.</span>
  82
  83             <span class="invalid-feedback"
  84                   *ngIf="discoveryForm.showError('mutual_user', formDir, 'pattern')"
  85                   i18n>User names must have a length of 8 to 64 characters and can contain
  86               alphanumeric characters, '.', '@', '-', '_' or ':'.</span>
  87           </div>
  88         </div>
  89
  90         <!-- mutual_password -->
  91         <div class="form-group row">
  92           <label class="cd-col-form-label"
  93                  for="mutual_password"
  94                  i18n>Mutual Password</label>
  95           <div class="cd-col-form-input">
  96             <div class="input-group">
  97               <input id="mutual_password"
  98                      class="form-control"
  99                      formControlName="mutual_password"
 100                      type="password"
 101                      autocomplete="new-password">
 102
 103               <span class="input-group-append">
 104                 <button type="button"
 105                         class="btn btn-light"
 106                         cdPasswordButton="mutual_password">
 107                 </button>
 108                 <cd-copy-2-clipboard-button source="mutual_password">
 109                 </cd-copy-2-clipboard-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         <cd-form-button-panel (submitActionEvent)="submitAction()"
 126                               [form]="discoveryForm"
 127                               [showSubmit]="hasPermission"
 128                               [submitText]="actionLabels.SUBMIT"></cd-form-button-panel>
 129       </div>
 130     </form>
 131   </ng-container>
 132 </cd-modal>