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" *
ngIf=
"user.pluginAuth === null">
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" class=
"form-control"
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">
26 <label i18n
for=
"new-email">Your current password
</label>
28 type=
"password" id=
"password" i18n-placeholder
placeholder=
"Your password" autocomplete=
"off"
29 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }" class=
"form-control"
31 <div *
ngIf=
"formErrors['password']" class=
"form-error">
32 {{ formErrors['password'] }}
36 <input type=
"submit" i18n-value
value=
"Change email" [disabled]=
"!form.valid">