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

103 lines
3.3 KiB
HTML
Raw Normal View History

2022-10-17 06:20:30 +00:00
{% include 'partials/notify.html' %}
2022-12-02 07:20:37 +00:00
<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, every 5s"
2022-12-02 07:20:37 +00:00
hx-get="{{ list_url }}">
2022-10-17 06:20:30 +00:00
<thead>
2022-10-21 23:15:27 +00:00
<th>account</th>
<th>asset</th>
<th>price</th>
<th>units</th>
<th>quote</th>
2022-10-21 23:15:27 +00:00
<th>P/L</th>
<th>side</th>
2022-11-29 07:20:39 +00:00
<th>trades</th>
2022-10-17 06:20:30 +00:00
<th>actions</th>
</thead>
2022-12-08 07:20:07 +00:00
{% for item in object_list %}
2022-10-21 23:15:27 +00:00
<tr class="
{% if item.unrealized_pl > 0 %}has-background-success-light
{% elif item.unrealized_pl < 0 %}has-background-danger-light
{% endif %}">
2022-11-02 18:24:56 +00:00
<td>{{ item.account }}</td>
2022-10-21 23:15:27 +00:00
<td>{{ item.symbol }}</td>
2022-11-02 18:24:56 +00:00
<td>{{ item.price }}</td>
<td>{{ item.units }}</td>
<td>{{ item.value }}</td>
2022-10-21 23:15:27 +00:00
<td>{{ item.unrealized_pl }}</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>
2022-11-29 07:20:39 +00:00
<td>{{ item.trade_ids|length }}</td>
2022-10-17 06:20:30 +00:00
<td>
<div class="buttons">
2022-12-02 07:20:37 +00:00
<!-- <button
2022-10-17 06:20:30 +00:00
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
hx-get="#"
2022-10-17 06:20:30 +00:00
hx-trigger="click"
hx-target="#{{ type }}s-here"
class="button">
2022-10-17 06:20:30 +00:00
<span class="icon-text">
<span class="icon">
<i class="fa-solid fa-pencil"></i>
</span>
</span>
2022-12-02 07:20:37 +00:00
</button> -->
2022-10-17 06:20:30 +00:00
<button
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
2022-12-02 07:20:37 +00:00
hx-delete="{% url 'position_action' side=item.side account_id=item.account_id symbol=item.symbol %}"
2022-10-17 06:20:30 +00:00
hx-trigger="click"
2022-12-02 07:20:37 +00:00
hx-target="#notification"
hx-swap="outerHTML"
hx-confirm="Are you sure you wish to close {{ item.symbol }}?"
class="button">
2022-10-17 06:20:30 +00:00
<span class="icon-text">
2022-10-21 23:15:27 +00:00
<span class="icon">
<i class="fa-solid fa-xmark"></i>
2022-10-17 06:20:30 +00:00
</span>
</span>
</button>
{% if type == 'page' %}
2022-11-02 18:24:56 +00:00
<a href="{% url 'position_action' type=type account_id=item.account_id symbol=item.symbol %}">
2022-10-21 23:15:27 +00:00
<button
class="button">
2022-10-21 23:15:27 +00:00
<span class="icon-text">
<span class="icon">
<i class="fa-solid fa-eye"></i>
</span>
2022-10-17 06:20:30 +00:00
</span>
2022-10-21 23:15:27 +00:00
</button>
2022-10-17 06:20:30 +00:00
</a>
{% else %}
<button
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
2022-11-02 18:24:56 +00:00
hx-get="{% url 'position_action' type=type account_id=item.account_id symbol=item.symbol %}"
2022-10-17 06:20:30 +00:00
hx-trigger="click"
hx-target="#{{ type }}s-here"
2022-10-29 13:24:09 +00:00
hx-swap="innerHTML"
class="button">
2022-10-17 06:20:30 +00:00
<span class="icon-text">
<span class="icon">
<i class="fa-solid fa-eye"></i>
</span>
</span>
</button>
{% endif %}
</div>
</td>
</tr>
{% endfor %}
</table>