diff options
Diffstat (limited to 'src/app/components/login/login.component.html')
| -rw-r--r-- | src/app/components/login/login.component.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html new file mode 100644 index 0000000..13f9bbf --- /dev/null +++ b/src/app/components/login/login.component.html @@ -0,0 +1,30 @@ +<div id="content"> + <div class="title">Login</div> + + <form [formGroup]="loginUserFormGroup" (ngSubmit)="onSubmit()"> + <hr> + + <div class="input-selection"> + <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> + </div> + </div> + + <div class="input-selection"> + <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> + </div> + </div> + + <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> +</div> |