1 <div class=
"margin-content">
3 <div i18n
class=
"title-page title-page-single">
7 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
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>
14 <div class=
"input-group">
16 type=
"text" id=
"username" i18n-placeholder
placeholder=
"Example: jane_doe"
17 formControlName=
"username" [ngClass]=
"{ 'input-error': formErrors['username'] }"
19 <div class=
"input-group-append">
20 <span class=
"input-group-text">@{{ instanceHost }}
</span>
24 <div *
ngIf=
"formErrors.username" class=
"form-error">
25 {{ formErrors.username }}
29 <div class=
"form-group">
30 <label for=
"email" i18n
>Email
</label>
32 type=
"text" id=
"email" i18n-placeholder
placeholder=
"Email"
33 formControlName=
"email" [ngClass]=
"{ 'input-error': formErrors['email'] }"
35 <div *
ngIf=
"formErrors.email" class=
"form-error">
36 {{ formErrors.email }}
40 <div class=
"form-group">
41 <label for=
"password" i18n
>Password
</label>
43 type=
"password" id=
"password" i18n-placeholder
placeholder=
"Password"
44 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }"
46 <div *
ngIf=
"formErrors.password" class=
"form-error">
47 {{ formErrors.password }}
51 <div class=
"form-group form-group-terms">
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>
57 <div *
ngIf=
"formErrors.terms" class=
"form-error">
58 {{ formErrors.terms }}
62 <input type=
"submit" i18n-value
value=
"Signup" [disabled]=
"!form.valid">
66 <label for=
"email" i18n
>Features found on this instance
</label>
67 <my-instance-features-table></my-instance-features-table>