From 6cf595a65a15c93cf3c663e6aa55e2a00b9b5821 Mon Sep 17 00:00:00 2001
From: Zynh0722 <Zynh0722@gmail.com>
Date: Sun, 5 Nov 2023 07:16:44 -0800
Subject: [PATCH] some stuff

---
 src/management.rs                             |  6 ++
 .../components/management_fragment.rs.html    |  2 +-
 templates/components/return_to_main.rs.html   |  4 +-
 templates/drinks.rs.html                      | 77 ++++++++++---------
 4 files changed, 52 insertions(+), 37 deletions(-)

diff --git a/src/management.rs b/src/management.rs
index f893976..7680be2 100644
--- a/src/management.rs
+++ b/src/management.rs
@@ -5,8 +5,14 @@ use crate::{AppState, axum_ructe::render};
 pub(crate) fn router() -> axum::Router<AppState> {
     axum::Router::new()
         .route("/", get(home))
+        .route("/dancers", get(dancers))
 }
 
 async fn home() -> impl IntoResponse {
     render!(crate::templates::management_html)
 }
+
+
+async fn dancers() -> impl IntoResponse {
+    render!(crate::templates::dancers_html)
+}
diff --git a/templates/components/management_fragment.rs.html b/templates/components/management_fragment.rs.html
index c279cde..28ebac3 100644
--- a/templates/components/management_fragment.rs.html
+++ b/templates/components/management_fragment.rs.html
@@ -7,7 +7,7 @@
     </a>
   </div>
   <div hx-boost="true">
-    <a href="/dancers">
+    <a href="/management/dancers">
       <button>Dancers</button>
     </a>
   </div>
diff --git a/templates/components/return_to_main.rs.html b/templates/components/return_to_main.rs.html
index 3f91ec5..da799bc 100644
--- a/templates/components/return_to_main.rs.html
+++ b/templates/components/return_to_main.rs.html
@@ -2,6 +2,8 @@
 
 <div hx-boost="true">
   <a href="/">
-    <button type="button">Return to Main Page</button>
+    <button type="button" class="focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2">
+      Return to Main Page
+    </button>
   </a>
 </div>
diff --git a/templates/drinks.rs.html b/templates/drinks.rs.html
index 0e83477..cd77e4f 100644
--- a/templates/drinks.rs.html
+++ b/templates/drinks.rs.html
@@ -1,44 +1,51 @@
 @use super::base_html;
+@use super::components::return_to_main_html;
 
 @(shift_id: u32)
 
 @:base_html({
 
-<form hx-swap="outerHTML" hx-post="/api/drinks" class="h-full flex items-center justify-center gap-28">
-  <fieldset class="flex flex-col text-4xl text-center overflow-hidden border border-black rounded-2xl">
-    <input hidden required type="radio" id="two" name="price" value="2" class="peer/two" />
-    <label class="p-4 hover:bg-blue-300 peer-checked/two:bg-blue-400" for="two">$2</label>
-
-    <input hidden type="radio" id="three" name="price" value="3" class="peer/three" />
-    <label class="p-4 hover:bg-blue-300 peer-checked/three:bg-blue-400" for="three">$3</label>
-
-    <input hidden type="radio" id="five" name="price" value="5" class="peer/five" />
-    <label class="p-4 hover:bg-blue-300 peer-checked/five:bg-blue-400" for="five">$5</label>
-
-    <input hidden type="radio" id="eight" name="price" value="8" class="peer/eight" />
-    <label class="p-4 hover:bg-blue-300 peer-checked/eight:bg-blue-400" for="eight">$8</label>
-
-    <input hidden type="radio" id="fifteen" name="price" value="15" class="peer/fifteen" />
-    <label class="p-4 hover:bg-blue-300 peer-checked/fifteen:bg-blue-400" for="fifteen">$15</label>
-  </fieldset>
-
-  <div class="flex flex-col items-center gap-24">
-    <div>
-      <div>
-        <label for="quantity" class="block mb-2 text-sm font-medium text-gray-900">Quantity: </label>
-        <div class="flex flex-col">
-          <button type="button" onclick="this.nextElementSibling.stepUp()" class="py-4 w-14 text-lg font-medium text-gray-900 focus:outline-none bg-white rounded-t-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200">+1</button>
-          <input type="number" id="quantity" name="quantity" step="1" value="1" class="bg-gray-50 border border-gray-300 text-gray-900 w-14 text-center text-2xl focus:ring-blue-500 focus:border-blue-500 block p-2.5"/>
-          <button type="button" onclick="this.previousElementSibling.stepDown()"  class="py-4 w-14 text-lg font-medium text-gray-900 focus:outline-none bg-white rounded-b-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200">-1</button>
-        </div>
-      </div>
-      <input type="hidden" id="shift_id" name="shift_id" value="@shift_id" />
-    </div>
-
-    <button type="submit" class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">
-      Submit
-    </button>
+<div hx-swap="outerHTML" hx-target="this" class="h-full">
+  <div class="fixed right-0 top-0 pr-4 pt-4">
+    @:return_to_main_html()
   </div>
-</form>
+
+  <form hx-swap="outerHTML" hx-post="/api/drinks" class="h-full flex items-center justify-center gap-28">
+    <fieldset class="flex flex-col text-4xl text-center overflow-hidden border border-black rounded-2xl">
+      <input hidden required type="radio" id="two" name="price" value="2" class="peer/two" />
+      <label class="p-4 hover:bg-blue-300 peer-checked/two:bg-blue-400" for="two">$2</label>
+
+      <input hidden type="radio" id="three" name="price" value="3" class="peer/three" />
+      <label class="p-4 hover:bg-blue-300 peer-checked/three:bg-blue-400" for="three">$3</label>
+
+      <input hidden type="radio" id="five" name="price" value="5" class="peer/five" />
+      <label class="p-4 hover:bg-blue-300 peer-checked/five:bg-blue-400" for="five">$5</label>
+
+      <input hidden type="radio" id="eight" name="price" value="8" class="peer/eight" />
+      <label class="p-4 hover:bg-blue-300 peer-checked/eight:bg-blue-400" for="eight">$8</label>
+
+      <input hidden type="radio" id="fifteen" name="price" value="15" class="peer/fifteen" />
+      <label class="p-4 hover:bg-blue-300 peer-checked/fifteen:bg-blue-400" for="fifteen">$15</label>
+    </fieldset>
+
+    <div class="flex flex-col items-center gap-24">
+      <div>
+        <div>
+          <label for="quantity" class="block mb-2 text-sm font-medium text-gray-900">Quantity: </label>
+          <div class="flex flex-col">
+            <button type="button" onclick="this.nextElementSibling.stepUp()" class="py-4 w-14 text-lg font-medium text-gray-900 focus:outline-none bg-white rounded-t-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200">+1</button>
+            <input type="number" id="quantity" name="quantity" step="1" value="1" class="bg-gray-50 border border-gray-300 text-gray-900 w-14 text-center text-2xl focus:ring-blue-500 focus:border-blue-500 block p-2.5"/>
+            <button type="button" onclick="this.previousElementSibling.stepDown()"  class="py-4 w-14 text-lg font-medium text-gray-900 focus:outline-none bg-white rounded-b-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200">-1</button>
+          </div>
+        </div>
+        <input type="hidden" id="shift_id" name="shift_id" value="@shift_id" />
+      </div>
+
+      <button type="submit" class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">
+        Submit
+      </button>
+    </div>
+  </form>
+</div>
 
 })