client/src/app/+reset-password/reset-password.component.html

   1 <div class="margin-content">
   2   <h1 i18n class="title-page">Reset my password</h1>
   3
   4   <form role="form" (ngSubmit)="resetPassword()" [formGroup]="form">
   5     <div class="form-group">
   6       <label i18n for="password">Password</label>
   7
   8       <my-input-text
   9         formControlName="password" inputId="password" i18n-placeholder placeholder="Password"
  10         [ngClass]="{ 'input-error': formErrors['password'] }" autocomplete="new-password"
  11       ></my-input-text>
  12
  13       <div *ngIf="formErrors.password" class="form-error">{{ formErrors.password }}</div>
  14     </div>
  15
  16     <div class="form-group">
  17       <label i18n for="password-confirm">Confirm password</label>
  18
  19       <my-input-text
  20         formControlName="password-confirm" inputId="password-confirm" i18n-placeholder placeholder="Confirmed password"
  21         [ngClass]="{ 'input-error': formErrors['password-confirm'] }" autocomplete="new-password"
  22       ></my-input-text>
  23
  24       <div *ngIf="formErrors['password-confirm']" class="form-error">{{ formErrors['password-confirm'] }}</div>
  25     </div>
  26
  27     <input
  28       class="peertube-button orange-button" type="submit" i18n-value value="Reset my password"
  29       [disabled]="!form.valid || !isConfirmedPasswordValid()"
  30     >
  31   </form>
  32 </div>