first commit

src/app.rs

@@ -0,0 +1,157 @@
+use cfg_if::cfg_if;
+use leptos::*;
+use leptos_meta::*;
+use leptos_router::*;
+use serde::{Deserialize, Serialize};
+
+pub struct Option {
+    value: &'static str,
+    name: &'static str,
+    topic: &'static str,
+}
+
+pub const OPTIONS: &[Option] = &[
+    Option {
+        value: "citerne",
+        name: "Citerne",
+        topic: "home/citerne/height",
+    },
+    Option {
+        value: "eau",
+        name: "Eau",
+        topic: "home/eau/volume",
+    },
+    Option {
+        value: "elec-hight",
+        name: "Electricité heure pleine",
+        topic: "home/elec-hight/pleine",
+    },
+    Option {
+        value: "elec-low",
+        name: "Electricité heure creuse",
+        topic: "home/elec-low/creuse",
+    },
+];
+
+#[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
+pub struct Value {
+    id: u16,
+    service: String,
+    capteur: String,
+    type_donnee: String,
+    donnee: String,
+}
+
+#[derive(Clone, Debug, PartialEq, Eq, Serialize, Deserialize)]
+#[cfg_attr(feature = "ssr", derive(sqlx::FromRow))]
+struct HeftyData {
+    capteur: String,
+    value: String,
+}
+
+#[cfg(feature = "ssr")]
+pub mod ssr {
+    // use http::{header::SET_COOKIE, HeaderMap, HeaderValue, StatusCode};
+    use leptos::server_fn::ServerFnError;
+    use sqlx::{Connection, SqliteConnection};
+
+    pub async fn db() -> Result<SqliteConnection, ServerFnError> {
+        Ok(SqliteConnection::connect("sqlite:Todos.db").await?)
+    }
+}
+
+#[component]
+pub fn App() -> impl IntoView {
+    provide_meta_context();
+
+    view! {
+
+        <Stylesheet id="leptos" href="/pkg/tailwind.css"/>
+        <Link rel="shortcut icon" type_="image/ico" href="/favicon.ico"/>
+        <Router>
+            <nav class="px-2 py-1 flex gap-3">
+                <a href="/">Home</a>
+                <a href="/formulaire">Formulaire</a>
+            </nav>
+            <main class="dark:bg-slate-900 text-gray-50 h-screen">
+            <Routes>
+                <Route path="" view=  move || view! { <Home/> }/>
+                <Route path="/formulaire" view=  move || view! { <Form/> }/>
+            </Routes>
+            </main>
+        </Router>
+    }
+}
+
+#[component]
+fn Home() -> impl IntoView {
+    let (count, set_count) = create_signal(0);
+
+    view! {
+        <div class="my-0 mx-auto max-w-3xl text-center">
+            <h2 class="p-6 text-4xl">"Welcome to Leptos with Tailwind"</h2>
+            <p class="px-10 pb-10 text-left">"Tailwind will scan your Rust files for Tailwind class names and compile them into a CSS file."</p>
+            <button
+                class="bg-amber-600 hover:bg-sky-700 px-5 py-3 text-white rounded-lg"
+                on:click=move |_| set_count.update(|count| *count += 1)
+            >
+                "Something's here | "
+                {move || if count() == 0 {
+                    "Click me!".to_string()
+                } else {
+                    count().to_string()
+                }}
+                " | Some more text"
+            </button>
+        </div>
+    }
+}
+
+#[component]
+fn Form() -> impl IntoView {
+    let add_value = create_server_action::<AddValue>();
+    let value = add_value.value();
+    let has_error = move || value.with(|val| matches!(val, Some(Err(_))));
+
+    view! {
+        <div class="my-0 mx-auto max-w-3xl text-center">
+            <h2 class="p-6 text-4xl">"Form"</h2>
+
+            <ActionForm action=add_value>
+                <div>
+                    <label class="block">Capteur</label>
+                    <select name="hefty_arg[capteur]">
+                    {OPTIONS.into_iter()
+                                .map(|option| view! { <option value={option.value}>{option.name}</option>})
+                                .collect::<Vec<_>>()}
+                    </select>
+                </div>
+                <div>
+                    <label class="block">Valeur</label>
+                    <input type="text" name="hefty_arg[value]" />
+                </div>
+                <div>
+                    <button type="submit">Valider</button>
+                </div>
+            </ActionForm>
+        </div>
+    }
+}
+
+#[server(AddValue, "/api/add-value")]
+pub async fn add_value(hefty_arg: HeftyData) -> Result<(), ServerFnError> {
+    use self::ssr::*;
+    let mut conn = db().await?;
+
+    dbg!(&hefty_arg);
+
+    match sqlx::query("INSERT INTO donnees (service, donnee) VALUES ($1, $2)")
+        .bind(hefty_arg.capteur)
+        .bind(hefty_arg.value)
+        .execute(&mut conn)
+        .await
+    {
+        Ok(_) => Ok(()),
+        Err(e) => Err(ServerFnError::ServerError(e.to_string())),
+    }
+}