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>.
6 It is never shown to the public.
9 <div i18n
class=
"pending-email" *
ngIf=
"user.pendingEmail">
10 <span class=
"email">{{ user.pendingEmail }}
</span> is awaiting email verification
13 <form role=
"form" class=
"change-email" (ngSubmit)=
"changeEmail()" [formGroup]=
"form" *
ngIf=
"user.pluginAuth === null">
15 <div class=
"form-group">
17 type=
"email" id=
"new-email" i18n-placeholder
placeholder=
"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 <my-input-toggle-hidden formControlName=
"password"
28 i18n-placeholder
placeholder=
"Current password"
29 [ngClass]=
"{ 'input-error': formErrors['password'] }"
30 autocomplete=
"current-password"></my-input-toggle-hidden>
31 <div *
ngIf=
"formErrors['password']" class=
"form-error">
32 {{ formErrors['password'] }}
36 <input type=
"submit" i18n-value
value=
"Change email" [disabled]=
"!form.valid">