You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

42 lines
1.0 KiB

<div flex fxFill fxLayout="row" fxLayoutAlign="center center" >
<div fxFlex="33">
<mat-card>
<mat-card-title>
Authenticate to Wireguard Management
</mat-card-title>
<mat-card-content>
<form [formGroup]="loginForm" (ngSubmit)="loginForm.valid && login()" class="form">
<p>
<mat-form-field class="full-width">
<mat-label>Username</mat-label>
<input type="text" id="username" formControlName="username" matInput>
</mat-form-field>
</p>
<p>
<mat-form-field class="full-width">
<mat-label>Password</mat-label>
<input type="password" id="password" autocomplete="on" formControlName="password" matInput>
</mat-form-field>
</p>
<button mat-raised-button color="primary" [disabled]="!loginForm.valid" type="submit">
SIGN IN
</button>
</form>
</mat-card-content>
</mat-card>
</div>
</div>