Add a basic Symfony Stimulus demo

Author: Antoine Makdessi

assets/controllers/login-controller.js

@@ -0,0 +1,32 @@
+// A Stimulus JavaScript controller file
+// Leverage the Symfony Stimulus Bridge
+// @see templates/security/login.html.twig
+// https://github.com/symfony/stimulus-bridge
+// https://stimulus.hotwired.dev
+
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+  static targets = [ "username", "password" ]
+
+  // in a real application, the user/password should never be hardcoded
+  // but for the demo application it's very convenient to do so
+
+  prefillJohnUser() {
+    this.usernameTarget.textContent = 'john_user'
+    this.passwordTarget.textContent = 'kitten'
+  }
+
+  prefillJaneAdmin() {
+    this.usernameTarget.textContent = 'jane_admin'
+    this.passwordTarget.textContent = 'kitten'
+  }
+
+  togglePasswordInputType() {
+    if ('password' === this.passwordTarget.input.type) {
+      this.passwordTarget.input.type = 'text'
+    } else {
+      this.passwordTarget.input.type = 'password'
+    }
+  }
+}