1 <form role=
"form" [formGroup]=
"form">
3 <div class=
"form-group">
4 <label for=
"username" i18n
>Username
</label>
6 <div class=
"input-group">
8 type=
"text" id=
"username" i18n-placeholder
placeholder=
"Example: jane_doe"
9 formControlName=
"username" [ngClass]=
"{ 'input-error': formErrors['username'] }"
11 <div class=
"input-group-append">
12 <span class=
"input-group-text">@{{ instanceHost }}
</span>
16 <div *
ngIf=
"formErrors.username" class=
"form-error">
17 {{ formErrors.username }}
21 <div class=
"form-group">
22 <label for=
"email" i18n
>Email
</label>
24 type=
"text" id=
"email" i18n-placeholder
placeholder=
"Email"
25 formControlName=
"email" [ngClass]=
"{ 'input-error': formErrors['email'] }"
27 <div *
ngIf=
"formErrors.email" class=
"form-error">
28 {{ formErrors.email }}
32 <div class=
"form-group">
33 <label for=
"password" i18n
>Password
</label>
35 type=
"password" id=
"password" i18n-placeholder
placeholder=
"Password"
36 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }"
38 <div *
ngIf=
"formErrors.password" class=
"form-error">
39 {{ formErrors.password }}
43 <div class=
"form-group form-group-terms">
45 inputName=
"terms" formControlName=
"terms"
47 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"
48 ></my-peertube-checkbox>
50 <div *
ngIf=
"formErrors.terms" class=
"form-error">
51 {{ formErrors.terms }}