client/src/app/signup/signup.component.html

   1 <div class="margin-content">
   2
   3   <div i18n class="title-page title-page-single">
   4     Create an account
   5   </div>
   6
   7   <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   8
   9   <div class="d-flex justify-content-left flex-wrap">
  10     <form role="form" (ngSubmit)="signup()" [formGroup]="form">
  11       <div class="form-group">
  12         <label for="username" i18n>Username</label>
  13
  14         <div class="input-group">
  15           <input
  16             type="text" id="username" i18n-placeholder placeholder="Example: jane_doe"
  17             formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
  18           >
  19           <div class="input-group-append">
  20             <span class="input-group-text">@{{ instanceHost }}</span>
  21           </div>
  22         </div>
  23
  24         <div *ngIf="formErrors.username" class="form-error">
  25           {{ formErrors.username }}
  26         </div>
  27       </div>
  28
  29       <div class="form-group">
  30         <label for="email" i18n>Email</label>
  31         <input
  32           type="text" id="email" i18n-placeholder placeholder="Email"
  33           formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }"
  34         >
  35         <div *ngIf="formErrors.email" class="form-error">
  36           {{ formErrors.email }}
  37         </div>
  38       </div>
  39
  40       <div class="form-group">
  41         <label for="password" i18n>Password</label>
  42         <input
  43           type="password" id="password" i18n-placeholder placeholder="Password"
  44           formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
  45         >
  46         <div *ngIf="formErrors.password" class="form-error">
  47           {{ formErrors.password }}
  48         </div>
  49       </div>
  50
  51       <div class="form-group form-group-terms">
  52         <my-peertube-checkbox
  53           inputName="terms" formControlName="terms"
  54           i18n-labelHtml labelHtml="I have read and agree to the <a href='/about/instance#terms-section' target='_blank'rel='noopener noreferrer'>Terms</a> of this instance"
  55         ></my-peertube-checkbox>
  56
  57         <div *ngIf="formErrors.terms" class="form-error">
  58           {{ formErrors.terms }}
  59         </div>
  60       </div>
  61
  62       <input type="submit" i18n-value value="Signup" [disabled]="!form.valid">
  63     </form>
  64
  65     <div>
  66       <label for="email" i18n>Features found on this instance</label>
  67       <my-instance-features-table></my-instance-features-table>
  68     </div>
  69   </div>
  70
  71 </div>