Add login and signup

app/app_template/forms.py

@@ -5,12 +5,12 @@ class LoginForm(forms.Form):
     email = forms.CharField(
         label="Email",
         max_length=255,
-        widget=forms.EmailInput(attrs={"id": "login-email", "class": "input"}),
+        widget=forms.EmailInput(attrs={"id": "login-email", "class": "input", "data-login-target": "email"})
     )
     password = forms.CharField(
         label="Password",
         max_length=255,
-        widget=forms.PasswordInput(attrs={"id": "login-password", "class": "input"}),
+        widget=forms.PasswordInput(attrs={"id": "login-password", "class": "input", "data-login-target": "password"})
     )
 
 
@@ -18,22 +18,22 @@ class SignupForm(forms.Form):
     username = forms.CharField(
         label="Username",
         max_length=255,
-        widget=forms.TextInput(attrs={"id": "signup-username", "class": "input"}),
+        widget=forms.TextInput(attrs={"id": "signup-username", "class": "input", "data-signup-target": "username"})
     )
     email = forms.EmailField(
         label="Email",
         max_length=255,
-        widget=forms.EmailInput(attrs={"id": "signup-email", "class": "input"}),
+        widget=forms.EmailInput(attrs={"id": "signup-email", "class": "input", "data-signup-target": "email"})
     )
     password = forms.CharField(
         label="Password",
         max_length=255,
-        widget=forms.PasswordInput(attrs={"id": "signup-password", "class": "input"}),
+        widget=forms.PasswordInput(attrs={"id": "signup-password", "class": "input", "data-signup-target": "password"})
     )
     password_confirm = forms.CharField(
         label="Confirm Password",
         max_length=255,
         widget=forms.PasswordInput(
-            attrs={"id": "signup-password-confirm", "class": "input"}
+            attrs={"id": "signup-password-confirm", "class": "input", "data-signup-target": "passwordConfirm"}
         ),
     )

app/app_template/templates/components/_nav.html

@@ -27,6 +27,7 @@
                 href="#"
                 class="nav__link"
                 id="logout"
+                data-action="click->navbar#logout"
         >
             Logout
         </a>

app/app_template/templates/pages/login.html

@@ -1,8 +1,8 @@
 <h1>Login</h1>
-<form id="login-form">
+<form id="login-form" data-controller="login">
     {% if user_does_not_exist %}
     <h2>The user does not exist or the password is wrong.</h2>
     {% endif %}
     {{ form.as_p }}
-    <input type="submit" class="button" value="Login">
+    <input type="submit" class="button" value="Login" data-action="click->login#sendFormLogin">
 </form>

app/app_template/templates/pages/signup.html

@@ -1,5 +1,5 @@
 <h1>Signup</h1>
-<form id="signup-form">
+<form id="signup-form" data-controller="signup">
     {% if user_exist %}
         <p>Email already exist</p>
     {% endif %}
@@ -7,5 +7,5 @@
         <p>Passwords do not match.</p>
     {% endif %}
     {{ form.as_p }}
-    <input type="submit" class="button" value="Signup">
+    <input type="submit" class="button" value="Signup" data-action="click->signup#sendFormSignup">
 </form>