client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.html

   1 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   2
   3 <form role="form" (ngSubmit)="changePassword()" [formGroup]="form">
   4
   5   <label i18n for="current-password">Change password</label>
   6   <my-input-toggle-hidden formControlName="current-password"
   7                           inputId="current-password"
   8                           i18n-placeholder placeholder="Current password"
   9                           [ngClass]="{ 'input-error': formErrors['current-password'] }"
  10                           autocomplete="current-password"></my-input-toggle-hidden>
  11   <div *ngIf="formErrors['current-password']" class="form-error">
  12     {{ formErrors['current-password'] }}
  13   </div>
  14
  15   <my-input-toggle-hidden formControlName="new-password"
  16                           inputId="new-password"
  17                           i18n-placeholder placeholder="New password"
  18                           [ngClass]="{ 'input-error': formErrors['new-password'] }"
  19                           autocomplete="new-password"></my-input-toggle-hidden>
  20   <div *ngIf="formErrors['new-password']" class="form-error">
  21     {{ formErrors['new-password'] }}
  22   </div>
  23
  24   <my-input-toggle-hidden formControlName="new-confirmed-password"
  25                           inputId="new-confirmed-password"
  26                           i18n-placeholder placeholder="Confirm new password"
  27                           [ngClass]="{ 'input-error': formErrors['new-confirmed-password'] }"
  28                           autocomplete="new-password"></my-input-toggle-hidden>
  29   <div *ngIf="formErrors['new-confirmed-password']" class="form-error">
  30     {{ formErrors['new-confirmed-password'] }}
  31   </div>
  32
  33   <input type="submit" i18n-value value="Change password" [disabled]="!form.valid">
  34 </form>