Show pending transactions

core/templates/partials/banks-transactions-list.html

@@ -3,6 +3,7 @@
 {% get_last_invalidation 'core.Aggregator' as last %}
 {% include 'mixins/partials/notify.html' %}
 {# cache 600 objects_banks_transactions request.user.id object_list type last #}
+
 <table
   class="table is-fullwidth is-hoverable"
   hx-target="#{{ context_object_name }}-table"
@@ -18,6 +19,7 @@
     <th>amount</th>
     <th>currency</th>
     <th>reference</th>
+    <th>state</th>
   </thead>
   {% for item in object_list %}
     <tr class="
@@ -28,7 +30,7 @@
       <td>
         <a
           class="has-text-grey"
-          onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ item.transaction_id }}/');">
+          onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ item.transaction_id }}');">
           <span class="icon" data-tooltip="Copy to clipboard">
             <i class="fa-solid fa-copy" aria-hidden="true"></i>
           </span>
@@ -50,6 +52,17 @@
       <td>{{ item.amount }}</td>
       <td>{{ item.currency }}</td>
       <td>{{ item.reference }}</td>
+      <td>
+        {% if item.state == 'pending' %}
+          <span class="icon has-text-warning" data-tooltip="Pending">
+            <i class="fa-solid fa-hourglass" aria-hidden="true"></i>
+          </span>
+        {% elif item.state == 'booked' %}
+          <span class="icon has-text-success" data-tooltip="Booked">
+            <i class="fa-solid fa-check" aria-hidden="true"></i>
+          </span>
+        {% endif %}
+      </td>
     </tr>
   {% endfor %}