add(ui): ability to log out

crates/app/src/public/html/auth/login.html

@@ -1,7 +1,7 @@
 {% extends "auth/base.html" %} {% block head %}
 <title>Login</title>
 {% endblock %} {% block title %}Login{% endblock %} {% block content %}
-<form class="w-full flex flex-col gap-4">
+<form class="w-full flex flex-col gap-4" onsubmit="login(event)">
     <div class="flex flex-col gap-1">
         <label for="username"><b>Username</b></label>
         <input
@@ -26,6 +26,35 @@
 
     <button>Submit</button>
 </form>
+
+<script>
+    function login(e) {
+        e.preventDefault();
+        fetch("/api/v1/auth/login", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                username: e.target.username.value,
+                password: e.target.password.value,
+            }),
+        })
+            .then((res) => res.json())
+            .then((res) => {
+                trigger("atto::toast", [
+                    res.ok ? "sucesss" : "error",
+                    res.message,
+                ]);
+
+                if (res.ok) {
+                    setTimeout(() => {
+                        window.location.href = "/";
+                    }, 150);
+                }
+            });
+    }
+</script>
 {% endblock %} {% block footer %}
 <span class="small w-full text-center"
     >Or, <a href="/auth/register">register</a></span