1 <div class=
"margin-content">
3 <div i18n
class=
"title-page title-page-single">
7 <div *
ngIf=
"info" class=
"alert alert-info">{{ info }}
</div>
8 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
10 <div class=
"d-flex justify-content-left flex-wrap">
11 <form role=
"form" (ngSubmit)=
"signup()" [formGroup]=
"form">
12 <div class=
"form-group">
13 <label for=
"username" i18n
>Username
</label>
15 <div class=
"input-group">
17 type=
"text" id=
"username" i18n-placeholder
placeholder=
"Example: jane_doe"
18 formControlName=
"username" [ngClass]=
"{ 'input-error': formErrors['username'] }"
20 <div class=
"input-group-append">
21 <span class=
"input-group-text">@{{ instanceHost }}
</span>
25 <div *
ngIf=
"formErrors.username" class=
"form-error">
26 {{ formErrors.username }}
30 <div class=
"form-group">
31 <label for=
"email" i18n
>Email
</label>
33 type=
"text" id=
"email" i18n-placeholder
placeholder=
"Email"
34 formControlName=
"email" [ngClass]=
"{ 'input-error': formErrors['email'] }"
36 <div *
ngIf=
"formErrors.email" class=
"form-error">
37 {{ formErrors.email }}
41 <div class=
"form-group">
42 <label for=
"password" i18n
>Password
</label>
44 type=
"password" id=
"password" i18n-placeholder
placeholder=
"Password"
45 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }"
47 <div *
ngIf=
"formErrors.password" class=
"form-error">
48 {{ formErrors.password }}
52 <div class=
"form-group form-group-terms">
54 inputName=
"terms" formControlName=
"terms"
55 i18n-labelHtml
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"
56 ></my-peertube-checkbox>
58 <div *
ngIf=
"formErrors.terms" class=
"form-error">
59 {{ formErrors.terms }}
63 <input type=
"submit" i18n-value
value=
"Signup" [disabled]=
"!form.valid || signupDone">
67 <label for=
"email" i18n
>Features found on this instance
</label>
68 <my-instance-features-table></my-instance-features-table>