31 lines
1000 B
HTML
31 lines
1000 B
HTML
<mat-card-header>
|
|
<mat-card-title>Login</mat-card-title>
|
|
</mat-card-header>
|
|
|
|
<mat-card-content>
|
|
<form [formGroup]="loginForm" (keyup.enter)="login()">
|
|
|
|
<div>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Email</mat-label>
|
|
<input matInput placeholder="pat@example.com" formControlName="email" required name="username">
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Passwort</mat-label>
|
|
<input matInput autocomplete="current-password" type="password" placeholder="pat@example.com" formControlName="password" required>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<p *ngIf="loginFailed" class="login-error">E-Mail oder Passwort ist falsch.</p>
|
|
|
|
</form>
|
|
|
|
</mat-card-content>
|
|
|
|
<mat-card-actions align="end">
|
|
<a mat-button routerLink="/auth/forgot-password">Passwort vergessen?</a>
|
|
<button mat-button color="primary" [disabled]="loginForm.invalid" (click)="login()">Login</button>
|
|
</mat-card-actions> |