github/apps/ui/src/app/components/login/login.component.html at 86a55f07a47d2bbf2f9086d4527c9e76691de3e2 · bhalperin/github · GitHub

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
31
32
33
34
35
36
37
38
39
40
<div class="row">
	<div class="col-3">
		<div class="login-email-password card p-3">
			<div class="card-body">
				<h4 class="card-title pb-3">Login with email and password</h4>
				<form>
					<div class="mb-3">
						<label for="email" class="form-label">Email</label>
						<input type="text" class="form-control" [formField]="loginForm.email" placeholder="Email" data-testid="email" />
					</div>
					<div class="mb-3">
						<label for="password" class="form-label">Password</label>
						<input type="password" class="form-control" id="password" [formField]="loginForm.password" placeholder="Password" data-testid="password" />
					</div>
					<button type="button" class="btn btn-primary" id="submitUserPassword" [disabled]="!loginForm().valid() || loginForm().submitting()" data-testid="submit" (click)="submitForm()">
						Submit
					</button>
					@if (loginForm().submitting()) {
						<div class="spinner-border spinner-border-sm ms-4" role="status" data-testid="spinner"></div>
					}
				</form>
			</div>
		</div>
	</div>
	<div class="col-3">
		<div class="login-google card p-3">
			<div class="card-body">
				<h4 class="card-title pb-3">Login with Google</h4>
				<button type="button" class="btn btn-primary" id="submitGoogle" data-testid="login-google" (click)="goToGoogleLogin()">Go</button>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-6">
		<div class="invalid-feedback ps-3" [class.d-block]="connectionError()" data-testid="dbConnectionError">Database connection error</div>
		<div class="invalid-feedback ps-3" [class.d-block]="serverError()" data-testid="serverError">Server error</div>
		<div class="invalid-feedback ps-3" [class.d-block]="!validCredentials()" data-testid="invalidCredentials">Wrong credentials</div>
	</div>
</div>