1 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
2 <div *
ngIf=
"success" class=
"alert alert-success">{{ success }}
</div>
4 <div i18n
class=
"pending-email" *
ngIf=
"user.pendingEmail">
5 <strong>{{ user.pendingEmail }}
</strong> is awaiting email verification
8 <form role=
"form" class=
"change-email" (ngSubmit)=
"changeEmail()" [formGroup]=
"form" *
ngIf=
"user.pluginAuth === null">
10 <div class=
"form-group">
11 <label i18n
for=
"new-email">Change your email
</label>
13 <div i18n
class=
"form-group-description">
14 Your current email is
<strong>{{ user.email }}
</strong>.
15 It is never shown to the public.
19 type=
"email" id=
"new-email" i18n-placeholder
placeholder=
"New email" class=
"form-control"
20 formControlName=
"new-email" [ngClass]=
"{ 'input-error': formErrors['new-email'] }"
22 <div *
ngIf=
"formErrors['new-email']" class=
"form-error">
23 {{ formErrors['new-email'] }}
27 <div class=
"form-group">
29 formControlName=
"password" id=
"password" i18n-placeholder
placeholder=
"Current password"
30 [formError]=
"formErrors['password']" autocomplete=
"current-password"
34 <input type=
"submit" i18n-value
value=
"Change email" [disabled]=
"!form.valid">