Home Assistant Addon: SteelSeries Gauge Card Installer
- JavaScript 74.5%
- Shell 24.6%
- Dockerfile 0.9%
- gauge_type: clock – Uhr mit startClock(), Timezone-Offset (timeZoneOffsetHour/Minute) - Pointer-Typen TYPE1–TYPE9 alle im Editor freigeschaltet - Offline-Modus: steelseries.min.js via build.sh in dist/ gebündelt (kein CDN-Aufruf) - Dockerfile: kopiert nun dist/steelseries-gauge-card.js (gebündelte Version) - build.sh: neues Build-Skript für dist/ Artefakt - .gitignore: dist/steelseries.min.js ausgeschlossen - CLAUDE.md: Workflow und offene Punkte aktualisiert Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| dist | ||
| .gitignore | ||
| build.sh | ||
| build.yaml | ||
| CLAUDE.md | ||
| config.json | ||
| Dockerfile | ||
| DOCS.md | ||
| hacs.json | ||
| README.md | ||
| repository.json | ||
| run.sh | ||
| steelseries-gauge-card.js | ||
SteelSeries Gauge Card
Animierte SteelSeries Canvas Gauges als Home Assistant Lovelace Custom Card.
Unterstützte Gauge-Typen:
- Radial – klassischer Rundinstrument-Gauge
- Radial Bargraph – Bargraph-Variante
- Linear – vertikaler/horizontaler Balken-Gauge
Installation via HACS
- HACS → Frontend → ⋮ → Benutzerdefinierte Repositories
- URL eintragen:
Kategorie: Lovelacehttps://git.pfeiffer-privat.de/ppfeiffer/steelseries-gauge-addon - SteelSeries Gauge Card installieren
- Browser-Cache leeren (Shift+F5)
Manuelle Installation
dist/steelseries-gauge-card.jsnach/config/www/kopieren- Ressource registrieren:
Einstellungen → Dashboards → ⋮ → Ressourcen → Hinzufügen- URL:
/local/steelseries-gauge-card.js - Typ:
JavaScript-Modul
- URL:
Verwendung
Minimal
type: custom:steelseries-gauge-card
entity: sensor.temperature
Vollständig
type: custom:steelseries-gauge-card
entity: sensor.outside_temperature
title: Außentemperatur
gauge_type: radial
min: -20
max: 50
unit: °C
size: 220
threshold: 38
frame_design: METAL
pointer_color: RED
lcd_color: STANDARD
show_lcd: true
sections:
- start: -20
stop: 0
color: "rgba(0,100,255,0.35)"
- start: 0
stop: 25
color: "rgba(0,200,80,0.35)"
- start: 25
stop: 50
color: "rgba(220,50,0,0.35)"
Alle Optionen
| Option | Standard | Beschreibung |
|---|---|---|
entity |
– | Pflicht. HA Entity ID |
attribute |
– | Attribut statt State verwenden |
title |
– | Beschriftung oberhalb des Gauges |
gauge_type |
radial |
radial, radial_bargraph, linear |
min |
0 |
Minimalwert |
max |
100 |
Maximalwert |
unit |
– | Einheit (z.B. °C, %, W) |
size |
220 |
Breite in Pixel |
threshold |
– | Schwellwert → rote LED |
show_lcd |
true |
LCD-Display ein/aus |
frame_design |
METAL |
METAL, CHROME, BLACK_METAL, BRASS, … |
pointer_color |
RED |
RED, GREEN, BLUE, ORANGE, YELLOW, … |
lcd_color |
STANDARD |
STANDARD, BLUE, RED, GREEN, BEIGE, … |
sections |
– | Farbige Bereiche (start, stop, color) |
areas |
– | Wie sections, als Fläche |
Frame-Designs
METAL · CHROME · BLACK_METAL · SHINY_METAL · BRASS · STEEL · GOLD · ANTHRACITE
Zeiger-Farben
RED · GREEN · BLUE · ORANGE · YELLOW · WHITE · GRAY
LCD-Farben
STANDARD · BLUE · RED · GREEN · STANDARD_GREEN · BEIGE
Lizenz
MIT