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

   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               <button type="button"
  47                       class="btn btn-light"
  48                       cdPasswordButton="password">
  49               </button>
  50               <cd-copy-2-clipboard-button source="password">
  51               </cd-copy-2-clipboard-button>
  52             </div>
  53             <span class="invalid-feedback"
  54                   *ngIf="discoveryForm.showError('password', formDir, 'required')"
  55                   i18n>This field is required.</span>
  56
  57             <span class="invalid-feedback"
  58                   *ngIf="discoveryForm.showError('password', formDir, 'pattern')"
  59                   i18n>Passwords must have a length of 12 to 16 characters and can contain
  60               alphanumeric characters, '@', '-', '_' or '/'.</span>
  61           </div>
  62         </div>
  63
  64         <!-- mutual_user -->
  65         <div class="form-group row">
  66           <label class="cd-col-form-label"
  67                  for="mutual_user">
  68             <ng-container i18n>Mutual User</ng-container>
  69           </label>
  70           <div class="cd-col-form-input">
  71             <input id="mutual_user"
  72                    class="form-control"
  73                    formControlName="mutual_user"
  74                    type="text"
  75                    autocomplete="off">
  76
  77             <span class="invalid-feedback"
  78                   *ngIf="discoveryForm.showError('mutual_user', formDir, 'required')"
  79                   i18n>This field is required.</span>
  80
  81             <span class="invalid-feedback"
  82                   *ngIf="discoveryForm.showError('mutual_user', formDir, 'pattern')"
  83                   i18n>User names must have a length of 8 to 64 characters and can contain
  84               alphanumeric characters, '.', '@', '-', '_' or ':'.</span>
  85           </div>
  86         </div>
  87
  88         <!-- mutual_password -->
  89         <div class="form-group row">
  90           <label class="cd-col-form-label"
  91                  for="mutual_password"
  92                  i18n>Mutual Password</label>
  93           <div class="cd-col-form-input">
  94             <div class="input-group">
  95               <input id="mutual_password"
  96                      class="form-control"
  97                      formControlName="mutual_password"
  98                      type="password"
  99                      autocomplete="new-password">
 100
 101               <button type="button"
 102                       class="btn btn-light"
 103                       cdPasswordButton="mutual_password">
 104               </button>
 105               <cd-copy-2-clipboard-button source="mutual_password">
 106               </cd-copy-2-clipboard-button>
 107             </div>
 108             <span class="invalid-feedback"
 109                   *ngIf="discoveryForm.showError('mutual_password', formDir, 'required')"
 110                   i18n>This field is required.</span>
 111
 112             <span class="invalid-feedback"
 113                   *ngIf="discoveryForm.showError('mutual_password', formDir, 'pattern')"
 114                   i18n>Passwords must have a length of 12 to 16 characters and can contain
 115               alphanumeric characters, '@', '-', '_' or '/'.</span>
 116           </div>
 117         </div>
 118       </div>
 119
 120       <div class="modal-footer">
 121         <cd-form-button-panel (submitActionEvent)="submitAction()"
 122                               [form]="discoveryForm"
 123                               [showSubmit]="hasPermission"
 124                               [submitText]="actionLabels.SUBMIT"></cd-form-button-panel>
 125       </div>
 126     </form>
 127   </ng-container>
 128 </cd-modal>