1 <form role=
"form" (ngSubmit)=
"formValidated()" [formGroup]=
"form">
2 <div class=
"form-group">
4 <div class=
"input-group mb-3">
5 <div class=
"input-group-prepend">
6 <div class=
"input-group-text">
7 <input type=
"checkbox" aria-label=
"Show password" (change)=
"togglePasswordVisibility()">
10 <input id=
"passwordField" #passwordField
11 [attr.type]=
"showPassword ? 'text' : 'password'" id=
"password"
12 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }"
14 <div class=
"input-group-append">
15 <button class=
"btn btn-sm btn-outline-secondary" (click)=
"generatePassword() "
16 type=
"button">Generate
</button>
19 <div *
ngIf=
"formErrors.password" class=
"form-error">
20 {{ formErrors.password }}
24 <input type=
"submit" value=
"{{ getFormButtonTitle() }}" [disabled]=
"!form.valid">