diff options
author | Chocobozzz <me@florianbigard.com> | 2019-06-07 16:59:53 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-06-07 17:05:42 +0200 |
commit | 1f20622f2b087eaf8738d60fae00a44b9c558ca3 (patch) | |
tree | 1c8554623665ca96b8a1e6f2a6bcb8c1b5a83c2e /client/src/app/+signup/+register/register-step-user.component.html | |
parent | 1a03bea0c42fa1064ce4770157b4fd2e3edd5565 (diff) | |
download | PeerTube-1f20622f2b087eaf8738d60fae00a44b9c558ca3.tar.gz PeerTube-1f20622f2b087eaf8738d60fae00a44b9c558ca3.tar.zst PeerTube-1f20622f2b087eaf8738d60fae00a44b9c558ca3.zip |
Improve registration
* Add ability to set the user display name
* Use display name to guess the username/channel name
* Add explanations about what is the purpose of a username/channel name
* Add a loader at the "done" step
Diffstat (limited to 'client/src/app/+signup/+register/register-step-user.component.html')
-rw-r--r-- | client/src/app/+signup/+register/register-step-user.component.html | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/client/src/app/+signup/+register/register-step-user.component.html b/client/src/app/+signup/+register/register-step-user.component.html index cd0c78bfa..47b3be8cc 100644 --- a/client/src/app/+signup/+register/register-step-user.component.html +++ b/client/src/app/+signup/+register/register-step-user.component.html | |||
@@ -1,6 +1,21 @@ | |||
1 | <form role="form" [formGroup]="form"> | 1 | <form role="form" [formGroup]="form"> |
2 | 2 | ||
3 | <div class="form-group"> | 3 | <div class="form-group"> |
4 | <label for="displayName" i18n>Display name</label> | ||
5 | |||
6 | <div class="input-group"> | ||
7 | <input | ||
8 | type="text" id="displayName" placeholder="John Doe" | ||
9 | formControlName="displayName" [ngClass]="{ 'input-error': formErrors['displayName'] }" | ||
10 | > | ||
11 | </div> | ||
12 | |||
13 | <div *ngIf="formErrors.displayName" class="form-error"> | ||
14 | {{ formErrors.displayName }} | ||
15 | </div> | ||
16 | </div> | ||
17 | |||
18 | <div class="form-group"> | ||
4 | <label for="username" i18n>Username</label> | 19 | <label for="username" i18n>Username</label> |
5 | 20 | ||
6 | <div class="input-group"> | 21 | <div class="input-group"> |
@@ -13,6 +28,10 @@ | |||
13 | </div> | 28 | </div> |
14 | </div> | 29 | </div> |
15 | 30 | ||
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. | ||
33 | </div> | ||
34 | |||
16 | <div *ngIf="formErrors.username" class="form-error"> | 35 | <div *ngIf="formErrors.username" class="form-error"> |
17 | {{ formErrors.username }} | 36 | {{ formErrors.username }} |
18 | </div> | 37 | </div> |