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(newPassword.value, newConfirmedPassword.value)" [ngFormModel]="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       ngControl="newPassword" #newPassword="ngForm"
  12     >
  13     <div [hidden]="newPassword.valid || newPassword.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       ngControl="newConfirmedPassword" #newConfirmedPassword="ngForm"
  23     >
  24   </div>
  25
  26   <input type="submit" value="Change password" class="btn btn-default" [disabled]="!changePasswordForm.valid">
  27 </form>