OpenSlides/client/src/app/site/login/login.component.html

<!-- The actual form -->
<mat-toolbar class="login-logo-bar" color="primary">
    <img src='/assets/img/openslides-logo-h-dark-transparent.svg' alt='OpenSlides-logo'>
</mat-toolbar>
<div class="form-wrapper">

    <mat-spinner *ngIf="inProcess"></mat-spinner>
    <form [formGroup]="loginForm" class="login-form" (ngSubmit)="formLogin()">
        <mat-form-field>
            <input matInput required placeholder="User name" formControlName="username" [errorStateMatcher]="parentErrorStateMatcher">
        </mat-form-field>
        <br>
        <mat-form-field>
            <input matInput required placeholder="Password" formControlName="password" [type]="!hide ? 'password' : 'text'" [errorStateMatcher]="parentErrorStateMatcher">
            <fa-icon matSuffix [icon]="!hide ? 'eye-slash' : 'eye'" (click)="hide = !hide"></fa-icon>
            <mat-error>{{loginErrorMsg}}</mat-error>
        </mat-form-field>

        <!-- forgot password button -->
        <br>
        <button class='forgot-password-button' mat-button>Forgot Password?</button>

        <!-- login button -->
        <br>
        <button mat-raised-button color="primary" class='login-button' type="submit">Login</button>
    </form>

</div>