5492cdf226c4145f8fd871659c64e66afd62c15b
[oweals/peertube.git] /
1 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
2 <div *ngIf="success" class="alert alert-success">{{ success }}</div>
3
4 <div i18n class="current-email">
5   Your current email is <span class="email">{{ user.email }}</span>
6 </div>
7
8 <div i18n class="pending-email" *ngIf="user.pendingEmail">
9   <span class="email">{{ user.pendingEmail }}</span> is awaiting email verification
10 </div>
11
12 <form role="form" class="change-email" (ngSubmit)="changeEmail()" [formGroup]="form">
13
14   <div class="form-group">
15     <label i18n for="new-email">New email</label>
16     <input
17       type="email" id="new-email" i18n-placeholder placeholder="Your new email"
18       formControlName="new-email" [ngClass]="{ 'input-error': formErrors['new-email'] }"
19     >
20     <div *ngIf="formErrors['new-email']" class="form-error">
21       {{ formErrors['new-email'] }}
22     </div>
23   </div>
24
25   <div class="form-group">
26     <input
27       type="password" id="password" i18n-placeholder placeholder="Your password"
28       formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
29     >
30     <div *ngIf="formErrors['password']" class="form-error">
31       {{ formErrors['password'] }}
32     </div>
33   </div>
34
35   <input type="submit" i18n-value value="Change email" [disabled]="!form.valid">
36 </form>