1 <form role=
"form" [formGroup]=
"form">
3 <div class=
"capability-information alert alert-info" i18n *
ngIf=
"videoUploadDisabled">
4 Video uploads are disabled on this instance, hence your account won't be able to upload videos.
7 <div class=
"form-group">
8 <label for=
"displayName" i18n
>Display name
</label>
10 <div class=
"input-group">
12 type=
"text" id=
"displayName" placeholder=
"John Doe"
13 formControlName=
"displayName" [ngClass]=
"{ 'input-error': formErrors['displayName'] }"
17 <div *
ngIf=
"formErrors.displayName" class=
"form-error">
18 {{ formErrors.displayName }}
22 <div class=
"form-group">
23 <label for=
"username" i18n
>Username
</label>
25 <div class=
"input-group">
27 type=
"text" id=
"username" i18n-placeholder=
"Username choice placeholder in the registration form" placeholder=
"e.g. jane_doe"
28 formControlName=
"username" class=
"form-control" [ngClass]=
"{ 'input-error': formErrors['username'] }"
30 <span class=
"input-group-text">@{{ instanceHost }}
</span>
33 <div class=
"name-information" i18n
>
34 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.
37 <div *
ngIf=
"formErrors.username" class=
"form-error">
38 {{ formErrors.username }}
42 <div class=
"form-group">
43 <label for=
"email" i18n
>Email
</label>
45 type=
"text" id=
"email" i18n-placeholder
placeholder=
"Email"
46 formControlName=
"email" class=
"form-control" [ngClass]=
"{ 'input-error': formErrors['email'] }"
48 <div *
ngIf=
"formErrors.email" class=
"form-error">
49 {{ formErrors.email }}
53 <div class=
"form-group">
54 <label for=
"password" i18n
>Password
</label>
55 <my-input-text formControlName=
"password" inputId=
"password"
56 i18n-placeholder
placeholder=
"Password"
57 [ngClass]=
"{ 'input-error': formErrors['password'] }"
58 autocomplete=
"new-password"></my-input-text>
59 <div *
ngIf=
"formErrors.password" class=
"form-error">
60 {{ formErrors.password }}