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

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