diff --git a/src/Predictalytics.Api/wwwroot/js/app.js b/src/Predictalytics.Api/wwwroot/js/app.js
index 16b7501..539f77c 100644
--- a/src/Predictalytics.Api/wwwroot/js/app.js
+++ b/src/Predictalytics.Api/wwwroot/js/app.js
@@ -300,6 +300,9 @@ async function loadDashboard() {
return;
}
+ // Curated showcases (loads in parallel; independent of the rest of the dashboard).
+ loadShowcases();
+
// Metrics
document.getElementById('metricTraders').textContent = fmt.num(data.totalTraders);
document.getElementById('metricActive').textContent = fmt.num(data.activeTraders24h);
@@ -373,6 +376,53 @@ async function loadDashboard() {
});
}
+// ─── Curated Showcases (dashboard leaderboards) ───
+function renderTraitChips(traits) {
+ if (!traits || !traits.length) return '';
+ return '
' + traits.map(tr => {
+ const rawKey = tr.trait || tr;
+ const name = getTraitDisplayName(rawKey);
+ const desc = getTraitDescription(rawKey);
+ return `${name}`;
+ }).join('') + '
';
+}
+
+async function loadShowcases() {
+ const wrap = document.getElementById('showcaseSections');
+ if (!wrap) return;
+
+ const sections = await api('/api/traders/showcases');
+ if (!Array.isArray(sections) || sections.length === 0) {
+ wrap.innerHTML = '
Noch keine Showcases verfügbar.
';
+ return;
+ }
+
+ wrap.innerHTML = sections.map(s => {
+ const flag = s.key === 'red_flags' ? ' showcase-card--warn' : '';
+ const rows = (s.traders || []).map((t, i) => `
+
+ ${i + 1}
+ ${t.displayName}${t.isSuspectedBot ? ' 🤖' : ''}
+ ${t.platform}
+ ${renderTraitChips(t.traits)}
+
+ ${Number(t.combinedScore).toFixed(1)}
+ ${Number(t.copytradingCopyabilityScore || 0).toFixed(0)}
+ ${fmt.pnl(t.totalPnl)}
+
+ `).join('');
+ return `
+
+ `;
+ }).join('');
+}
+
function setTraderSort(field) {
if (currentSort === field) {
sortDirection *= -1;
@@ -388,10 +438,34 @@ function setTraderSort(field) {
loadTraders();
}
+// Maps a UI sort key to the server-side sort parameter understood by GetTradersAsync.
+// Keys that map to '' use the repository default order (CombinedScore, then PnL) or are
+// sorted client-side (name/platform — the server has no key for them).
+const SERVER_SORT_KEYS = {
+ score: '', // default order == combined score
+ winrate: 'winrate',
+ quality: 'copytrading', // no separate quality key server-side; closest is copytrading score
+ copyability: 'copytrading',
+ pnl: 'pnl',
+ pnl30d: 'pnl30d',
+ calmar: 'calmar',
+ conviction: 'conviction',
+ profitfactor: 'profitfactor',
+ name: '',
+ platform: ''
+};
+
async function loadTraders() {
- let url = '/api/traders?skip=0&take=100';
+ // Keep currentSort in sync with the dropdown BEFORE building the query so the server sorts.
+ const sortSelect = document.getElementById('tradersSort');
+ if (sortSelect && sortSelect.value !== currentSort) currentSort = sortSelect.value;
+
+ let url = '/api/traders?skip=0&take=200';
if (currentPlatform !== 'All') url += `&platform=${currentPlatform}`;
-
+
+ const serverSort = SERVER_SORT_KEYS[currentSort];
+ if (serverSort) url += `&sort=${encodeURIComponent(serverSort)}`;
+
const hcCheckbox = document.getElementById('chk-highly-copyable');
if (hcCheckbox && hcCheckbox.checked) {
url += `&highlyCopyable=true`;
@@ -402,35 +476,19 @@ async function loadTraders() {
url += `&trait=${encodeURIComponent(filterTrait.value)}`;
}
- let data = await api(url);
- const tbody = document.getElementById('allTradersBody');
- if (!data || !data.length) { tbody.innerHTML = '
|
'; return; }
-
- const sortSelect = document.getElementById('tradersSort');
- if (sortSelect && sortSelect.value !== currentSort) currentSort = sortSelect.value;
-
+ // Min-value filters are applied server-side so they are not blind to the fetch cut-off.
const filterWinrateMin = parseFloat(document.getElementById('filterWinrateMin')?.value);
const filterCopyabilityMin = parseFloat(document.getElementById('filterCopyabilityMin')?.value);
+ if (!isNaN(filterWinrateMin)) url += `&minWinRate=${filterWinrateMin}`;
+ if (!isNaN(filterCopyabilityMin)) url += `&minCopyability=${filterCopyabilityMin}`;
- // Filtering
- if (!isNaN(filterWinrateMin)) data = data.filter(t => t.winRate >= filterWinrateMin);
- if (!isNaN(filterCopyabilityMin)) data = data.filter(t => t.copytradingCopyabilityScore >= filterCopyabilityMin);
+ let data = await api(url);
+ const tbody = document.getElementById('allTradersBody');
+ if (!data || !data.length) { tbody.innerHTML = '
|
'; return; }
- // Sorting
- data.sort((a, b) => {
- let valA, valB;
- if (currentSort === 'score') { valA = a.combinedScore; valB = b.combinedScore; }
- else if (currentSort === 'quality') { valA = a.copytradingQualityScore || 0; valB = b.copytradingQualityScore || 0; }
- else if (currentSort === 'copyability') { valA = a.copytradingCopyabilityScore || 0; valB = b.copytradingCopyabilityScore || 0; }
- else if (currentSort === 'winrate') { valA = a.winRate; valB = b.winRate; }
- else if (currentSort === 'pnl') { valA = a.totalPnl; valB = b.totalPnl; }
- else if (currentSort === 'trades') { valA = a.trades30d; valB = b.trades30d; }
- else if (currentSort === 'name') { return a.displayName.localeCompare(b.displayName) * sortDirection; }
- else if (currentSort === 'platform') { return a.platform.localeCompare(b.platform) * sortDirection; }
- else { valA = a.combinedScore; valB = b.combinedScore; }
-
- return (valA < valB ? -1 : valA > valB ? 1 : 0) * sortDirection;
- });
+ // Only name/platform need client-side ordering; every other key is already sorted by the server.
+ if (currentSort === 'name') data.sort((a, b) => a.displayName.localeCompare(b.displayName) * sortDirection);
+ else if (currentSort === 'platform') data.sort((a, b) => a.platform.localeCompare(b.platform) * sortDirection);
tbody.innerHTML = data.map((t, i) => `