first commit
This commit is contained in:
45
src/app/auth/resetPw/resetPw.component.html
Normal file
45
src/app/auth/resetPw/resetPw.component.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user