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 class="initial-user-quota">
   8     <span i18n class="initial-user-quota-label">Initial video quota:</span>
   9
  10     <span *ngIf="initialUserVideoQuota !== -1">
  11       {{ initialUserVideoQuota | bytes: 0 }}
  12
  13       <my-help helpType="custom" [customHtml]="quotaHelpIndication"></my-help>
  14     </span>
  15
  16     <ng-container i18n *ngIf="initialUserVideoQuota === -1">
  17       Unlimited
  18     </ng-container>
  19   </div>
  20
  21   <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
  22
  23   <form role="form" (ngSubmit)="signup()" [formGroup]="form">
  24     <div class="form-group">
  25       <label for="username" i18n>Username</label>
  26
  27       <div class="input-group">
  28         <input
  29           type="text" id="username" i18n-placeholder placeholder="Example: neil_amstrong"
  30           formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
  31         >
  32         <div class="input-group-append">
  33           <span class="input-group-text">@{{ instanceHost }}</span>
  34         </div>
  35       </div>
  36
  37       <div *ngIf="formErrors.username" class="form-error">
  38         {{ formErrors.username }}
  39       </div>
  40     </div>
  41
  42     <div class="form-group">
  43       <label for="email" i18n>Email</label>
  44       <input
  45         type="text" id="email" i18n-placeholder placeholder="Email"
  46         formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }"
  47       >
  48       <div *ngIf="formErrors.email" class="form-error">
  49         {{ formErrors.email }}
  50       </div>
  51     </div>
  52
  53     <div class="form-group">
  54       <label for="password" i18n>Password</label>
  55       <input
  56         type="password" id="password" i18n-placeholder placeholder="Password"
  57         formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
  58       >
  59       <div *ngIf="formErrors.password" class="form-error">
  60         {{ formErrors.password }}
  61       </div>
  62     </div>
  63
  64     <div class="form-group form-group-terms">
  65       <my-peertube-checkbox
  66         inputName="terms" formControlName="terms"
  67         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"
  68       ></my-peertube-checkbox>
  69
  70       <div *ngIf="formErrors.terms" class="form-error">
  71         {{ formErrors.terms }}
  72       </div>
  73     </div>
  74
  75     <input type="submit" i18n-value value="Signup" [disabled]="!form.valid">
  76   </form>
  77
  78 </div>