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"