more shit.

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">
-      </div>
-
-      <div class="uk-margin">
-        <select class="uk-select" aria-label="Select">
-          <option>Option 01</option>
-          <option>Option 02</option>
+        <select name="event_type"
+                class="uk-select"
+                aria-label="Select"
+                class="uk-button uk-button-default"
+                hx-get="/partials/overview/submit_button"
+                hx-trigger="change,load"
+                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 class="uk-margin uk-grid-small uk-child-width-auto uk-grid">
-        <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>
-
+      <div id="submit-button"></div>
+      <div id="parent-div"></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" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.23/dist/css/uikit.min.css" />
+    <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>
-      <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>
-        {% endfor %}
-      </ul>
+
+
+    <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"{% 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>