56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<div class="container">
|
|
<mat-card appearance="outlined" class="login-form">
|
|
<mat-card-header>
|
|
<h2>Log in as hood admin!</h2>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
|
|
<div class="input-container">
|
|
<mat-form-field appearance="fill">
|
|
<mat-label>E-Mail</mat-label>
|
|
<input type="text" formControlName="email" matInput />
|
|
<mat-error
|
|
*ngIf="
|
|
loginForm.controls.email.errors &&
|
|
loginForm.controls.email.errors.required
|
|
"
|
|
>
|
|
Email is required
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill">
|
|
<mat-label>Password</mat-label>
|
|
<input
|
|
type="password"
|
|
formControlName="password"
|
|
matInput
|
|
[type]="'password'"
|
|
/>
|
|
<mat-error
|
|
*ngIf="
|
|
loginForm.controls.password.errors &&
|
|
loginForm.controls.password.errors.required
|
|
"
|
|
>
|
|
Password is required
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="buttons">
|
|
<div>
|
|
<button mat-raised-button color="primary" [disabled]="loading">
|
|
Log In
|
|
</button>
|
|
<a mat-button routerLink="/register">Register</a>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
<div>
|
|
<a routerLink="/reset">Forgot password?</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
<div class="banner"></div>
|
|
</div>
|