a

Author: Antoine Makdessi

assets/controllers/login-controller.js

@@ -14,21 +14,27 @@ export default class extends Controller {
   // in a real application, the user/password should never be hardcoded
   // but for the demo application it's very convenient to do so
 
+  connect() {
+    console.log(this.usernameTarget, this.passwordTarget)
+  }
   prefillJohnUser() {
-    this.usernameTarget.val = 'john_user'
-    this.passwordTarget.val = 'kitten'
+    console.log('Prefill John User')
+    this.usernameTarget.value = 'john_user'
+    this.passwordTarget.value = 'kitten'
   }
 
   prefillJaneAdmin() {
-    this.usernameTarget.val = 'jane_admin'
-    this.passwordTarget.val = 'kitten'
+    console.log('Prefill Jane Admin')
+    this.usernameTarget.value = 'jane_admin'
+    this.passwordTarget.value = 'kitten'
   }
 
   togglePasswordInputType() {
-    if ('password' === this.passwordTarget.input.type) {
-      this.passwordTarget.input.type = 'text'
+    console.log('Toggle Password Input Type')
+    if ('password' === this.passwordTarget.type) {
+      this.passwordTarget.type = 'text'
     } else {
-      this.passwordTarget.input.type = 'password'
+      this.passwordTarget.type = 'password'
     }
   }
 }