]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.html
29823bdec0034ad935bd799b2c8b2ce0a729c7e3
[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-change-email / my-account-change-email.component.html
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" *ngIf="user.pluginAuth === null">
13
14 <div class="form-group">
15 <input
16 type="email" id="new-email" i18n-placeholder placeholder="New email" class="form-control"
17 formControlName="new-email" [ngClass]="{ 'input-error': formErrors['new-email'] }"
18 >
19 <div *ngIf="formErrors['new-email']" class="form-error">
20 {{ formErrors['new-email'] }}
21 </div>
22 </div>
23
24 <div class="form-group">
25 <my-input-toggle-hidden formControlName="password"
26 id="password"
27 i18n-placeholder placeholder="Current password"
28 [ngClass]="{ 'input-error': formErrors['password'] }"
29 autocomplete="current-password"></my-input-toggle-hidden>
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>