Add controls boilerplate to main page
parent
d2e0137c8d
commit
2aac7d1bb5
@ -0,0 +1,109 @@
|
||||
<p class="subtitle">Close positions</p>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-delete="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
hx-swap="innerHTML"
|
||||
hx-confirm="Are you sure you wish to close all positions?"
|
||||
class="button is-danger is-fullwidth">
|
||||
<span class="icon-text">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-xmark"></i>
|
||||
</span>
|
||||
<span>All</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="column">
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-delete="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
hx-swap="innerHTML"
|
||||
hx-confirm="Are you sure you wish to close all profitable positions?"
|
||||
class="button is-success is-fullwidth">
|
||||
<span class="icon-text">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-xmark"></i>
|
||||
</span>
|
||||
<span>Winners</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="column">
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-delete="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
hx-swap="innerHTML"
|
||||
hx-confirm="Are you sure you wish to close all losing positions?"
|
||||
class="button is-danger is-fullwidth">
|
||||
<span class="icon-text">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-xmark"></i>
|
||||
</span>
|
||||
<span>Losers</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="subtitle">Break even</p>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-delete="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
hx-swap="innerHTML"
|
||||
hx-confirm="Are you sure you wish set all the SLs for profitable positions to the entry price, and all the TPs for losing positions to the entry price"
|
||||
class="button is-info is-fullwidth">
|
||||
<span class="icon-text">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-xmark"></i>
|
||||
</span>
|
||||
<span>All</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="column">
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-delete="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
hx-swap="innerHTML"
|
||||
hx-confirm="Are you sure you wish set all the SLs for profitable positions to the entry price?"
|
||||
class="button is-success is-fullwidth">
|
||||
<span class="icon-text">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-xmark"></i>
|
||||
</span>
|
||||
<span>Winners</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="column">
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-delete="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
hx-swap="innerHTML"
|
||||
hx-confirm="Are you sure you wish set all the TPs for losing positions to the entry price?"
|
||||
class="button is-warning is-fullwidth">
|
||||
<span class="icon-text">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-xmark"></i>
|
||||
</span>
|
||||
<span>Losers</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,253 @@
|
||||
<table class="table is-fullwidth is-hoverable">
|
||||
<thead>
|
||||
<th>-</th>
|
||||
<th>All</th>
|
||||
<th>Winners</th>
|
||||
<th>Losers</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Both</th>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-info is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP and SL for all in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-info is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP and SL for all from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-success is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP and SL for winners in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-success is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP and SL for winners from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-danger is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP and SL for losers in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-danger is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP and SL for losers from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>TP</th>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-info is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP for all in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-info is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP for all from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-success is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP for winners in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-success is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP for winners from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-danger is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP for losers in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-danger is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="TP for losers from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>SL</th>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-info is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="SL for all in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-info is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="SL for all from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-success is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="SL for winners in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-success is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="SL for winners from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-danger is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="SL for losers in %">
|
||||
<i class="fa-solid fa-percent"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<button
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
|
||||
hx-get="#"
|
||||
hx-trigger="click"
|
||||
hx-target="#modals-here"
|
||||
class="button is-danger is-small">
|
||||
<span class="icon-text">
|
||||
<span class="icon" data-tooltip="SL for losers from current price in %">
|
||||
<i class="fa-solid fa-money-bill"></i>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
Loading…
Reference in New Issue