From 2e25c505325f6fe45be9774bb17be9de2ef6cb90 Mon Sep 17 00:00:00 2001
From: Araozu <fernando@araozu.dev>
Date: Fri, 9 Feb 2024 20:37:11 -0500
Subject: [PATCH] Minimal htmx form

---
 src/controller/user.rs |  23 ++++++++++++++++++-----
 src/view/mod.rs        |  24 +++++++++++++++++-------
 static/img/favicon.png | Bin 0 -> 4987 bytes
 tailwind.config.js     |   7 ++++++-
 4 files changed, 41 insertions(+), 13 deletions(-)
 create mode 100644 static/img/favicon.png

diff --git a/src/controller/user.rs b/src/controller/user.rs
index 8b5d3c3..c2dbb3c 100644
--- a/src/controller/user.rs
+++ b/src/controller/user.rs
@@ -1,5 +1,5 @@
 use maud::{Markup, html};
-use rocket::form::Form;
+use rocket::{form::Form, http::Status};
 
 #[derive(FromForm, Debug)]
 pub struct UserCreate {
@@ -10,10 +10,23 @@ pub struct UserCreate {
 }
 
 #[post("/user", data = "<user>")]
-pub async fn create_user(user: Form<UserCreate>) -> Markup {
-    println!("Got a user: {:?}", user);
+pub async fn create_user(user: Form<UserCreate>) -> (Status, Markup) {
+    // Email domain must be eegsac.com
+    let email_domain = user.user_email.split('@').collect::<Vec<&str>>()[1];
 
-    html! {
-        ":D"
+    if email_domain != "eegsac.com" {
+        return (Status::BadRequest, html! {
+            div id="user_create_response" class="bg-red-500 text-white p-2 rounded" {
+                "El dominio del correo electrónico debe ser eegsac.com"
+            }
+        });
     }
+
+
+
+    (Status::Ok, html! {
+        div id="user_create_response" class="bg-green-700 text-white p-2 rounded" {
+            "Registrado con éxito"
+        }
+    })
 }
diff --git a/src/view/mod.rs b/src/view/mod.rs
index 45800dd..85fcd5e 100644
--- a/src/view/mod.rs
+++ b/src/view/mod.rs
@@ -8,24 +8,34 @@ pub fn index() -> Markup {
             head {
                 title { "EEGSAC" }
                 link rel="stylesheet" type="text/css" href="/static/css/output.css";
+                link rel="icon" type="image/png" href="/static/img/favicon.png";
                 script defer src="https://unpkg.com/htmx.org@1.9.10" crossorigin="anonymous" {}
+                script defer src="https://unpkg.com/htmx.org/dist/ext/response-targets.js" {}
             }
-            body {
+            body hx-ext="response-targets" {
                 h1 { "Registrar nuevo usuario" }
                 form
-                    action="/f/user"
-                    method="post"
+                    hx-post="/f/user"
+                    hx-target="#user_create_response"
+                    hx-target-400="#user_create_response"
+                    hx-swap="outerHTML"
                 {
-                    input type="text" name="user_names" placeholder="Nombres";
+                    input class="bg-c-bg text-c-on-bg border border-c-on-bg" 
+                        required type="text" name="user_names" placeholder="Nombres";
                     br;
-                    input type="text" name="user_surnames" placeholder="Apellidos";
+                    input class="bg-c-bg text-c-on-bg border border-c-on-bg"
+                        required type="text" name="user_surnames" placeholder="Apellidos";
                     br;
-                    input type="email" name="user_email" placeholder="Correo electrónico";
+                    input class="bg-c-bg text-c-on-bg border border-c-on-bg"
+                        required type="email" name="user_email" placeholder="Correo electrónico";
                     br;
-                    input type="password" name="user_password" placeholder="Contraseña";
+                    input class="bg-c-bg text-c-on-bg border border-c-on-bg"
+                        required type="password" name="user_password" placeholder="Contraseña";
                     br;
                     input type="submit" value="Registrar";
                 }
+                br;
+                div id="user_create_response" {}
             }
         }
     }
diff --git a/static/img/favicon.png b/static/img/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..48a4534c07fbc34506ceea85611d6ed96f0ee71e
GIT binary patch
literal 4987
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

literal 0
HcmV?d00001

diff --git a/tailwind.config.js b/tailwind.config.js
index 76320e9..e9c97ae 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,12 @@ module.exports = {
         "./src/**/*.{html,rs}",
     ],
     theme: {
-        extend: {},
+        extend: {
+            colors: {
+                "c-bg": "var(--c-bg)",
+                "c-on-bg": "var(--c-on-bg)",
+            }
+        },
     },
     plugins: [],
 }