client/src/app/account/account.component.html

   1 <h3>Account</h3>
   2
   3 <div *ngIf="information" class="alert alert-success">{{ information }}</div>
   4 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   5
   6 <form role="form" (ngSubmit)="changePassword()" [formGroup]="changePasswordForm">
   7   <div class="form-group">
   8     <label for="new-password">New password</label>
   9     <input
  10       type="password" class="form-control" name="new-password" id="new-password"
  11       [(ngModel)]="newPassword" #newPasswordInput="ngModel"
  12     >
  13     <div [hidden]="changePasswordForm.controls['new-password'].valid || changePasswordForm.controls['new-password'].pristine" class="alert alert-warning">
  14       The password should have more than 5 characters
  15     </div>
  16   </div>
  17
  18   <div class="form-group">
  19     <label for="name">Confirm new password</label>
  20     <input
  21       type="password" class="form-control" name="new-confirmed-password" id="new-confirmed-password"
  22       [(ngModel)]="newConfirmedPassword" #newConfirmedPasswordInput="ngModel"
  23     >
  24   </div>
  25
  26   <input type="submit" value="Change password" class="btn btn-default" [disabled]="!changePasswordForm.valid">
  27 </form>