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

84 lines
2.6 KiB
HTML
Raw Normal View History

2022-10-17 06:20:30 +00:00
{% include 'partials/notify.html' %}
2022-10-21 23:15:27 +00:00
<table class="table is-fullwidth is-hoverable" id="positions-table">
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>quantity</th>
<th>value</th>
<th>P/L</th>
<th>side</th>
2022-10-17 06:20:30 +00:00
<th>actions</th>
</thead>
{% for item in items %}
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>
2022-10-21 23:15:27 +00:00
<td>{{ item.qty }}</td>
<td>{{ item.market_value }}</td>
<td>{{ item.unrealized_pl }}</td>
<td>{{ item.side }}</td>
2022-10-17 06:20:30 +00:00
<td>
<div class="buttons">
<button
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 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 }}"}'
2022-10-21 23:15:27 +00:00
hx-delete="#trade-close-confirm"
2022-10-17 06:20:30 +00:00
hx-trigger="click"
hx-target="#positions-table"
hx-confirm="Are you sure you wish to close {{ item.symbol }}?"
2022-10-17 06:20:30 +00:00
class="button is-danger">
<span class="icon-text">
2022-10-21 23:15:27 +00:00
<span class="icon">
2022-10-17 06:20:30 +00:00
<i class="fa-solid fa-trash"></i>
</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 is-success">
<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"
2022-10-17 06:20:30 +00:00
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>