client/src/app/signup/signup-step-user.component.html

   1 <form role="form" [formGroup]="form">
   2
   3   <div class="form-group">
   4     <label for="username" i18n>Username</label>
   5
   6     <div class="input-group">
   7       <input
   8         type="text" id="username" i18n-placeholder placeholder="Example: jane_doe"
   9         formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
  10       >
  11       <div class="input-group-append">
  12         <span class="input-group-text">@{{ instanceHost }}</span>
  13       </div>
  14     </div>
  15
  16     <div *ngIf="formErrors.username" class="form-error">
  17       {{ formErrors.username }}
  18     </div>
  19   </div>
  20
  21   <div class="form-group">
  22     <label for="email" i18n>Email</label>
  23     <input
  24       type="text" id="email" i18n-placeholder placeholder="Email"
  25       formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }"
  26     >
  27     <div *ngIf="formErrors.email" class="form-error">
  28       {{ formErrors.email }}
  29     </div>
  30   </div>
  31
  32   <div class="form-group">
  33     <label for="password" i18n>Password</label>
  34     <input
  35       type="password" id="password" i18n-placeholder placeholder="Password"
  36       formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
  37     >
  38     <div *ngIf="formErrors.password" class="form-error">
  39       {{ formErrors.password }}
  40     </div>
  41   </div>
  42
  43   <div class="form-group form-group-terms">
  44     <my-peertube-checkbox
  45       inputName="terms" formControlName="terms"
  46       i18n-labelHtml
  47       labelHtml="I am at least 16 years old and agree to the <a href='/about/instance#terms-section' target='_blank'rel='noopener noreferrer'>Terms</a> of this instance"
  48     ></my-peertube-checkbox>
  49
  50     <div *ngIf="formErrors.terms" class="form-error">
  51       {{ formErrors.terms }}
  52     </div>
  53   </div>
  54 </form>