diff options
Diffstat (limited to 'src/app/components/login/login.component.html')
| -rw-r--r-- | src/app/components/login/login.component.html | 40 |
1 files changed, 33 insertions, 7 deletions
diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html index 9f74faa..d4f956d 100644 --- a/src/app/components/login/login.component.html +++ b/src/app/components/login/login.component.html @@ -2,29 +2,55 @@ <summary class="title">Login</summary> <form [formGroup]="loginUserFormGroup" (ngSubmit)="onSubmit()"> - <hr> + <hr /> <section class="input-selection"> - <input type="text" placeholder="Username" class="input-field" formControlName="username" required> + <input + type="text" + placeholder="Username" + class="input-field" + formControlName="username" + required + /> <label class="input-field-label">Username</label> <div class="input-errors"> - <label *ngIf="loginUserFormGroup.get('username')?.errors?.required" class="error">*Required</label> + <label + *ngIf="loginUserFormGroup.get('username')?.errors?.required" + class="error" + >*Required</label + > </div> </section> <section class="input-selection"> - <input type="password" placeholder="Password" class="input-field" formControlName="password" required> + <input + type="password" + placeholder="Password" + class="input-field" + formControlName="password" + required + /> <label class="input-field-label">Password</label> <div class="input-errors"> - <label *ngIf="loginUserFormGroup.get('password')?.errors?.required" class="error">*Required</label> + <label + *ngIf="loginUserFormGroup.get('password')?.errors?.required" + class="error" + >*Required</label + > </div> </section> - <hr> + <hr /> <button class="submit-btn" type="submit">Submit</button> <app-error-bar></app-error-bar> </form> - <button class="submit-btn redirect-to-register" (click)="onRedirectRegister()">New to DevHive? Register instead</button> + <button + class="submit-btn redirect-to-register" + (click)="onRedirectRegister()" + > + New to DevHive? Register instead + </button> + <app-footer></app-footer> </main> |