From 0247eac9e05ec9b8b1d338f051ef381e6108dba8 Mon Sep 17 00:00:00 2001
From: Roger Far <roger@versluis.ca>
Date: Tue, 24 May 2022 08:58:09 -0600
Subject: [PATCH] Fixed the login screen for macOS keychain autofill.

---
 client/src/app/login/login.component.html | 11 +++++++++--
 client/src/app/login/login.component.ts   | 10 +++++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/client/src/app/login/login.component.html b/client/src/app/login/login.component.html
index cdfdb93..465b3a4 100644
--- a/client/src/app/login/login.component.html
+++ b/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>
diff --git a/client/src/app/login/login.component.ts b/client/src/app/login/login.component.ts
index 48599d1..4642650 100644
--- a/client/src/app/login/login.component.ts
+++ b/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;