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   It is never shown to the public.
   7 </div>
   8
   9 <div i18n class="pending-email" *ngIf="user.pendingEmail">
  10   <span class="email">{{ user.pendingEmail }}</span> is awaiting email verification
  11 </div>
  12
  13 <form role="form" class="change-email" (ngSubmit)="changeEmail()" [formGroup]="form" *ngIf="user.pluginAuth === null">
  14
  15   <div class="form-group">
  16     <input
  17       type="email" id="new-email" i18n-placeholder placeholder="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     <my-input-toggle-hidden formControlName="password"
  27                             id="password"
  28                             i18n-placeholder placeholder="Current password"
  29                             [ngClass]="{ 'input-error': formErrors['password'] }"
  30                             autocomplete="current-password"></my-input-toggle-hidden>
  31     <div *ngIf="formErrors['password']" class="form-error">
  32       {{ formErrors['password'] }}
  33     </div>
  34   </div>
  35
  36   <input type="submit" i18n-value value="Change email" [disabled]="!form.valid">
  37 </form>