fisk/core/templates/partials/trade-list.html

{% include 'partials/notify.html' %}

<table
  class="table is-fullwidth is-hoverable"
  hx-target="#{{ context_object_name }}-table"
  id="{{ context_object_name }}-table"
  hx-swap="outerHTML"
  hx-trigger="{{ context_object_name_singular }}Event from:body"
  hx-get="{{ list_url }}">
  <thead>
    <th>id</th>
    <th>status</th>
    <th>account id</th>
    <th>symbol</th>
    <th>type</th>
    <th>amount</th>
    <th>price</th>
    <th>SL</th>
    <th>TL</th>
    <th>actions</th>
  </thead>
  {% for item in object_list %}
    <tr>
      <td>{{ item.id }}</td>
      <td>{{ item.status }}</td>
      <td>{{ item.account.id }}</td>
      <td>{{ item.symbol }}</td>
      <td>{{ item.type }}</td>
      <td>{{ item.amount }}</td>
      <td>{{ item.price }}</td>
      <td>{{ item.stop_loss }}</td>
      <td>{{ item.take_profit }}</td>
      <td>
        <div class="buttons">
          <button
            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
            hx-get="{% url 'trade_update' type=type pk=item.id %}"
            hx-trigger="click"
            hx-target="#{{ type }}s-here"
            hx-swap="innerHTML"
            class="button is-info">
            <span class="icon-text">
              <span class="icon">
                <i class="fa-solid fa-pencil"></i>
              </span>
            </span>
          </button>
          <button
            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
            hx-delete="{% url 'trade_delete' type=type pk=item.id %}"
            hx-trigger="click"
            hx-target="#modals-here"
            hx-swap="innerHTML"
            class="button is-danger">
            <span class="icon-text">
              <span class="icon">
                <i class="fa-solid fa-trash"></i>
              </span>
            </span>
          </button>
          {% if type == 'page' %}
            <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>
              </button>
            </a>
          {% else %}
            <button
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-get="{% url 'trade_action' type=type trade_id=item.id %}"
              hx-trigger="click"
              hx-target="#{{ type }}s-here"
              hx-swap="innerHTML"
              class="button is-success">
              <span class="icon-text">
                <span class="icon">
                  <i class="fa-solid fa-eye"></i>
                </span>
              </span>
            </button>
          {% endif %}
        </div>
      </td>
    </tr>
  {% endfor %}

</table>