ah-admin/AH-Oil-Trader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

G/V und G/V BRK in EINER Box: links Slot 1, rechts BRK

Browse Source 
User-Wunsch. Statt zwei nebeneinanderliegender Header-Boxen jetzt eine geteilte:
linksbuendig "G/V" (Slot 1 - manuelle und M15-Trades), rechtsbuendig
"G/V · BRK" (Breakout-Autotrader, eigener Slot seit 19.08.).

⚠ Die WERTE bleiben getrennt, nur die Box ist eine. Die Slots gehoeren
verschiedenen Populationen (Mensch +1,56 gegen autonom -4,71 EUR/Lot); sie zu
ADDIEREN wuerde genau die Trennung verwischen, fuer die der zweite Slot gebaut
wurde. Die Summe steht weiterhin im TAG P/L (day_pl.open summiert beide seit
dem 19.08.).

Umgesetzt ueber flex mit `justify-content: space-between`; der Tooltip sitzt
jetzt an der Box statt zweimal an den Labels, damit die Erklaerung nicht
doppelt steht.

Verifiziert: div 89/89 ausgeglichen, keine doppelten IDs, beide Spans genau
einmal vorhanden, Render-Probe und Pipeline gruen. Reine Frontend-Aenderung
(v=196), kein Neustart - die Render-Logik (hdr-pnl / hdr-pnl-brk) ist
unveraendert, nur das Markup drumherum.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-20 09:01:57 +02:00
co-authored by Claude Opus 5
parent 5925d9a527
commit 6f1348adf3
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/index.html
+10 -4
View File
@@ -12,7 +12,7 @@
⚠ LOKAL eingebunden, kein CDN: die PWA laeuft ueber WireGuard
und muss offline funktionieren. -->
<link rel="stylesheet" href="pico.min.css?v=1">
<link rel="stylesheet" href="style.css?v=195">
<link rel="stylesheet" href="style.css?v=196">
</head>
<body>
<!-- Modul-Menü (ganz oben) -->
@@ -51,8 +51,14 @@
also direkt vergleichbar. Beide Quellen AUSGESCHRIEBEN (User 2026-08-01):
„KURS"/„HL" ließ offen, welcher Kurs woher kommt. -->
<div class="px" id="px-hl"><label title="Roher Kurs des Hyperliquid-Öl-Perps — läuft 24/7, auch wenn Pepperstone geschlossen ist. Anderer Kontrakt, deshalb nicht identisch; der Tooltip am Wert nennt die umgerechnete Entsprechung.">HYPERLIQUID KURS</label><span id="hdr-hl">—</span></div>
<div class="px"><label title="Gewinn/Verlust der offenen Position, NETTO nach Quellensteuer. Bei geschlossenem Markt eine Schätzung auf Basis des Hyperliquid-Kurses (mit ≈ markiert). Zeigt den ERSTEN Slot (manuelle und M15-Trades). Der Breakout-Autotrader hat seit dem Zwei-Slot-Umbau vom 19.08. einen EIGENEN Slot und steht in der Box rechts daneben.">G/V</label><span id="hdr-pnl">—</span></div>
<div class="px"><label title="Gewinn/Verlust der Position des Breakout-Autotraders (eigener Slot seit 19.08.). Zeigt — wenn BRK gerade nichts haelt. Die Summe beider Slots steckt im TAG P/L oben.">G/V · BRK</label><span id="hdr-pnl-brk">—</span></div>
<div class="px px-split" title="Links: Gewinn/Verlust der Position in Slot 1 (manuelle und M15-Trades). Rechts: die Position des Breakout-Autotraders, der seit dem Zwei-Slot-Umbau vom 19.08. einen EIGENEN Slot hat. Beide NETTO nach Quellensteuer; bei geschlossenem Markt eine Schaetzung auf Basis des Hyperliquid-Kurses (mit ≈ markiert). Die SUMME beider Slots steht im TAG P/L oben.">
<div class="px-half">
<label>G/V</label><span id="hdr-pnl">—</span>
</div>
<div class="px-half rechts">
<label>G/V · BRK</label><span id="hdr-pnl-brk">—</span>
</div>
</div>
</div>
</header>
@@ -408,6 +414,6 @@
</div>
<div id="toast" class="toast hidden"></div>
<script src="app.js?v=195"></script>
<script src="app.js?v=196"></script>
</body>
</html>
web/style.css
+10
View File
@@ -675,3 +675,13 @@ main{padding-bottom:4.1111rem} /* Platz für die fixe Leiste */
}
.m15-setup[hidden]{display:none}
.m15-setup .dim{color:var(--dim); font-size:0.8rem}
/* ── G/V-Box: Slot 1 links, BRK rechts (User-Wunsch 2026-08-20) ───────────
⚠ EINE Box statt zwei, aber die Werte bleiben GETRENNT: die Slots gehoeren
verschiedenen Populationen (Mensch +1,56 gegen autonom −4,71 €/Lot), und sie
zu addieren wuerde genau die Trennung verwischen, fuer die der zweite Slot
gebaut wurde. Die Summe steht im TAG P/L. */
.px.px-split{display:flex; justify-content:space-between; align-items:flex-start; gap:0.5556rem}
.px-split .px-half{display:flex; flex-direction:column; min-width:0}
.px-split .px-half.rechts{align-items:flex-end; text-align:right}
.px-split .px-half label{white-space:nowrap}