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">