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