From cecd4e01041eb5d1d6a62b0eb7bc897bfe074123 Mon Sep 17 00:00:00 2001
From: Zynh0722 <Zynh0722@gmail.com>
Date: Mon, 6 Nov 2023 11:14:04 -0800
Subject: [PATCH] dancer management

---
 src/api.rs                          | 51 ++++++++++++++++++++++++++++-
 src/lib/models.rs                   |  2 +-
 src/main.rs                         |  2 ++
 src/management.rs                   | 20 ++++++++---
 templates/components/dancer.rs.html |  8 +++++
 templates/dancers.rs.html           | 47 +++++++++++++++++++++++---
 templates/drinks.rs.html            | 14 +++++---
 7 files changed, 129 insertions(+), 15 deletions(-)
 create mode 100644 templates/components/dancer.rs.html

diff --git a/src/api.rs b/src/api.rs
index 71b245b..a186e8d 100644
--- a/src/api.rs
+++ b/src/api.rs
@@ -9,7 +9,7 @@ use axum::{
 };
 use cm_lib::{
     hx_request::HxRequest,
-    models::{NewDrink, Shift},
+    models::{Dancer, NewDancer, NewDrink, Shift},
     render,
     schema::shifts,
 };
@@ -24,6 +24,7 @@ use crate::AppState;
 pub(crate) fn router() -> axum::Router<AppState> {
     axum::Router::new()
         .route("/drinks", post(add_drink))
+        .route("/dancers", post(add_dancer))
         .route("/shifts/open", post(open_shift))
         .route("/shifts/:id/close", post(close_shift))
         .route("/ada/updates", get(ada_subscribe))
@@ -128,6 +129,54 @@ async fn add_drink(
     )
 }
 
+#[derive(Deserialize, Debug)]
+struct DancerForm {
+    stage_name: String,
+    name: String,
+}
+
+impl<'a> DancerForm {
+    fn as_new_dancer(&'a self) -> NewDancer<'a> {
+        NewDancer {
+            stage_name: &self.stage_name,
+            name: &self.name,
+        }
+    }
+}
+
+async fn add_dancer(
+    State(state): State<AppState>,
+    Form(form): Form<DancerForm>,
+) -> impl IntoResponse {
+    let mut conn = state.connection.get().await.unwrap();
+
+    let inserted: Dancer = conn
+        .transaction(|mut conn| {
+            use cm_lib::schema::dancers::dsl::*;
+
+            async move {
+                diesel::insert_into(dancers)
+                    .values(form.as_new_dancer())
+                    .execute(&mut conn)
+                    .await
+                    .unwrap();
+
+                dancers
+                    .order(id.desc())
+                    .select(Dancer::as_select())
+                    .first(&mut conn)
+                    .await
+            }
+            .scope_boxed()
+        })
+        .await
+        .optional()
+        .unwrap()
+        .unwrap();
+
+    render!(crate::templates::components::dancer_html, inserted)
+}
+
 async fn ada_subscribe(
     State(state): State<AppState>,
 ) -> Sse<impl Stream<Item = Result<Event, BroadcastStreamRecvError>>> {
diff --git a/src/lib/models.rs b/src/lib/models.rs
index 1d148dd..1e41f63 100644
--- a/src/lib/models.rs
+++ b/src/lib/models.rs
@@ -21,7 +21,7 @@ pub struct Drink {
     pub time: chrono::NaiveDateTime,
 }
 
-#[derive(Identifiable, Queryable, Selectable, Debug)]
+#[derive(Identifiable, Queryable, Selectable, Debug, Clone)]
 #[diesel(table_name = crate::schema::dancers)]
 #[diesel(check_for_backend(diesel::mysql::Mysql))]
 pub struct Dancer {
diff --git a/src/main.rs b/src/main.rs
index ef60524..ff8799d 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -1,3 +1,5 @@
+#![feature(async_closure)]
+
 mod api;
 mod management;
 mod sse_handler;
diff --git a/src/management.rs b/src/management.rs
index 3d6d363..11292c0 100644
--- a/src/management.rs
+++ b/src/management.rs
@@ -1,5 +1,7 @@
-use axum::{response::IntoResponse, routing::get};
-use cm_lib::render;
+use axum::{extract::State, response::IntoResponse, routing::get};
+use cm_lib::{models::Dancer, render};
+use diesel::{QueryDsl, SelectableHelper};
+use diesel_async::RunQueryDsl;
 
 use crate::AppState;
 
@@ -13,6 +15,16 @@ async fn home() -> impl IntoResponse {
     render!(crate::templates::management_html)
 }
 
-async fn dancers() -> impl IntoResponse {
-    render!(crate::templates::dancers_html)
+async fn dancers(State(state): State<AppState>) -> impl IntoResponse {
+    use cm_lib::schema::dancers::dsl::*;
+
+    let mut conn = state.connection.get().await.unwrap();
+
+    let dancers_vec = dancers
+        .select(Dancer::as_select())
+        .load(&mut conn)
+        .await
+        .unwrap();
+
+    render!(crate::templates::dancers_html, dancers_vec)
 }
diff --git a/templates/components/dancer.rs.html b/templates/components/dancer.rs.html
new file mode 100644
index 0000000..619f967
--- /dev/null
+++ b/templates/components/dancer.rs.html
@@ -0,0 +1,8 @@
+@use cm_lib::models::Dancer;
+
+@(dancer: Dancer)
+
+<tr>
+  <td>@dancer.name</td>
+  <td>@dancer.stage_name</td>
+</tr>
diff --git a/templates/dancers.rs.html b/templates/dancers.rs.html
index 3f72189..16eeb90 100644
--- a/templates/dancers.rs.html
+++ b/templates/dancers.rs.html
@@ -1,7 +1,9 @@
 @use super::base_html;
 @use super::components::return_to_main_html;
+@use super::components::dancer_html;
+@use cm_lib::models::Dancer;
 
-@()
+@(dancers: Vec<Dancer>)
 
 @:base_html({
 
@@ -9,8 +11,45 @@
   @:return_to_main_html()
 </div>
 
-<div>
-  I have no dancers to show you :(
-</div>
+<form hx-post="/api/dancers" hx-target="next #dancer_list" hx-swap="afterbegin">
+  <div class="flex w-3/5">
+    <div class="relative">
+      <input type="text" id="name" name="name"
+        class="block px-2.5 pb-2.5 pt-4 w-full text-sm text-gray-900 bg-transparent rounded-lg border-2 border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer"
+        placeholder=" " />
+      <label for="name"
+        class="absolute text-sm text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-blue-600 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1">
+        Name
+      </label>
+    </div>
+    <div class="relative">
+      <input type="text" id="stage_name" name="stage_name"
+        class="block px-2.5 pb-2.5 pt-4 w-full text-sm text-gray-900 bg-transparent rounded-lg border-2 border-gray-300 appearance-none focus:outline-none focus:ring-0 focus:border-blue-600 peer"
+        placeholder=" " />
+      <label for="stage_name"
+        class="absolute text-sm text-gray-500 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-focus:px-2 peer-focus:text-blue-600 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 left-1">
+        Stage Name
+      </label>
+    </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">+</button>
+  </div>
+</form>
+
+<table>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Stage Name</th>
+    </tr>
+  </thead>
+  <tbody id="dancer_list">
+      @for dancer in dancers.into_iter() {
+
+        @:dancer_html(dancer)
+
+      }
+  </tbody>
+</table>
 
 })
diff --git a/templates/drinks.rs.html b/templates/drinks.rs.html
index b6cd2a0..0bd3421 100644
--- a/templates/drinks.rs.html
+++ b/templates/drinks.rs.html
@@ -10,7 +10,7 @@
     @:return_to_main_html()
   </div>
 
-  <form hx-swap="outerHTML" hx-post="/api/drinks" class="h-full flex items-center justify-center gap-28">
+  <form 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>
@@ -33,15 +33,19 @@
         <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-16 text-2xl 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-16 text-center text-3xl focus:ring-blue-500 focus:border-blue-500 block p-2.5"/>
-            <button type="button" onclick="this.previousElementSibling.stepDown()"  class="py-4 w-16 text-2xl 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>
+            <button type="button" onclick="this.nextElementSibling.stepUp()"
+              class="py-4 w-16 text-2xl 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-16 text-center text-3xl focus:ring-blue-500 focus:border-blue-500 block p-2.5" />
+            <button type="button" onclick="this.previousElementSibling.stepDown()"
+              class="py-4 w-16 text-2xl 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">
+      <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>