26 lines
1010 B
HTML
26 lines
1010 B
HTML
<div class="container">
|
|
<div class="center-container">
|
|
<form tuiAppearance="floating" tuiCardLarge tuiForm="m" [formGroup]="form" [style.max-width.rem]="32">
|
|
<header tuiHeader>
|
|
<img class="header" src="assets/logo-minimal.png" alt="Logo" tuiHeaderIcon/>
|
|
</header>
|
|
<tui-textfield>
|
|
<label tuiLabel>Gebruikersnaam</label>
|
|
<input formControlName="username" placeholder="Voer je gebruikersnaam in" id="username" tuiTextfield/>
|
|
</tui-textfield>
|
|
<tui-textfield>
|
|
<label tuiLabel>Wachtwoord</label>
|
|
<input formControlName="password" type="password" placeholder="Voer je wachtwoord in" id="password" tuiTextfield/>
|
|
</tui-textfield>
|
|
<tui-error [error]="computedError"/>
|
|
<footer>
|
|
<button tuiButton class="custom-button" id="inloggen" type="submit" [disabled]="form.invalid" (click)="login()">
|
|
Inloggen
|
|
</button>
|
|
</footer>
|
|
<!-- <br>-->
|
|
<p>{{appVersion}}</p>
|
|
</form>
|
|
</div>
|
|
</div>
|