Added registration token lookup

2024-09-23 12:34:59 +02:00 · 2024-09-23 12:34:59 +02:00 · 91824dc82b
commit 91824dc82b
parent 122b420541
8 changed files with 236 additions and 38 deletions
--- a/assets/tailwind.css
+++ b/assets/tailwind.css
@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
 */

 /*
@ -754,6 +754,33 @@ html {
  --tw-contain-style:  ;
 }

+.badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 200ms;
+  height: 1.25rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding-left: 0.563rem;
+  padding-right: 0.563rem;
+  border-radius: var(--rounded-badge, 1.9rem);
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  --tw-bg-opacity: 1;
+  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+  --tw-text-opacity: 1;
+  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
+}
+
@media (hover:hover) {
  .label a:hover {
    --tw-text-opacity: 1;
@ -1227,6 +1254,10 @@ html {
  color: var(--fallback-bc,oklch(var(--bc)/0.3));
 }

+:where(.menu li) .badge {
+  justify-self: end;
+}
+
 .navbar {
  display: flex;
  align-items: center;
@ -1364,6 +1395,20 @@ input.tab:checked + .tab-content,
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
 }

+.badge-neutral {
+  --tw-border-opacity: 1;
+  border-color: var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity)));
+  --tw-bg-opacity: 1;
+  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
+  --tw-text-opacity: 1;
+  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+}
+
+.badge-outline.badge-neutral {
+  --tw-text-opacity: 1;
+  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
+}
+
 .btm-nav > *.disabled,
    .btm-nav > *[disabled] {
  pointer-events: none;
@ -1400,6 +1445,10 @@ input.tab:checked + .tab-content,
  .btn-primary {
    --btn-color: var(--fallback-p);
  }
+
+  .btn-neutral {
+    --btn-color: var(--fallback-n);
+  }
 }

@supports (color: color-mix(in oklab, black, black)) {
@ -1425,6 +1474,16 @@ input.tab:checked + .tab-content,
  .btn-primary {
    --btn-color: var(--p);
  }
+
+  .btn-neutral {
+    --btn-color: var(--n);
+  }
+}
+
+.btn-neutral {
+  --tw-text-opacity: 1;
+  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+  outline-color: var(--fallback-n,oklch(var(--n)/1));
 }

 .btn.glass {
@ -1691,6 +1750,10 @@ input.tab:checked + .tab-content,
  margin-inline-start: calc(var(--border-btn) * -1);
 }

+.join-item:focus {
+  isolation: isolate;
+}
+
 .loading {
  pointer-events: none;
  display: inline-block;
@ -2125,6 +2188,14 @@ input.tab:checked + .tab-content,
  }
 }

+.badge-lg {
+  height: 1.5rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  padding-left: 0.688rem;
+  padding-right: 0.688rem;
+}
+
 .btn-wide {
  width: 16rem;
 }
@ -2345,6 +2416,10 @@ input.tab:checked + .tab-content,
  margin-top: 2.5rem;
 }

+.mt-2 {
+  margin-top: 0.5rem;
+}
+
 .mt-20 {
  margin-top: 5rem;
 }
@ -2369,11 +2444,20 @@ input.tab:checked + .tab-content,
  display: contents;
 }

+.size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
 .size-8 {
  width: 2rem;
  height: 2rem;
 }

+.h-8 {
+  height: 2rem;
+}
+
 .h-\[30rem\] {
  height: 30rem;
 }
@ -2463,6 +2547,11 @@ input.tab:checked + .tab-content,
  gap: 1.25rem;
 }

+.gap-x-2 {
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
 .overflow-auto {
  overflow: auto;
 }
@ -2475,6 +2564,10 @@ input.tab:checked + .tab-content,
  overflow-y: auto;
 }

+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .bg-base-200 {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
@ -2513,6 +2606,10 @@ input.tab:checked + .tab-content,
  padding-bottom: 2.5rem;
 }

+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
 .text-center {
  text-align: center;
 }
@ -2558,3 +2655,7 @@ input.tab:checked + .tab-content,
 .hover\:cursor-pointer:hover {
  cursor: pointer;
 }
+
+.hover\:line-through:hover {
+  text-decoration-line: line-through;
+}
--- a/devenv.lock
+++ b/devenv.lock
@ -3,11 +3,11 @@
    "devenv": {
      "locked": {
        "dir": "src/modules",
-        "lastModified": 1725637114,
+        "lastModified": 1726826452,
        "owner": "cachix",
        "repo": "devenv",
-        "rev": "c31e347a96dbb7718a0279afa993752a7dfc6a39",
-        "treeHash": "e0dfcbbfb0974603336900406b364bd4d1308fa4",
+        "rev": "2bdf6461e88c7e93b94d72d8b11d5a61f167cbf5",
+        "treeHash": "e10f5d7f21ef64fb0a9c269c400af0cd8f43fb35",
        "type": "github"
      },
      "original": {
@ -25,11 +25,11 @@
        "rust-analyzer-src": "rust-analyzer-src"
      },
      "locked": {
-        "lastModified": 1725690497,
+        "lastModified": 1726986637,
        "owner": "nix-community",
        "repo": "fenix",
-        "rev": "4b8d964df93d1f918ee6c4f003b3548c432cc866",
-        "treeHash": "0b0da47066a273999c379058d109204c9fb5296a",
+        "rev": "f5a9b01cd81b46228b3737669e8275b1f2da7d35",
+        "treeHash": "97be3a5a79be99410ddfc81f61377daba4df0ec5",
        "type": "github"
      },
      "original": {
@ -77,27 +77,27 @@
    },
    "nixpkgs": {
      "locked": {
-        "lastModified": 1725534445,
+        "lastModified": 1726838390,
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "9bb1e7571aadf31ddb4af77fc64b2d59580f9a39",
-        "treeHash": "42b4c844752e33185e2fac3d506d150637caae7d",
+        "rev": "944b2aea7f0a2d7c79f72468106bc5510cbf5101",
+        "treeHash": "5ff7724fe1272ea9b66c97c25e00bb1dc9782aaf",
        "type": "github"
      },
      "original": {
        "owner": "NixOS",
-        "ref": "nixpkgs-unstable",
+        "ref": "nixos-24.05",
        "repo": "nixpkgs",
        "type": "github"
      }
    },
    "nixpkgs-stable": {
      "locked": {
-        "lastModified": 1725407940,
+        "lastModified": 1726838390,
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "6f6c45b5134a8ee2e465164811e451dcb5ad86e3",
-        "treeHash": "f65d5344b23cfbe3695140b602bc463349b26638",
+        "rev": "944b2aea7f0a2d7c79f72468106bc5510cbf5101",
+        "treeHash": "5ff7724fe1272ea9b66c97c25e00bb1dc9782aaf",
        "type": "github"
      },
      "original": {
@ -117,11 +117,11 @@
        "nixpkgs-stable": "nixpkgs-stable"
      },
      "locked": {
-        "lastModified": 1725513492,
+        "lastModified": 1726745158,
        "owner": "cachix",
        "repo": "pre-commit-hooks.nix",
-        "rev": "7570de7b9b504cfe92025dd1be797bf546f66528",
-        "treeHash": "4b46d77870afecd8f642541cb4f4927326343b59",
+        "rev": "4e743a6920eab45e8ba0fbe49dc459f1423a4b74",
+        "treeHash": "56fbe2a9610b3ad9163a74011131e7624f6b3b81",
        "type": "github"
      },
      "original": {
@ -141,11 +141,11 @@
    "rust-analyzer-src": {
      "flake": false,
      "locked": {
-        "lastModified": 1725630423,
+        "lastModified": 1726443025,
        "owner": "rust-lang",
        "repo": "rust-analyzer",
-        "rev": "08c7bbc2dbe4dcc8968484f1a0e1e6fe7a1d4f6d",
-        "treeHash": "0a74bbe7a31e26686dab5792be52a87dbd0d36b3",
+        "rev": "94b526fc86eaa0e90fb4d54a5ba6313aa1e9b269",
+        "treeHash": "3a9ddbe34b25b2921864f029988d2d48049b2d4a",
        "type": "github"
      },
      "original": {
--- a/devenv.nix
+++ b/devenv.nix
@ -4,7 +4,7 @@
  # https://devenv.sh/basics/
  env.GREET = "devenv";
  env.LIBCLANG_PATH = "${pkgs.libclang.lib}/lib";
-  env.BINDGEN_EXTRA_CLANG_ARGS = "-I ${pkgs.libclang.lib}/lib/clang/18/include";
+  env.BINDGEN_EXTRA_CLANG_ARGS = "-I ${pkgs.libclang.lib}/lib/clang/17/include";

  # https://devenv.sh/packages/
  packages = [ pkgs.openssl pkgs.git pkgs.tailwindcss pkgs.watchexec pkgs.libclang pkgs.clang ];
--- a/devenv.yaml
+++ b/devenv.yaml
@ -1,6 +1,6 @@
 inputs:
  nixpkgs:
-    url: github:NixOS/nixpkgs/nixpkgs-unstable
+    url: github:NixOS/nixpkgs/nixos-24.05
  fenix:
    url: github:nix-community/fenix
    inputs:
--- a/src/components/layout.rs
+++ b/src/components/layout.rs
@ -35,6 +35,6 @@ pub fn Global() -> Element {

 #[server]
 async fn get_user_from_cookie() -> Result<(), ServerFnError> {
-    // Err(ServerFnError::new("Not authenticated"))
-    Ok(())
+    Err(ServerFnError::new("Not authenticated"))
+    // Ok(())
 }
--- a/src/components/layout/auth.rs
+++ b/src/components/layout/auth.rs
@ -1,5 +1,8 @@
 use dioxus::prelude::*;

+use crate::components::layout::icons;
+use crate::util::model::member::Member;
+
 pub fn Auth() -> Element {
    let mut register = use_signal(|| false);

@ -77,26 +80,63 @@ fn Login() -> Element {
 }

 fn Register() -> Element {
+    let mut members: Signal<Vec<Member>> = use_signal(|| vec![]);
+    let mut input_registration_token = use_signal(|| "".to_string());
+
    rsx! {
-        form {
-            label {
-                class: "form-control w-full",
-                div {
-                    class: "label",
-                    span { class: "label-text", "Registratie code" },
-                }
-                input {
-                    r#type: "text",
-                    class: "input input-bordered w-full",
-                },
+        label {
+            class: "form-control w-full join-item",
+            div {
+                class: "label",
+                span { class: "label-text", "Registratie code" },
            }
            div {
-                class: "card-actions mt-8",
+                class: "w-full join",
+                input {
+                    r#type: "text",
+                    class: "input input-bordered w-full join-item",
+                    value: "{input_registration_token}",
+                    oninput: move |event| input_registration_token.set(event.value())
+                },
                button {
-                    class: "btn btn-primary",
-                    "Registreren"
+                    class: "btn join-item btn-neutral",
+                    onclick: move |_| async move {
+                        if let Ok(res) = fetch_member(input_registration_token()).await {
+                            members.push(res);
+                            input_registration_token.set("".to_string());
+                        }
+                    },
+                    icons::UserPlus {},
+                    "Toevoegen",
                }
            }
+            div {
+                class: "flex gap-x-2 mt-2 overflow-x-auto pb-3",
+                for member in &*members.read() {
+                    div {
+                        class: "badge badge-lg badge-neutral h-8 gap-1 hover:cursor-pointer hover:line-through whitespace-nowrap",
+                        "{member.name.full}"
+                        icons::XMark {},
+                    }
+                }
+            }
+        }
+        div {
+            class: "card-actions mt-8",
+            button {
+                class: "btn btn-primary",
+                "Volgende"
+            }
        }
    }
 }
+
+#[server]
+async fn fetch_member(registration_token: String) -> Result<Member, ServerFnError> {
+    let member = Member::fetch_from_registration_token(registration_token).await?;
+
+    match member {
+        Some(m) => Ok(m),
+        None => Err(ServerFnError::new("Lid niet gevonden")),
+    }
+}
--- a/src/components/layout/icons.rs
+++ b/src/components/layout/icons.rs
@ -1,5 +1,7 @@
 use dioxus::prelude::*;

+// Icons are from heroicons (https://icones.js.org/collection/heroicons)
+
 #[component]
 pub fn Home() -> Element {
    rsx! {
@ -80,3 +82,42 @@ pub fn Cog() -> Element {
        }
    }
 }
+
+#[component]
+pub fn UserPlus() -> Element {
+    rsx! {
+        svg {
+            "viewBox": "0 0 24 24",
+            height: "32",
+            "xmlns": "http://www.w3.org/2000/svg",
+            width: "32",
+            path {
+                "fill": "none",
+                "stroke": "currentColor",
+                "stroke-linecap": "round",
+                "d": "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0a3.375 3.375 0 0 1 6.75 0M3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.3 12.3 0 0 1 9.374 21C7.043 21 4.862 20.355 3 19.234",
+                "stroke-linejoin": "round",
+                "stroke-width": "1.5"
+            }
+        }
+    }
+}
+
+#[component]
+pub fn XMark() -> Element {
+    rsx! {
+        svg {
+            "stroke": "currentColor",
+            "viewBox": "0 0 24 24",
+            "stroke-width": "1.5",
+            "fill": "none",
+            "xmlns": "http://www.w3.org/2000/svg",
+            class: "size-6",
+            path {
+                "d": "M6 18 18 6M6 6l12 12",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+            }
+        }
+    }
+}
--- a/src/util/model/member.rs
+++ b/src/util/model/member.rs
@ -35,8 +35,24 @@ impl Member {

        let members: Vec<Self> = res.take(0)?;

+        tracing::info!("{:?}", members);
+
        Ok(members)
    }
+
+    pub async fn fetch_from_registration_token(
+        registration_token: String,
+    ) -> Result<Option<Self>, surrealdb::Error> {
+        let _ = Self::fetch_all().await?;
+
+        let query = format!("SELECT meta::id(id) as id, name.first, name.full, hours, groups, diploma, registration_token FROM ONLY member WHERE registration_token = {} LIMIT 1", registration_token);
+
+        let mut res = DB.query(query).await?;
+
+        let member: Option<Self> = res.take(0)?;
+
+        Ok(member)
+    }
 }

 impl MembersMigration {