Some minor restructuring and improvements

2024-09-08 00:41:12 +02:00
parent ae6c1b590f
commit 828df3290a
17 changed files with 387 additions and 106 deletions
--- a/frontend/src/lib.rs
+++ b/frontend/src/lib.rs
@@ -0,0 +1,107 @@
+use leptos::*;
+use leptos_router::A;
+
+mod demo;
+pub use demo::Demo;
+
+#[leptos::component]
+pub fn demo_list_entry(demo: common::BaseDemoInfo) -> impl leptos::IntoView {
+    view! {
+        <li>
+            <A href=format!("/demo/{}", demo.id)>Demo: {demo.id}</A>
+        </li>
+    }
+}
+
+#[leptos::component]
+pub fn steam_login(height: &'static str, width: &'static str) -> impl leptos::IntoView {
+    view! {
+        <a href="/api/steam/login">
+            <img src="https://community.akamai.steamstatic.com/public/images/signinthroughsteam/sits_01.png" alt="Steam Login" style=format!("height: {height}; width: {width}") />
+        </a>
+    }
+}
+
+#[leptos::component]
+pub fn upload_demo() -> impl leptos::IntoView {
+    use leptos_router::Form;
+
+    view! {
+        <div>
+            <Form action="/api/demos/upload" method="post" enctype="multipart/form-data".to_string()>
+                <p> Select File to upload </p>
+                <input type="file" name="demo" id="demo"></input>
+                <input type="submit" value="Upload Image" name="submit"></input>
+            </Form>
+        </div>
+    }
+}
+
+#[leptos::component]
+pub fn top_bar() -> impl leptos::IntoView {
+    let style = stylers::style! {
+        "TopBar",
+        .bar {
+            width: 100%;
+            height: 4vh;
+            padding-top: 0.5vh;
+            padding-bottom: 0.5vh;
+
+            background-color: #28282f;
+            color: #d5d5d5;
+        }
+
+        .group {
+            display: inline-block;
+        }
+
+        .elem {
+            display: inline-block;
+        }
+
+        .logo {
+            color: #d5d5d5;
+        }
+    };
+
+    view! {class = style,
+        <div class="bar">
+            <A href="/" class="group">
+                <p class="logo">Knifer</p>
+            </A>
+            
+            <div class="group" style="float: right">
+                <div class="elem">
+                    Upload Demo
+                </div>
+
+                <div class="elem">
+                    <SteamLogin height="4vh" width="auto" />
+                </div>
+            </div>
+        </div>
+    }
+}
+
+#[leptos::component]
+pub fn homepage() -> impl leptos::IntoView {
+    let demo_data = create_resource(|| (), |_| async move {
+        let res = reqwasm::http::Request::get("/api/demos/list").send().await.unwrap();
+        let demos: Vec<common::BaseDemoInfo> = res.json().await.unwrap();
+        demos
+    });
+
+    view! {
+        <div>
+            <div>
+                <h2>Demos</h2>
+                <UploadDemo />
+            </div>
+            <ul>
+                { move || demo_data.get().unwrap_or_default().into_iter().map(|demo| crate::DemoListEntry(DemoListEntryProps {
+            demo
+        })).collect::<Vec<_>>() }
+            </ul>
+        </div>
+    }
+}