Going somewhere.

resources/templates/account.html

@@ -0,0 +1,10 @@
+{% set active_navbar_item = 'accounts' %}
+
+{% extends "base.html" %}
+
+{% block body %}
+
+<h1>Account!</h1>
+
+
+{% endblock %}

resources/templates/accounts.html

@@ -22,9 +22,9 @@
       <td><a href="/accounts/{{ account.id }}"><span uk-icon="info"></span></a></td>
       <td>{{ account.id }}</td>
       <td>{{ account.amount }}</td>
-      <td>{{ account.account_type }}</td>
+      <td style="font-variant: small-caps;">{{ account.account_type | replace("_", " ") | lower}}</td>
       <td>{{ account.last_update }}</td>
-      <td>{{ account.security_symbol }}</td>
+      <td style="font-variant: small-caps;">{{ account.security.symbol }}</td>
     </tr>
     {% endfor %}
   </tbody>

resources/templates/actions.html

@@ -16,10 +16,11 @@
                 hx-get="/partials/actions/action-form"
                 hx-trigger="change,load"
                 hx-target="#action-form"
-                hx-swap="innerHTML">>
+                hx-swap="innerHTML">
           <option value="create_user">Create User</option>
           <option value="create_security">Create Security</option>
           <option value="create_account">Create Account</option>
+          <option value="emit_securities">Emit Securities</option>
         </select>
       </div>
       <input type="hidden" name="initiator" value="bob le chef">

resources/templates/components/navbar.html

@@ -10,7 +10,7 @@
                               {'id': 'securities', 'label': 'Securities'},
                               {'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>
+      <li class="{% if active_navbar_item == itm.id %}uk-active"{% endif %}"><a href="/{{ itm.id }}">{{ itm.label }}</a></li>
       {% endfor %}
     </ul>
   </div>

resources/templates/partials/actions/accounts-by-security-selectors.html

@@ -0,0 +1,3 @@
+{% for account in accounts %}
+<option value="{{ account.id }}">{{ account.id }}</option>
+{% endfor %}

resources/templates/partials/actions/emit_securities.html

@@ -0,0 +1,42 @@
+<div class="uk-margin">
+  <label class="uk-form-label"> Emitter Account
+    <select class="uk-select"
+            name="event.EmitSecurities.emitter_account"
+            id="event.EmitSecurities.emitter_account"
+            hx-get="/partials/actions/accounts-by-security-selectors"
+            hx-trigger="change,load"
+            hx-target="#onetwothree"
+            hx-vals="js:{'sec-id': document.getElementById('event.EmitSecurities.emitter_account').options[document.getElementById('event.EmitSecurities.emitter_account').selectedIndex].getAttribute('data-sec-id')}"
+            hx-swap="innerHtml">
+      {% for account in emitter_accounts %}
+        <option value="{{ account.id }}" data-sec-id="{{ account.security.id }}">
+          {{ account.security.name }} ({{ account.security.symbol }})
+        </option>
+      {% endfor %}
+    </select>
+  </label>
+</div>
+
+
+<div class="uk-margin">
+  <label class="uk-form-label"> Payee Accounts
+    <select class="uk-select"
+            name="event.EmitSecurities.payee_accounts"
+            id="onetwothree"
+            multiple>
+    </select>
+  </label>
+</div>
+
+<div class="uk-margin">
+  <label class="uk-form-label"> Amount
+    <input class="uk-input"
+           type="number"
+           min="1"
+           placeholder="100 000" aria-label="Default"
+           name="event.EmitSecurities.amount"
+           required>
+  </label>
+</div>
+
+{%include "partials/actions/submit_button.html"%}

resources/templates/security.html

@@ -0,0 +1,10 @@
+{% set active_navbar_item = 'securities' %}
+
+{% extends "base.html" %}
+
+{% block body %}
+
+<h1>Security!</h1>
+
+
+{% endblock %}