Improve navigating trades and positions by cross-linking

core/templates/partials/error.html

@@ -0,0 +1,5 @@
+{% extends 'base.html' %}
+
+{% block content %}
+  {% include 'partials/notify.html' %}
+{% endblock %}

core/templates/partials/position-list.html

@@ -4,10 +4,11 @@
     <th>account</th>
     <th>asset</th>
     <th>price</th>
-    <th>value in base</th>
-    <th>value in quote</th>
+    <th>units</th>
+    <th>quote</th>
     <th>P/L</th>
     <th>side</th>
+    <th>stored</th>
     <th>actions</th>
   </thead>
   {% for item in items %}
@@ -21,7 +22,18 @@
       <td>{{ item.units }}</td>
       <td>{{ item.value }}</td>
       <td>{{ item.unrealized_pl }}</td>
-      <td>{{ item.side }}</td>
+      <td>
+        {% if item.side == 'long' %}
+          <span class="icon has-text-success" data-tooltip="long">
+            <i class="fa-solid fa-up"></i>
+          </span>
+        {% elif item.side == 'short' %}
+          <span class="icon has-text-danger" data-tooltip="short">
+            <i class="fa-solid fa-down"></i>
+          </span>
+        {% endif %}
+      </td>
+      <td>{{ item.trades|length }}</td>
       <td>
         <div class="buttons">
           <button

core/templates/partials/trade-list.html

@@ -59,19 +59,20 @@
             </span>
           </button>
           {% if type == 'page' %}
-            <a href="#"><button
-              class="button is-success">
-              <span class="icon-text">
-                <span class="icon">
-                  <i class="fa-solid fa-eye"></i>
+            <a href="{% url 'trade_action' type=type trade_id=item.id %}">
+              <button
+                class="button is-success">
+                <span class="icon-text">
+                  <span class="icon">
+                    <i class="fa-solid fa-eye"></i>
+                  </span>
                 </span>
-              </span>
-            </button>
+              </button>
             </a>
           {% else %}
             <button
               hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-              hx-get="#"
+              hx-get="{% url 'trade_action' type=type trade_id=item.id %}"
               hx-trigger="click"
               hx-target="#{{ type }}s-here"
               hx-swap="innerHTML"

core/templates/window-content/trade.html

@@ -1,3 +1,53 @@
-TRADE DETAILS
-{{ items }}
-{{ status }}
+{% load pretty %}
+{% include 'partials/notify.html' %}
+
+<h1 class="title">Live information</h1>
+<table class="table is-fullwidth is-hoverable">
+  <thead>
+    <th>attribute</th>
+    <th>value</th>
+  </thead>
+  <tbody>
+    {% for key, item in live_info.items %}
+      <tr>
+        <th>{{ key }}</th>
+        <td>
+          {% if item is not None %}
+            {{ item }}
+          {% endif %}
+        </td>
+      </tr>
+    {% endfor %}
+  </tbody>
+</table>
+
+<h1 class="title">Stored information</h1>
+<table class="table is-fullwidth is-hoverable">
+  <thead>
+    <th>attribute</th>
+    <th>value</th>
+  </thead>
+  <tbody>
+    {% for key, item in db_info.items %}
+      {% if key == 'instruments' %}
+        <tr>
+          <th>{{ key }}</th>
+          <td>
+            {% if item is not None %}
+              <pre>{{ item|pretty }}</pre>
+            {% endif %}
+          </td>
+        </tr>
+      {% else %}
+        <tr>
+          <th>{{ key }}</th>
+          <td>
+            {% if item is not None %}
+              {{ item }}
+            {% endif %}
+          </td>
+        </tr>
+      {% endif %}
+    {% endfor %}
+  </tbody>
+</table>

core/templates/window-content/view-position.html

@@ -1,5 +1,6 @@
 {% include 'partials/notify.html' %}
 <h1 class="title">Live information</h1>
+{{ valid_trade_ids }}
 <table class="table is-fullwidth is-hoverable">
   <thead>
     <th>attribute</th>
@@ -8,12 +9,31 @@
   <tbody>
     {% for key, item in items.items %}
       <tr>
-        <th>{{ key }}</th>
-        <td>
-          {% if item is not None %}
-            {{ item }}
-          {% endif %}
-        </td>
+        {% if key == 'trade_ids' %}
+          <th>{{ key }}</th>
+          <td>
+            {% if item is not None %}
+              {% for trade_id in item %}
+                <button
+                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                  hx-get="{% url 'trade_action' type=type trade_id=trade_id %}"
+                  hx-trigger="click"
+                  hx-target="#modals-here"
+                  hx-swap="innerHTML"
+                  class="button is-small {% if trade_id in valid_trade_ids %}is-primary{% else %}is-warning{% endif %}">
+                  {{ trade_id }}
+                </button>
+              {% endfor %}
+            {% endif %}
+          </td>
+        {% else %}
+          <th>{{ key }}</th>
+          <td>
+            {% if item is not None %}
+              {{ item }}
+            {% endif %}
+          </td>
+        {% endif %}
       </tr>
     {% endfor %}
   </tbody>