45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<!-- Flex container -->
|
|
<div class="flex">
|
|
<!-- Centered container -->
|
|
<div class="m-auto kick-motto">
|
|
<div *ngIf="isLoading" class="loading-spinner-correct">
|
|
<app-loading-spinner></app-loading-spinner>
|
|
</div>
|
|
<div *ngIf="isAuthenticated" style="margin-top: 100%;">
|
|
<app-score-table></app-score-table>
|
|
</div>
|
|
<!-- Material card -->
|
|
<div *ngIf="!isAuthenticated">
|
|
<mat-card class="default-background-color mat-mdc-card_noshadow" *ngIf="!isLoading">
|
|
<!-- Card image -->
|
|
<header-lsr></header-lsr>
|
|
<!-- Card content -->
|
|
<mat-card-content>
|
|
<!-- Login form -->
|
|
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
|
|
<!-- Email input field -->
|
|
<mat-form-field appearance="outline" class="custom-form-field">
|
|
<mat-label>Email</mat-label>
|
|
<input type="email" matInput formControlName="email" placeholder="@atos.net | @eviden.com">
|
|
<mat-error *ngIf="loginForm.get('email')?.hasError('pattern')">
|
|
Bitte gib deine Firmen-E-Mail lautend auf '@atos.net' oder '@eviden.com' an.
|
|
</mat-error>
|
|
</mat-form-field>
|
|
<!-- Card footer with logIn link -->
|
|
<mat-card-footer class="m-auto">
|
|
<a routerLink="/login">Du hast bereits ein Konto? Einloggen.</a>
|
|
</mat-card-footer>
|
|
<!-- Card footer with sign-up link -->
|
|
<mat-card-footer class="m-auto margin-top-correct">
|
|
<a routerLink="/signup">Kein Konto? Registriere dich jetzt!</a>
|
|
</mat-card-footer>
|
|
<!-- Card actions with login button -->
|
|
<mat-card-actions>
|
|
<button class="m-auto blue-buttons disabled-button" mat-button type="submit" [disabled]="!loginForm.valid">RESET</button>
|
|
</mat-card-actions>
|
|
</form>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
</div> |