src/app/components/login/login.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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>