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

   1 <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
   2
   3   <div class="input-group">
   4     <input id="password"
   5       [attr.type]="showPassword ? 'text' : 'password'" class="form-control"
   6       formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
   7       autocomplete="new-password"
   8     >
   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
  15   <div *ngIf="formErrors.password" class="form-error">
  16     {{ formErrors.password }}
  17   </div>
  18
  19   <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
  20 </form>