Slot-Close-Knoepfe groesser und in CLOSE-Farbe; grosser CLOSE-Knopf entfernt

User-Wunsch, drei Teile.

(1) GROESSER: font-size 0.72 -> 1rem, Polster 0.17/0.33 -> 0.39/0.61rem, fett.
(2) FARBE wie der bisherige CLOSE-Knopf: background #2d2000, color var(--accent),
    Rahmen #4a3600 - derselbe Bernstein-Ton, damit "schliessen" ueberall gleich
    aussieht.
(3) Grosser CLOSE-Knopf aus der Aktionsleiste ENTFERNT.

⚠⚠ DER HAKEN AN (3), geprueft bevor entfernt: der Knopf hatte ZWEI Aufgaben im
Render, nicht nur das Klicken - `disabled`, wenn keine Position offen ist, und
BLINKEN beim Close-Alarm (`closeBtn.classList.toggle("blink", closeAlert)`).
Haette ich ihn nur aus der HTML geloescht, waere der Alarm still geworden: nur
noch Ton, keine Sichtbarkeit. Beides ist mitgezogen:
  - `close-main` ist disabled, wenn Slot 1 leer ist; `close-brk`, wenn BRK leer
    ist (vorher gab es diese Unterscheidung gar nicht)
  - `.px-close.blink` nutzt dieselbe `blkClose`-Keyframe wie vorher, und weil
    die Farben identisch sind, sieht das Blinken exakt aus wie zuvor
⚠ Es blinkt NUR der Slot-1-Knopf: dort entstehen `sr_close_hint` und der
Flip-Alarm. Ein blinkender BRK-Knopf ohne Anlass waere ein Fehlsignal.

FUNKTIONAL GEPRUEFT (drei Zustaende gegen ein Minimal-DOM):
  hasPos=1 hasBrk=0 alarm=0 -> main aktiv,  brk gesperrt, kein Blinken
  hasPos=0 hasBrk=1 alarm=1 -> main gesperrt, brk aktiv,  Blinken
  hasPos=1 hasBrk=1 alarm=1 -> beide aktiv,               Blinken
0 verbliebene `data-side="close"`-Referenzen in JS und HTML.

⚠ `.btn.close` und `.btn.close.blink` bleiben in der CSS stehen - ungenutzt,
aber harmlos, und sie machen ein Zurueckholen des grossen Knopfs zu einer
Ein-Zeilen-Sache.

v=200 (HTML, JS, style.css und der Cache-Waechter `data-html-v` alle
gleichgezogen und am ausgelieferten Stand verifiziert).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-20 12:04:07 +02:00
co-authored by Claude Opus 5
parent 54bcc9f81d
commit 3e275e7515
3 changed files with 32 additions and 12 deletions
+7 -4
View File
@@ -12,9 +12,9 @@
⚠ 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=199">
<link rel="stylesheet" href="style.css?v=200">
</head>
<body data-html-v="199">
<body data-html-v="200">
<!-- Modul-Menü (ganz oben) -->
<nav id="tabs">
<button class="tab active" data-view="dash">Dashboard</button>
@@ -381,7 +381,10 @@
+ Neustart. -->
<button class="btn long" data-side="long">▲ LONG<span class="btn-raum" id="raum-long"></span></button>
<button class="btn short" data-side="short">▼ SHORT<span class="btn-raum" id="raum-short"></span></button>
<button class="btn close" data-side="close">✕ CLOSE</button>
<!-- ⚠ Grosser CLOSE-Knopf ENTFERNT (User 2026-08-20): es gibt jetzt je Slot
einen ✕ direkt an der G/V-Anzeige. Seine beiden Aufgaben sind mit
umgezogen — `disabled` bei leerem Slot und das BLINKEN beim
Close-Alarm (nur Slot 1, dort entsteht der Anlass). -->
<!-- BRK-Schalter ENTFERNT, dafuer der Circuit-Breaker (User 2026-08-19).
Der Auto-Squeeze-Zustand bleibt in der Breakout-Karte sichtbar. -->
<button class="btn tog" id="btn-cb" title="Circuit Breaker (Tagesverlust-Stopp) an/aus">🛑 CIRCUIT BREAKER</button>
@@ -418,6 +421,6 @@
</div>
<div id="toast" class="toast hidden"></div>
<script src="app.js?v=199"></script>
<script src="app.js?v=200"></script>
</body>
</html>