Fix API offset limit 400 Bad Request, implement requested UI/UX improvements

This commit is contained in:
Richard
2026-07-06 22:34:33 +02:00
parent fb703b6c81
commit 10eefd3546
35 changed files with 4900 additions and 145 deletions
+22 -12
View File
@@ -142,17 +142,15 @@
<option value="name">Sort: Name</option>
</select>
<select id="filterWinrate" class="platform-select" onchange="loadTraders()">
<option value="all">Win Rate: All</option>
<option value="gt50">> 50%</option>
<option value="gt60">> 60%</option>
</select>
<select id="filterCopyability" class="platform-select" onchange="loadTraders()">
<option value="all">Copyability: All</option>
<option value="gt50">> 50%</option>
<option value="gt80">> 80%</option>
</select>
<div style="display:flex; align-items:center; gap:4px;">
<span style="font-size:13px; font-weight:600;">Win Rate ></span>
<input type="number" id="filterWinrateMin" class="platform-select" style="width:70px" placeholder="%" onchange="loadTraders()">
</div>
<div style="display:flex; align-items:center; gap:4px;">
<span style="font-size:13px; font-weight:600;">Copyability ></span>
<input type="number" id="filterCopyabilityMin" class="platform-select" style="width:70px" placeholder="%" onchange="loadTraders()">
</div>
<label style="display:flex; align-items:center; gap:8px; font-weight:600; cursor:pointer; background:var(--bg-surface); padding:8px 12px; border-radius:6px; border:1px solid var(--border);">
<input type="checkbox" id="chk-highly-copyable" onchange="loadTraders()"> Highly Copyable
@@ -170,7 +168,19 @@
</div>
<div class="card">
<div class="table-wrap">
<table class="data-table"><thead><tr><th>#</th><th>Name</th><th>Platform</th><th>Combined Score</th><th>Quality</th><th>Copyability</th><th>Win Rate</th><th>PnL</th><th>Tier</th><th>Strategy</th><th>Actions</th></tr></thead>
<table class="data-table"><thead><tr>
<th style="cursor:pointer" onclick="setTraderSort('score')">#</th>
<th style="cursor:pointer" onclick="setTraderSort('name')">Name ↕</th>
<th style="cursor:pointer" onclick="setTraderSort('platform')">Platform ↕</th>
<th style="cursor:pointer" onclick="setTraderSort('score')">Combined Score ↕</th>
<th style="cursor:pointer" onclick="setTraderSort('quality')">Quality ↕</th>
<th style="cursor:pointer" onclick="setTraderSort('copyability')">Copyability ↕</th>
<th style="cursor:pointer" onclick="setTraderSort('winrate')">Win Rate ↕</th>
<th style="cursor:pointer" onclick="setTraderSort('pnl')">PnL ↕</th>
<th>Tier</th>
<th>Strategy</th>
<th>Actions</th>
</tr></thead>
<tbody id="allTradersBody"></tbody>
</table>
</div>