oslo_boating_project/boat-reservation-view/src/app/login-view/login-view.component.html

<div style="text-align: center;font-family: Courier New, monospace;">
  <div style="text-align: center;">
    <h2>LOGIN</h2>
  </div>
  <form (submit)="login()" [formGroup]="formData">
    <div class="form-group">
      <label for="username">Username:</label>
      <input type="text"
             id="username"
             name="name" formControlName="username"
             minlength="5">
    </div>

    <div class="form-group">
      <label for="password">Password:</label>
      <input type="text"
             id="password"
             name="name" formControlName="password"
             minlength="5">
    </div>

    <input type="submit" value="Login"
           [ngClass]="{'disabled': formData.invalid, 'enabled': !(formData.invalid)}"
           [disabled]="formData.invalid">
    <br>
    <div style="color: #b70b0b">
      <b>{{errors}}</b><br>
    </div>
  </form>
  <br>
  <p>Don't have an account?</p>
  <input class="enabled"
         type="submit"
         value="Register"
         routerLink="/register"
         routerLinkActive="activebutton"
         style="width: 210px">
  <br><br>
</div>