68 lines
1.8 KiB
HTML
68 lines
1.8 KiB
HTML
<div id="overview-panel" class="panel" style="margin-top: 16px">
|
|
<div class="grid">
|
|
<article class="card">
|
|
<div class="label">Status</div>
|
|
<div class="value">{{ status }}</div>
|
|
</article>
|
|
<article class="card">
|
|
<div class="label">Balances</div>
|
|
<div class="value">{{ balances }}</div>
|
|
</article>
|
|
<article class="card">
|
|
<div class="label">Open Trades</div>
|
|
<div class="value">{{ open_trade_count }}</div>
|
|
</article>
|
|
<article class="card">
|
|
<div class="label">Realized P&L</div>
|
|
<div class="value">{{ realized_pnl_total }}</div>
|
|
</article>
|
|
</div>
|
|
|
|
<div
|
|
class="grid"
|
|
style="
|
|
margin-top: 16px;
|
|
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
"
|
|
>
|
|
<article class="card">
|
|
<div class="label">Open Trades</div>
|
|
<ul>
|
|
{% for trade in open_trades %}
|
|
<li>
|
|
{{ trade.trade_ref }} - {{ trade.status }} - {{ trade.cycle }} - {{
|
|
trade.started_at }}
|
|
</li>
|
|
{% else %}
|
|
<li>No open trades.</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</article>
|
|
<article class="card">
|
|
<div class="label">Balances Snapshot</div>
|
|
<div
|
|
class="value"
|
|
style="font-size: 1rem; font-weight: 500; word-break: break-word"
|
|
>
|
|
{{ balances }}
|
|
</div>
|
|
<div class="meta">Total value {{ total_value }}</div>
|
|
</article>
|
|
<article class="card">
|
|
<div class="label">Opportunity Feed</div>
|
|
<ul>
|
|
{% for opp in opportunities %}
|
|
<li>
|
|
{{ opp.cycle }} - {{ opp.net_pct }} - {{ opp.est_profit }} - {{
|
|
opp.detected_at }}
|
|
</li>
|
|
{% else %}
|
|
<li>No opportunities.</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="meta">Updated {{ generated_at }}</div>
|
|
</div>
|