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">
  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" class="form-control"
  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" autocomplete="off"
  28       formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }" class="form-control"
  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>