Fixed the login screen for macOS keychain autofill.

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

@@ -9,7 +9,14 @@
               <div class="field">
                 <label for="" class="label">Username</label>
                 <div class="control has-icons-left">
-                  <input type="text" placeholder="" class="input" name="userName" [(ngModel)]="userName" required />
+                  <input
+                    type="text"
+                    placeholder=""
+                    class="input"
+                    name="userName"
+                    (change)="setUserName($event)"
+                    required
+                  />
                   <span class="icon is-small is-left">
                     <i class="fa fa-envelope"></i>
                   </span>
@@ -18,7 +25,7 @@
               <div class="field">
                 <label for="" class="label" name="password">Password</label>
                 <div class="control has-icons-left">
-                  <input type="password" class="input" required name="password" [(ngModel)]="password" />
+                  <input type="password" class="input" required name="password" (change)="setPassword($event)" />
                   <span class="icon is-small is-left">
                     <i class="fa fa-lock"></i>
                   </span>

client/src/app/login/login.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
-import { AuthService } from '../auth.service';
 import { Router } from '@angular/router';
+import { AuthService } from '../auth.service';
 
 @Component({
   selector: 'app-login',
@@ -17,6 +17,14 @@ export class LoginComponent implements OnInit {
 
   ngOnInit(): void {}
 
+  public setUserName(event: Event): void {
+    this.userName = (event.target as any).value;
+  }
+
+  public setPassword(event: Event): void {
+    this.password = (event.target as any).value;
+  }
+
   public login(): void {
     this.error = null;
     this.loggingIn = true;