Manuelle Trades, Letzte Trades und Kurslueken in den Statistik-Tab verschoben
User-Vorgabe: die drei sind Rueckschau, das Dashboard soll das
Handlungsrelevante zeigen. Reiner Umzug im Markup - keine Logik beruehrt.
Die Karten werden weiterhin von render() aus dem Snapshot gefuettert und
haengen NICHT an loadStats(); ein ausgeblendeter View ist nur display:none,
die Elemente bleiben im DOM.
Noetig war eine CSS-Regel: #view-stats > .card{margin:11px 10px}. Das
Dashboard ist ein <main>-GRID mit eigenem Padding, #view-stats eine schlichte
<section> - ohne die Regel klebten die Karten randlos aneinander und
.card.wide{grid-column:1/-1} liefe ins Leere.
Verifiziert am ausgelieferten HTML (alle drei nach id="view-stats",
card-stats-live bleibt im Dashboard), keine doppelten IDs, Tag-Balance
geprueft. v=138.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
co-authored by
Claude Opus 5
Claude Opus 5
parent
5f70980e59
commit
43b7756df3
+31
-24
@@ -6,7 +6,7 @@
|
||||
<meta name="theme-color" content="#0d1117">
|
||||
<title>Oil · MT5</title>
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="stylesheet" href="style.css?v=137">
|
||||
<link rel="stylesheet" href="style.css?v=138">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Modul-Menü (ganz oben) -->
|
||||
@@ -124,16 +124,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Manuelle Trades — deskriptiv (2026-08-04). Zeigt die EIGENE Historie,
|
||||
rechnet nichts hoch. Der volle Entscheidungskontext (ctx_*) wird erst
|
||||
seit dem 04.08. mitgeschrieben; die Reifegrad-Zeile macht das sichtbar. -->
|
||||
<section class="card wide" id="card-manual">
|
||||
<h2>Manuelle Trades <span class="mt-sub">deine Historie · 30 Tage</span></h2>
|
||||
<div class="mt-grid" id="mt-grid"></div>
|
||||
<div class="mt-split" id="mt-split"></div>
|
||||
<div class="mt-note dim" id="mt-note"></div>
|
||||
</section>
|
||||
|
||||
<!-- Chartmuster (visuell) — reine Anzeige, kein Signal (noch nicht backtestet) -->
|
||||
<section class="card wide" id="card-patterns">
|
||||
<h2>Chartmuster <span class="pt-tf">M30 · visuell</span></h2>
|
||||
@@ -174,18 +164,6 @@
|
||||
<div class="kv"><span>ATR · TF</span><b id="trail-atr">—</b></div>
|
||||
</section>
|
||||
|
||||
<!-- Letzte Trades -->
|
||||
<section class="card wide" id="card-trades">
|
||||
<h2>Letzte Trades</h2>
|
||||
<div class="trades" id="trades"></div>
|
||||
</section>
|
||||
|
||||
<!-- Kurslücken (Gaps) — Fill-Magnete, nur Kontext -->
|
||||
<section class="card wide" id="card-gaps">
|
||||
<h2>Kurslücken (Gaps 2026)</h2>
|
||||
<div class="gaps-list" id="gaps-list"><span class="dim">lade …</span></div>
|
||||
</section>
|
||||
|
||||
<!-- Live-Statistik — ganz unten -->
|
||||
<section class="card wide" id="card-stats-live">
|
||||
<h2>Statistik (live)</h2>
|
||||
@@ -212,6 +190,35 @@
|
||||
<div id="stats-body"></div>
|
||||
<h2 class="sub-h">Setups (gesamt)</h2>
|
||||
<div id="stats-setups"></div>
|
||||
|
||||
<!-- ⚠ Aus dem Dashboard hierher verschoben (User-Vorgabe 2026-08-05): das
|
||||
Dashboard soll die HANDLUNGSrelevanten Module zeigen, die Rückschau
|
||||
gehört in die Statistik. Die drei Karten werden weiterhin von `render()`
|
||||
aus dem Snapshot gefüttert — sie hängen NICHT an `loadStats()`. Das
|
||||
funktioniert, weil ein ausgeblendeter View nur `display:none` ist und
|
||||
die Elemente im DOM bleiben; sonst würden die IDs beim Rendern fehlen. -->
|
||||
|
||||
<!-- Manuelle Trades — deskriptiv (2026-08-04). Zeigt die EIGENE Historie,
|
||||
rechnet nichts hoch. Der volle Entscheidungskontext (ctx_*) wird erst
|
||||
seit dem 04.08. mitgeschrieben; die Reifegrad-Zeile macht das sichtbar. -->
|
||||
<section class="card wide" id="card-manual">
|
||||
<h2>Manuelle Trades <span class="mt-sub">deine Historie · 30 Tage</span></h2>
|
||||
<div class="mt-grid" id="mt-grid"></div>
|
||||
<div class="mt-split" id="mt-split"></div>
|
||||
<div class="mt-note dim" id="mt-note"></div>
|
||||
</section>
|
||||
|
||||
<!-- Letzte Trades -->
|
||||
<section class="card wide" id="card-trades">
|
||||
<h2>Letzte Trades</h2>
|
||||
<div class="trades" id="trades"></div>
|
||||
</section>
|
||||
|
||||
<!-- Kurslücken (Gaps) — Fill-Magnete, nur Kontext -->
|
||||
<section class="card wide" id="card-gaps">
|
||||
<h2>Kurslücken (Gaps 2026)</h2>
|
||||
<div class="gaps-list" id="gaps-list"><span class="dim">lade …</span></div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Charts: M1/M5/M15/M30/H1 untereinander mit Trend (Lightweight Charts) -->
|
||||
@@ -274,6 +281,6 @@
|
||||
<div id="toast" class="toast hidden"></div>
|
||||
|
||||
<script src="lightweight-charts.standalone.production.js?v=114"></script>
|
||||
<script src="app.js?v=137"></script>
|
||||
<script src="app.js?v=138"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -98,6 +98,12 @@ main{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:11px}
|
||||
.card{background:var(--card);border:1px solid var(--border);
|
||||
border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow-sm)}
|
||||
.card.wide{grid-column:1 / -1}
|
||||
/* Karten AUSSERHALB des Dashboard-Grids (Statistik-Tab, 2026-08-05): `main` ist
|
||||
ein Grid mit eigenem padding, `#view-stats` ist eine schlichte <section> — ohne
|
||||
diese Regel klebten die verschobenen Karten randlos aneinander und `.wide`
|
||||
(grid-column) liefe ins Leere. */
|
||||
#view-stats > .card{margin:11px 10px}
|
||||
#view-stats > .card:last-child{margin-bottom:74px} /* Platz für die fixe Leiste */
|
||||
.card h2{margin:0 0 9px;font-size:14px;letter-spacing:1.5px;
|
||||
text-transform:uppercase;color:var(--dim);font-weight:600}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user