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 and all the other instances. It's as unique as an email address, which makes it easy for other people to interact with it.
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" autocomplete=
"new-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 }}