Konfigurationsbereich auffindbar machen

Der Bereich war sichtbar, wurde aber übersehen: ein 12-Pixel-Knopf, der an der
Überschrift klebte, während "Handel pausieren" und "Training starten" jeweils in
einer eigenen Box mit normalgroßem Knopf sitzen. 71x26 px gegenüber 90x58 und
79x58 - das liest sich nicht als Bedienelement.

Der Bereich sieht jetzt aus wie die beiden anderen: eigene Panel-Box, Knopf
"Konfiguration bearbeiten" in gleicher Größe (114x58 px, 14px Schrift), daneben
eine Zeile, die sagt, was dahintersteckt. Geöffnet heißt der Knopf
"Konfiguration schließen".

Zwei neue Tests halten die drei Haupt-Bedienelemente auf gleicher Linie: keine
Inline-Styles, die Schrift oder Polsterung verkleinern, und jeder Knopf muss in
einer Panel-Box stehen statt in einer Überschrift.

233 Tests (6 neue), ruff sauber. Im Browser durchgespielt: öffnen, 76 Felder,
risk.cooldown_bars_after_exit geändert und sofort wirksam, schließen.
This commit is contained in:
Tobias Zimmermann
2026-08-23 14:06:40 +02:00
parent 17fef9abe5
commit db31bc93f7
2 changed files with 51 additions and 10 deletions
+19 -10
View File
@@ -131,15 +131,23 @@ _DASHBOARD = r"""<!doctype html>
</div>
</section>
<section id="config-section" hidden>
<h2>Konfiguration <button id="cfg-toggle" class="ghost" style="font-size:12px;padding:3px 9px">anzeigen</button></h2>
<div class="panel" id="cfg-panel" hidden>
<div class="hint" id="cfg-meta"></div>
<div id="cfg-sections"></div>
<div class="row" style="margin-top:14px; border-top:1px solid var(--line); padding-top:14px">
<button id="cfg-save">Änderungen speichern</button>
<button id="cfg-revert" class="ghost">Eingaben verwerfen</button>
<button id="cfg-reset" class="ghost">Alle Overlays zurücksetzen</button>
<span class="hint" id="cfg-hint" style="margin:0"></span>
<h2>Konfiguration</h2>
<div class="panel">
<div class="row">
<button id="cfg-toggle">Konfiguration bearbeiten</button>
<span class="hint" id="cfg-summary" style="margin:0">
Alle Einstellungen ändern Risiko, Strategie, Lernmodell, Börse.
</span>
</div>
<div id="cfg-panel" hidden style="margin-top:14px; border-top:1px solid var(--line); padding-top:14px">
<div class="hint" id="cfg-meta"></div>
<div id="cfg-sections"></div>
<div class="row" style="margin-top:14px; border-top:1px solid var(--line); padding-top:14px">
<button id="cfg-save">Änderungen speichern</button>
<button id="cfg-revert" class="ghost">Eingaben verwerfen</button>
<button id="cfg-reset" class="ghost">Alle Overlays zurücksetzen</button>
<span class="hint" id="cfg-hint" style="margin:0"></span>
</div>
</div>
</div>
</section>
@@ -393,7 +401,8 @@ async function loadConfig() {
$("cfg-toggle").addEventListener("click", async () => {
cfgOpen = !cfgOpen;
$("cfg-panel").hidden = !cfgOpen;
$("cfg-toggle").textContent = cfgOpen ? "ausblenden" : "anzeigen";
$("cfg-toggle").textContent = cfgOpen ? "Konfiguration schließen" : "Konfiguration bearbeiten";
$("cfg-toggle").className = cfgOpen ? "ghost" : "";
if (cfgOpen) await loadConfig();
});