1 <form role=
"form" [formGroup]=
"form">
3 <div class=
"form-group">
4 <label for=
"displayName" i18n
>Display name
</label>
6 <div class=
"input-group">
8 type=
"text" id=
"displayName" placeholder=
"John Doe"
9 formControlName=
"displayName" [ngClass]=
"{ 'input-error': formErrors['displayName'] }"
13 <div *
ngIf=
"formErrors.displayName" class=
"form-error">
14 {{ formErrors.displayName }}
18 <div class=
"form-group">
19 <label for=
"username" i18n
>Username
</label>
21 <div class=
"input-group">
23 type=
"text" id=
"username" i18n-placeholder
placeholder=
"Example: jane_doe"
24 formControlName=
"username" [ngClass]=
"{ 'input-error': formErrors['username'] }"
26 <div class=
"input-group-append">
27 <span class=
"input-group-text">@{{ instanceHost }}
</span>
31 <div class=
"name-information" i18n
>
32 The username is a unique identifier of your account on this instance. It's like an address mail, so other people can find you.
35 <div *
ngIf=
"formErrors.username" class=
"form-error">
36 {{ formErrors.username }}
40 <div class=
"form-group">
41 <label for=
"email" i18n
>Email
</label>
43 type=
"text" id=
"email" i18n-placeholder
placeholder=
"Email"
44 formControlName=
"email" [ngClass]=
"{ 'input-error': formErrors['email'] }"
46 <div *
ngIf=
"formErrors.email" class=
"form-error">
47 {{ formErrors.email }}
51 <div class=
"form-group">
52 <label for=
"password" i18n
>Password
</label>
54 type=
"password" id=
"password" i18n-placeholder
placeholder=
"Password"
55 formControlName=
"password" [ngClass]=
"{ 'input-error': formErrors['password'] }"
57 <div *
ngIf=
"formErrors.password" class=
"form-error">
58 {{ formErrors.password }}
62 <div class=
"form-group form-group-terms">
63 <my-peertube-checkbox inputName=
"terms" formControlName=
"terms">
64 <ng-template ptTemplate=
"label">
66 I am at least
16 years old and agree
67 to the
<a (click)=
"onTermsClick($event)" href='#'
>Terms
</a>
68 <ng-container *
ngIf=
"hasCodeOfConduct"> and to the
<a (click)=
"onCodeOfConductClick($event)" href='#'
>Code of Conduct
</a></ng-container>
72 </my-peertube-checkbox>
74 <div *
ngIf=
"formErrors.terms" class=
"form-error">
75 {{ formErrors.terms }}