diff options
Diffstat (limited to 'client/src/app/signup/signup.component.html')
-rw-r--r-- | client/src/app/signup/signup.component.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/client/src/app/signup/signup.component.html b/client/src/app/signup/signup.component.html index b8b7826eb..eb36b29f6 100644 --- a/client/src/app/signup/signup.component.html +++ b/client/src/app/signup/signup.component.html | |||
@@ -1,7 +1,8 @@ | |||
1 | <div class="row"> | 1 | <div class="margin-content"> |
2 | <div class="content-padding"> | ||
3 | 2 | ||
4 | <h3>Signup</h3> | 3 | <div class="title-page title-page-single"> |
4 | Create an account | ||
5 | </div> | ||
5 | 6 | ||
6 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | 7 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> |
7 | 8 | ||
@@ -10,9 +11,9 @@ | |||
10 | <label for="username">Username</label> | 11 | <label for="username">Username</label> |
11 | <input | 12 | <input |
12 | type="text" class="form-control" id="username" placeholder="Username" | 13 | type="text" class="form-control" id="username" placeholder="Username" |
13 | formControlName="username" | 14 | formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" |
14 | > | 15 | > |
15 | <div *ngIf="formErrors.username" class="alert alert-danger"> | 16 | <div *ngIf="formErrors.username" class="form-error"> |
16 | {{ formErrors.username }} | 17 | {{ formErrors.username }} |
17 | </div> | 18 | </div> |
18 | </div> | 19 | </div> |
@@ -21,9 +22,9 @@ | |||
21 | <label for="email">Email</label> | 22 | <label for="email">Email</label> |
22 | <input | 23 | <input |
23 | type="text" class="form-control" id="email" placeholder="Email" | 24 | type="text" class="form-control" id="email" placeholder="Email" |
24 | formControlName="email" | 25 | formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" |
25 | > | 26 | > |
26 | <div *ngIf="formErrors.email" class="alert alert-danger"> | 27 | <div *ngIf="formErrors.email" class="form-error"> |
27 | {{ formErrors.email }} | 28 | {{ formErrors.email }} |
28 | </div> | 29 | </div> |
29 | </div> | 30 | </div> |
@@ -32,15 +33,14 @@ | |||
32 | <label for="password">Password</label> | 33 | <label for="password">Password</label> |
33 | <input | 34 | <input |
34 | type="password" class="form-control" id="password" placeholder="Password" | 35 | type="password" class="form-control" id="password" placeholder="Password" |
35 | formControlName="password" | 36 | formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }" |
36 | > | 37 | > |
37 | <div *ngIf="formErrors.password" class="alert alert-danger"> | 38 | <div *ngIf="formErrors.password" class="form-error"> |
38 | {{ formErrors.password }} | 39 | {{ formErrors.password }} |
39 | </div> | 40 | </div> |
40 | </div> | 41 | </div> |
41 | 42 | ||
42 | <input type="submit" value="Signup" class="btn btn-default" [disabled]="!form.valid"> | 43 | <input type="submit" value="Signup" [disabled]="!form.valid"> |
43 | </form> | 44 | </form> |
44 | 45 | ||
45 | </div> | ||
46 | </div> | 46 | </div> |