Ladefenster: eigene Abfahrtszeit lesbar und als ganzer Knopf antippbar

Das Zeitfeld im Chip war zu schmal (von 16:00 blieb die 1) und oeffnete
den Waehler nur ueber das Uhrsymbol von Chromium. Jetzt zeigt der Knopf die
Zeit und oeffnet den Waehler per showPicker(); das Feld liegt unsichtbar
darunter. Car-Zustand Complete heisst beendet, nicht voll.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-15 20:44:58 +02:00
co-authored by Claude Opus 5
parent b0bac3d3ba
commit 5f42309410
3 changed files with 24 additions and 7 deletions
+8 -2
View File
@@ -73,8 +73,14 @@ $box = wallboxen()[$wallbox];
<button type="button" class="lade-chip" aria-pressed="false" data-zeit="06:00">06:00</button>
<button type="button" class="lade-chip" aria-pressed="false" data-zeit="07:00">07:00</button>
<button type="button" class="lade-chip" aria-pressed="false" data-zeit="08:00">08:00</button>
<label class="lade-chip" aria-pressed="false" data-lade="chipEigen">andere
<input type="time" data-lade="zeitEigen" aria-label="eigene Abfahrtszeit"></label>
<!-- Eigene Zeit: der Knopf zeigt sie an und öffnet den Zeitwähler;
das Feld liegt unsichtbar darunter. Direkt eingebettet war es
zu schmal, und Chromium öffnete den Wähler nur über sein
eigenes Uhrsymbol. -->
<button type="button" class="lade-chip lade-chip-eigen" aria-pressed="false" data-lade="chipEigen">
<i class="bi bi-clock"></i><span data-lade="chipEigenText">andere</span>
<input type="time" class="lade-zeitfeld" data-lade="zeitEigen" tabindex="-1" aria-label="eigene Abfahrtszeit">
</button>
</div>
</div>
</div>