1 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
2 <div *
ngIf=
"success" class=
"alert alert-success">{{ success }}
</div>
4 <div i18n
class=
"current-email">
5 Your current email is
<span class=
"email">{{ user.email }}
</span>
8 <div i18n
class=
"pending-email" *
ngIf=
"user.pendingEmail">
9 <span class=
"email">{{ user.pendingEmail }}
</span> is awaiting email verification
12 <form role=
"form" class=
"change-email" (ngSubmit)=
"changeEmail()" [formGroup]=
"form">
14 <div class=
"form-group">
15 <label i18n
for=
"new-email">New email
</label>
17 type=
"email" id=
"new-email" i18n-placeholder
placeholder=
"Your new email"
18 formControlName=
"new-email" [ngClass]=
"{ 'input-error': formErrors['new-email'] }"
20 <div *
ngIf=
"formErrors['new-email']" class=
"form-error">
21 {{ formErrors['new-email'] }}
25 <div class=
"form-group">
27 type=
"password" id=
"password" i18n-placeholder
placeholder=
"Your password"
28 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }"
30 <div *
ngIf=
"formErrors['password']" class=
"form-error">
31 {{ formErrors['password'] }}
35 <input type=
"submit" i18n-value
value=
"Change email" [disabled]=
"!form.valid">