more shit.

src/webui/mod.rs

@@ -69,7 +69,6 @@ pub async fn web_ui_main(port: u16, enable_template_autoreload: bool) -> std::io
             notifier.watch_path(&tmpl_path, true);
         }
         env.set_source(minijinja::Source::from_path(tmpl_path));
-        println!("boom");
         Ok(env)
     });
 
@@ -81,6 +80,8 @@ pub async fn web_ui_main(port: u16, enable_template_autoreload: bool) -> std::io
             .service(views::index)
             .service(views::actions)
             .service(views::overview)
+            .service(views::overview_submit_button)
+            .service(views::push_event)
             .wrap(ErrorHandlers::new().handler(StatusCode::NOT_FOUND, not_found))
             .wrap(Logger::default())
     })

src/webui/views.rs

@@ -1,8 +1,12 @@
-use crate::webui::MiniJinjaRenderer;
+use actix_web::{HttpRequest, Responder, web};
-use actix_web::{web, Responder};
 use actix_web::http::header::q;
+use clap::builder::TypedValueParser;
+use minijinja::context;
+use serde::Deserialize;
 use std::collections::HashMap;
 
+use crate::webui::MiniJinjaRenderer;
+
 #[actix_web::get("/")]
 pub async fn index(
     tmpl_env: MiniJinjaRenderer,
@@ -19,7 +23,6 @@ pub async fn actions(
     tmpl_env.render("actions.html", ())
 }
 
-
 #[actix_web::get("/overview")]
 pub async fn overview(
     tmpl_env: MiniJinjaRenderer,
@@ -27,3 +30,30 @@ pub async fn overview(
 ) -> actix_web::Result<impl Responder> {
     tmpl_env.render("overview.html", ())
 }
+
+#[actix_web::get("/partials/overview/submit_button")]
+pub async fn overview_submit_button(
+    req: HttpRequest,
+    tmpl_env: MiniJinjaRenderer,
+    query: web::Query<HashMap<String, String>>
+) -> actix_web::Result<impl Responder> {
+    let ctx = context! {
+        event_type => query.get("event_type").unwrap_or(&"".to_string()),
+    };
+    tmpl_env.render("partials/overview/submit_button.html", ctx)
+}
+
+#[actix_web::post("/v1/events/{event_type}")]
+pub async fn push_event(
+    req: HttpRequest,
+    tmpl_env: MiniJinjaRenderer,
+    query: web::Query<HashMap<String, String>>,
+) -> actix_web::Result<impl Responder> {
+    println!(">> {:?}", req);
+    let shit = req.match_info().get("event_type").unwrap();
+    let event = req.match_info().get("event").unwrap();
+    let ctx = context! {
+        event_type => shit,
+    };
+    tmpl_env.render("partials/v1/event_processed.html", ctx)
+}

templates/actions.html

@@ -8,40 +8,39 @@
   <form>
     <fieldset class="uk-fieldset">
 
-      <legend class="uk-legend">Legend</legend>
+      <legend class="uk-legend">Create new item</legend>
-
       <div class="uk-margin">
-        <input class="uk-input" type="text" placeholder="Input" aria-label="Input">
+        <select name="event_type"
-      </div>
+                class="uk-select"
-
+                aria-label="Select"
-      <div class="uk-margin">
+                class="uk-button uk-button-default"
-        <select class="uk-select" aria-label="Select">
+                hx-get="/partials/overview/submit_button"
-          <option>Option 01</option>
+                hx-trigger="change,load"
-          <option>Option 02</option>
+                hx-target="#submit-button"
+                hx-swap="outerHTML">>
+          <option value="create_user">Create User</option>
+          <option value="create_security">Create Security</option>
         </select>
       </div>
 
       <div class="uk-margin">
-        <textarea class="uk-textarea" rows="5" placeholder="Textarea" aria-label="Textarea"></textarea>
+        <label class="uk-form-label">Event [JSON5]</label>
+        <textarea class="uk-textarea"
+                  name="event"
+                  style="font: 0.875rem/1.5 Consolas,monaco,monospace"
+                  rows="5"
+                  placeholder="JSON"></textarea>
       </div>
-
+      <div id="submit-button"></div>
-      <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid">
+      <div id="parent-div"></div>
-        <label><input class="uk-radio" type="radio" name="radio2" checked> A</label>
-        <label><input class="uk-radio" type="radio" name="radio2"> B</label>
-      </div>
-
-      <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid">
-        <label><input class="uk-checkbox" type="checkbox" checked> A</label>
-        <label><input class="uk-checkbox" type="checkbox"> B</label>
-      </div>
-
-      <div class="uk-margin">
-        <input class="uk-range" type="range" value="2" min="0" max="10" step="0.1" aria-label="Range">
-      </div>
-
     </fieldset>
   </form>
 
+  <table class="uk-table uk-table-small">
+    <thead></thead>
+    <tbody id="event-table-first-row"></tbody>
+  </table>
+
 </div>
 
 {% endblock %}

templates/base.html

@@ -4,28 +4,35 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ledger</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.min.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/css/uikit.min.css" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/js/uikit.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/js/uikit-icons.min.js"></script>
     <script src="https://unpkg.com/htmx.org@1.8.5"></script>
   </head>
 
   <body>
-    <nav class="uk-navbar">
+
-      <a href="/" class="uk-navbar-brand">Ledger</a>
+
+    <nav class="uk-navbar-container" uk-navbar>
+      <div class="uk-navbar-left">
+        <a href="/" class="uk-navbar-item uk-logo">Ledger</a>
         <ul class="uk-navbar-nav">
           {% set nav_bar_items = [{'id': 'overview', 'label': 'Overview'},
           {'id': 'actions', 'label': 'Actions'}]%}
           {% for itm in nav_bar_items %}
-        <li class="{% if active_navbar_item == itm.id %}uk-active"{% else %} uk-parent {% endif %}"><a href="{{ itm.id }}">{{ itm.label }}</a></li>
+          <li class="{% if active_navbar_item == itm.id %}uk-active"{% endif %}"><a href="{{ itm.id }}">{{ itm.label }}</a></li>
           {% endfor %}
         </ul>
+      </div>
     </nav>
 
     <div class="uk-grid">
-      <div class="uk-width-2-3 uk-container-center">
+      <div class="uk-width-1-6@m"></div>
+      <div class="uk-width-2-3@m">
         {% block body %}
         {% endblock %}
       </div>
+      <div class="uk-width-1-6@m"></div>
     </div>
   </body>
 

templates/partials/overview/submit_button.html

@@ -0,0 +1,8 @@
+<button id="submit-button"
+        class="uk-button uk-button-default"
+        hx-post="/v1/events/{{event_type}}"
+        hx-trigger="click"
+        hx-target="#event-table-first-row"
+        hx-swap="outerHTML">
+  Submit
+</button>

templates/partials/v1/event_processed.html

@@ -0,0 +1,2 @@
+<tbody id="event-table-first-row"></tbody>
+<tr><td>une</td><td>{{ event_type }}</td></tr>