83 lines
2.4 KiB
HTML
83 lines
2.4 KiB
HTML
{% include 'partials/notify.html' %}
|
|
|
|
<table class="table is-fullwidth is-hoverable" id="positions-table">
|
|
<thead>
|
|
<th>account</th>
|
|
<th>asset</th>
|
|
<th>price</th>
|
|
<th>quantity</th>
|
|
<th>value</th>
|
|
<th>P/L</th>
|
|
<th>side</th>
|
|
<th>actions</th>
|
|
</thead>
|
|
{% for item in items %}
|
|
<tr class="
|
|
{% if item.unrealized_pl > 0 %}has-background-success-light
|
|
{% elif item.unrealized_pl < 0 %}has-background-danger-light
|
|
{% endif %}">
|
|
<td>{{ item.account_id }}</td>
|
|
<td>{{ item.symbol }}</td>
|
|
<td>{{ item.current_price }}</td>
|
|
<td>{{ item.qty }}</td>
|
|
<td>{{ item.market_value }}</td>
|
|
<td>{{ item.unrealized_pl }}</td>
|
|
<td>{{ item.side }}</td>
|
|
<td>
|
|
<div class="buttons">
|
|
<button
|
|
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
|
hx-get="#trade-edit"
|
|
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 }}"}'
|
|
hx-delete="#trade-close-confirm"
|
|
hx-trigger="click"
|
|
hx-target="#accounts-table"
|
|
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="#trade-info">
|
|
<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="#trade-info"
|
|
hx-trigger="click"
|
|
hx-target="#{{ type }}s-here"
|
|
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>
|