Eskimue/Sonnenweg-Observatory-Home-Assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Regen Blinkt nun

Browse Source
This commit is contained in:
Eskimue
2026-05-05 19:34:09 +02:00
parent ff1f343faa
commit d272844b17
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sternwarte-homeassistant-card/dist/sternwarte-card.js
Vendored
+18 -3
View File
@@ -391,8 +391,9 @@ class SternwarteCard extends HTMLElement {
_boolBadge(label, entityId, onText = "Aktiv", offText = "Aus", extraClass = "") { _boolBadge(label, entityId, onText = "Aktiv", offText = "Aus", extraClass = "") {
const state = this._state(entityId); const state = this._state(entityId);
const on = state?.state === "on"; const on = state?.state === "on";
const animStyle = (on && extraClass) ? ` style="animation-delay: -${Date.now() % 1000}ms"` : "";
return ` return `
<div class="badge ${on ? "on" : ""} ${extraClass}"> <div class="badge ${on ? "on" : ""} ${extraClass}"${animStyle}>
<span class="badge-label">${label}</span> <span class="badge-label">${label}</span>
<span class="badge-value">${on ? onText : offText}</span> <span class="badge-value">${on ? onText : offText}</span>
</div> </div>
@@ -1093,12 +1094,16 @@ class SternwarteCard extends HTMLElement {
background: rgba(76, 175, 80, 0.12); background: rgba(76, 175, 80, 0.12);
border-color: rgba(76, 175, 80, 0.3); border-color: rgba(76, 175, 80, 0.3);
} }
.badge.moving.on, .badge.moving.on {
.badge.rain.on {
animation: moving-badge-blink 1s linear infinite; animation: moving-badge-blink 1s linear infinite;
background: rgba(255, 179, 0, 0.2); background: rgba(255, 179, 0, 0.2);
border-color: rgba(255, 179, 0, 0.55); border-color: rgba(255, 179, 0, 0.55);
} }
.badge.rain.on {
animation: rain-badge-blink 1s linear infinite;
background: rgba(220, 50, 50, 0.2);
border-color: rgba(220, 50, 50, 0.55);
}
.badge-label { .badge-label {
display: block; display: block;
font-size: 12px; font-size: 12px;
@@ -1120,6 +1125,16 @@ class SternwarteCard extends HTMLElement {
box-shadow: 0 0 14px rgba(255, 179, 0, 0.35); box-shadow: 0 0 14px rgba(255, 179, 0, 0.35);
} }
} }
@keyframes rain-badge-blink {
0%, 100% {
opacity: 1;
box-shadow: 0 0 0 rgba(220, 50, 50, 0);
}
50% {
opacity: 0.45;
box-shadow: 0 0 14px rgba(220, 50, 50, 0.5);
}
}
.controls { .controls {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);