3 <div *
ngIf=
"information" class=
"alert alert-success">{{ information }}
</div>
4 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
6 <form role=
"form" (ngSubmit)=
"changePassword()" [formGroup]=
"changePasswordForm">
7 <div class=
"form-group">
8 <label for=
"new-password">New password
</label>
10 type=
"password" class=
"form-control" name=
"new-password" id=
"new-password"
11 [(ngModel)]=
"newPassword" #
newPasswordInput=
"ngModel"
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
18 <div class=
"form-group">
19 <label for=
"name">Confirm new password
</label>
21 type=
"password" class=
"form-control" name=
"new-confirmed-password" id=
"new-confirmed-password"
22 [(ngModel)]=
"newConfirmedPassword" #
newConfirmedPasswordInput=
"ngModel"
26 <input type=
"submit" value=
"Change password" class=
"btn btn-default" [disabled]=
"!changePasswordForm.valid">