]>
Commit | Line | Data |
---|---|---|
d235f6b0 | 1 | <div class="margin-content"> |
a184c71b | 2 | |
b1d40cff | 3 | <div i18n class="title-page title-page-single"> |
f3aaa9a9 | 4 | Create an account |
d235f6b0 | 5 | </div> |
a184c71b | 6 | |
5afdd0a5 | 7 | <div class="initial-user-quota"> |
b1d40cff | 8 | <span i18n class="initial-user-quota-label">Initial video quota:</span> |
5afdd0a5 C |
9 | |
10 | <span *ngIf="initialUserVideoQuota !== -1"> | |
11 | {{ initialUserVideoQuota | bytes: 0 }} | |
12 | ||
13 | <my-help helpType="custom" [customHtml]="quotaHelpIndication"></my-help> | |
14 | </span> | |
15 | ||
b1d40cff | 16 | <ng-container i18n *ngIf="initialUserVideoQuota === -1"> |
5afdd0a5 | 17 | Unlimited |
b1d40cff | 18 | </ng-container> |
5afdd0a5 C |
19 | </div> |
20 | ||
14063e96 | 21 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> |
897ec54d C |
22 | |
23 | <form role="form" (ngSubmit)="signup()" [formGroup]="form"> | |
24 | <div class="form-group"> | |
b1d40cff | 25 | <label for="username" i18n>Username</label> |
8a19bee1 C |
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 | ||
a2b817d3 | 37 | <div *ngIf="formErrors.username" class="form-error"> |
897ec54d C |
38 | {{ formErrors.username }} |
39 | </div> | |
a184c71b | 40 | </div> |
a184c71b | 41 | |
897ec54d | 42 | <div class="form-group"> |
b1d40cff | 43 | <label for="email" i18n>Email</label> |
897ec54d | 44 | <input |
b1d40cff | 45 | type="text" id="email" i18n-placeholder placeholder="Email" |
a2b817d3 | 46 | formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" |
897ec54d | 47 | > |
a2b817d3 | 48 | <div *ngIf="formErrors.email" class="form-error"> |
897ec54d C |
49 | {{ formErrors.email }} |
50 | </div> | |
a184c71b | 51 | </div> |
a184c71b | 52 | |
897ec54d | 53 | <div class="form-group"> |
b1d40cff | 54 | <label for="password" i18n>Password</label> |
897ec54d | 55 | <input |
b1d40cff | 56 | type="password" id="password" i18n-placeholder placeholder="Password" |
a2b817d3 | 57 | formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }" |
897ec54d | 58 | > |
a2b817d3 | 59 | <div *ngIf="formErrors.password" class="form-error"> |
897ec54d C |
60 | {{ formErrors.password }} |
61 | </div> | |
a184c71b | 62 | </div> |
a184c71b | 63 | |
b4a929ac C |
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 | ||
b1d40cff | 75 | <input type="submit" i18n-value value="Signup" [disabled]="!form.valid"> |
897ec54d C |
76 | </form> |
77 | ||
897ec54d | 78 | </div> |