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