From 698dc0aa82c35cbacc58ce0650a0e1f3d1c7a06d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Thomas=20M=C3=BCller?= Date: Wed, 13 May 2026 20:03:01 +0200 Subject: [PATCH] Regen jetzt klickbar --- .../dist/sternwarte-card.js | 23 +++++++++++++++--- .../__pycache__/const.cpython-312.pyc | Bin 2029 -> 2029 bytes .../__pycache__/coordinator.cpython-312.pyc | Bin 51189 -> 51189 bytes 3 files changed, 20 insertions(+), 3 deletions(-) diff --git a/sternwarte-homeassistant-card/dist/sternwarte-card.js b/sternwarte-homeassistant-card/dist/sternwarte-card.js index 81338a6..7d685ac 100644 --- a/sternwarte-homeassistant-card/dist/sternwarte-card.js +++ b/sternwarte-homeassistant-card/dist/sternwarte-card.js @@ -388,12 +388,15 @@ class SternwarteCard extends HTMLElement { return "Unbekannt"; } - _boolBadge(label, entityId, onText = "Aktiv", offText = "Aus", extraClass = "") { + _boolBadge(label, entityId, onText = "Aktiv", offText = "Aus", extraClass = "", options = {}) { const state = this._state(entityId); const on = state?.state === "on"; const animStyle = (on && extraClass) ? ` style="animation-delay: -${Date.now() % 1000}ms"` : ""; + const idAttr = options.id ? ` id="${options.id}"` : ""; + const clickableClass = options.clickable ? " clickable" : ""; + const roleAttr = options.clickable ? ` role="button" tabindex="0" aria-label="${label} öffnen"` : ""; return ` -
+
${label} ${on ? onText : offText}
@@ -1092,6 +1095,19 @@ class SternwarteCard extends HTMLElement { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); } + .badge.clickable { + cursor: pointer; + transition: transform 140ms ease, border-color 140ms ease, background 140ms ease; + } + .badge.clickable:hover { + transform: translateY(-1px); + border-color: rgba(255,255,255,0.2); + background: rgba(255,255,255,0.07); + } + .badge.clickable:focus-visible { + outline: 2px solid var(--primary-color); + outline-offset: 2px; + } .badge.on { background: rgba(76, 175, 80, 0.12); border-color: rgba(76, 175, 80, 0.3); @@ -1289,7 +1305,7 @@ class SternwarteCard extends HTMLElement { ${this._boolBadge("Dach zu", this.config.roofClosed, "Ja", "Nein")} ${this._boolBadge("Dach offen", this.config.roofOpen, "Ja", "Nein")} ${this._boolBadge("Dach bewegt", this.config.roofMoving, "Ja", "Nein", "moving")} - ${this._boolBadge("Regen", this.config.rain, "Ja", "Nein", "rain")} + ${this._boolBadge("Regen", this.config.rain, "Ja", "Nein", "rain", { id: "rain-badge", clickable: true })}
@@ -1383,6 +1399,7 @@ class SternwarteCard extends HTMLElement { this._bindClick("open-schedule-btn", () => this._setDateTime(openScheduleEntityId, "open-schedule-input", "open")); this._bindClick("close-schedule-btn", () => this._setDateTime(closeScheduleEntityId, "close-schedule-input", "close")); this._bindMoreInfo("wind-stat", this.config.wind); + this._bindMoreInfo("rain-badge", this.config.rain); this._bindScheduleInput("open", "open-schedule-input", openSchedule); this._bindScheduleInput("close", "close-schedule-input", closeSchedule); } diff --git a/sternwarte-homeassistant-integration/custom_components/sternwarte/__pycache__/const.cpython-312.pyc b/sternwarte-homeassistant-integration/custom_components/sternwarte/__pycache__/const.cpython-312.pyc index 4b7df885da947e2feec72f09024e641e85817a0c..4c4a22af7b390208bab74983aca6da1c5ef258ce 100644 GIT binary patch delta 21 bcmaFM|CXQUG%qg~0}!xoW69dc^N<|?Ldylh delta 21 bcmaFM|CXQUG%qg~0}xm}`Ioto=OH@)ON<8| diff --git a/sternwarte-homeassistant-integration/custom_components/sternwarte/__pycache__/coordinator.cpython-312.pyc b/sternwarte-homeassistant-integration/custom_components/sternwarte/__pycache__/coordinator.cpython-312.pyc index 88c6fa1d5e0ef2731c88ec42477d28456f32b770..97386badc4595192d8d6f9fe1facbdb49de017c6 100644 GIT binary patch delta 23 dcmey`&-}HYnddYwFBbz4ux?|?+Q{?rH~?JU2cQ4| delta 23 dcmey`&-}HYnddYwFBbz41U>nexsm7PaR6pt2^0VT