client/src/app/+admin/users/user-edit/user-password.component.html

   1 <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
   2   <div class="form-group">
   3
   4     <div class="input-group mb-3">
   5       <div class="input-group-prepend">
   6         <div class="input-group-text">
   7           <input type="checkbox" aria-label="Show password" (change)="togglePasswordVisibility()">
   8         </div>
   9       </div>
  10       <input id="passwordField" #passwordField
  11       [attr.type]="showPassword ? 'text' : 'password'" id="password"
  12         formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
  13       >
  14       <div class="input-group-append">
  15         <button class="btn btn-sm btn-outline-secondary" (click)="generatePassword()  "
  16                 type="button">Generate</button>
  17       </div>
  18     </div>
  19     <div *ngIf="formErrors.password" class="form-error">
  20       {{ formErrors.password }}
  21     </div>
  22   </div>
  23
  24   <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  25 </form>