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">
   5       <input id="password" [attr.type]="showPassword ? 'text' : 'password'"
   6         formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
   7       >
   8       <div class="input-group-append">
   9         <button class="btn btn-sm btn-outline-secondary" (click)="togglePasswordVisibility()" type="button">
  10           <ng-container *ngIf="!showPassword" i18n>Show</ng-container>
  11           <ng-container *ngIf="!!showPassword" i18n>Hide</ng-container>
  12         </button>
  13       </div>
  14     </div>
  15     <div *ngIf="formErrors.password" class="form-error">
  16       {{ formErrors.password }}
  17     </div>
  18   </div>
  19
  20   <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  21 </form>