feat: display backtest config in history card
Show token, timeframe, and date range for each backtest in the history list: - Token: PEPE - TF: 1h - Period: 2026-03-11 to 2026-04-09
This commit is contained in:
@@ -271,6 +271,17 @@
|
|||||||
<span class="result-value negative">{backtest.result.max_drawdown.toFixed(2)}%</span>
|
<span class="result-value negative">{backtest.result.max_drawdown.toFixed(2)}%</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="backtest-config">
|
||||||
|
<span class="config-item">
|
||||||
|
<span class="config-label">Token:</span> {backtest.config.token || 'Unknown'}
|
||||||
|
</span>
|
||||||
|
<span class="config-item">
|
||||||
|
<span class="config-label">TF:</span> {backtest.config.timeframe || '1h'}
|
||||||
|
</span>
|
||||||
|
<span class="config-item">
|
||||||
|
<span class="config-label">Period:</span> {backtest.config.start_date} to {backtest.config.end_date}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
{#if backtest.result.trades && backtest.result.trades.length > 0}
|
{#if backtest.result.trades && backtest.result.trades.length > 0}
|
||||||
<button class="btn-toggle-trades" onclick={() => toggleTrades(backtest.id)}>
|
<button class="btn-toggle-trades" onclick={() => toggleTrades(backtest.id)}>
|
||||||
{expandedTrades.has(backtest.id) ? 'Hide' : 'Show'} Trade History ({backtest.result.trades.length})
|
{expandedTrades.has(backtest.id) ? 'Hide' : 'Show'} Trade History ({backtest.result.trades.length})
|
||||||
@@ -742,6 +753,24 @@
|
|||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.backtest-config {
|
||||||
|
display: flex;
|
||||||
|
gap: 1rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: 0.75rem;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.config-item {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.config-label {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
.result-item {
|
.result-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user