42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<div class="mx-auto pt-3 container">
|
|
<mat-card appearance="outlined">
|
|
<mat-card-content>
|
|
<h1>Login</h1>
|
|
|
|
<form class="flex flex-col" [formGroup]="loginForm">
|
|
<mat-form-field appearance="outline">
|
|
<mat-error>{{ errorMessages["email"] }}</mat-error>
|
|
<mat-label>Email</mat-label>
|
|
<input
|
|
formControlName="email"
|
|
type="email"
|
|
matInput
|
|
placeholder="banana@banana.com"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline">
|
|
<mat-error>{{ errorMessages["password"] }}</mat-error>
|
|
<mat-label>Password</mat-label>
|
|
<input
|
|
formControlName="password"
|
|
matInput
|
|
type="password"
|
|
placeholder="Aurelius14"
|
|
/>
|
|
</mat-form-field>
|
|
<button class="mb-3" mat-flat-button type="submit" (click)="submit()">
|
|
Login
|
|
</button>
|
|
<mat-divider></mat-divider>
|
|
<button
|
|
mat-flat-button
|
|
[style.backgroundColor]="'#FD4B2D'"
|
|
class="mt-3 mat-authentik"
|
|
(click)="loginWithAuthentik()"
|
|
>
|
|
Log in with Authentik
|
|
</button>
|
|
</form>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|