[Update] Tank Card v0.7.0 – Tankfüllstand-Visualisierung *** NEW 3D LOOK ***

Konfig & Integration HACS Integration
, ,
1

Tank Card – Tankfüllstand-Visualisierung

Tank Card ist eine benutzerdefinierte Home-Assistant-Karte zur Visualisierung von Tankfüllständen, Gesamtkapazität und Verbrauch.

Aktuelle Version: 0.7.0

:new_button: 0.7.0

  • Neue 3D-Tankdarstellung
  • Metallischer Tankrahmen
  • Licht- und Schatteneffekte
  • Materialabhängige Glow-Effekte
  • Optimiertes Rendering ohne unnötigen DOM-Neuaufbau

3d-Tank-card.PNG
3d-Tank-card.PNG1084×779 206 KB

Hinweis: Nach dem Update das Dashboard mit Strg + F5 vollständig neu laden und den Browser-Cache leeren, damit Editor und Karte die neue Version laden.

:open_book: Über Tank Card

Tank Card ist eine benutzerdefinierte Home-Assistant-Karte zur Visualisierung von Tankfüllständen, Gesamtkapazität und Verbrauch.

Sie unterstützt Verbrauchssensoren sowie Füllstandssensoren mit absoluten Werten oder Prozentangaben. Geeignet für Heizöl, Wasser, Diesel, Gas, Pellets, Holzhackschnitzel und andere Flüssigkeiten oder Schüttgüter – ebenso wie für frei konfigurierbare Farbanzeigen.

Die Berechnung hängt vom ausgewählten Sensormodus ab:

  • Verbrauchssensor: Anfangsfüllstand - Verbrauch
  • Füllstandssensor (L / kg / m³): direkter Sensorwert
  • Füllstandssensor (%): Prozentwert basierend auf der Gesamtkapazität

Highlights

  • Ein oder mehrere Tanks (1–20) mit individuellen Namen
  • Anzeige von Tankfüllstand und Gesamtkapazität
  • Verbrauchs- und Füllstandssensoren (absolut oder prozentual)
  • Tankformen rect, pool und capsule
  • Material- und farbabhängige Füllstandsverläufe / Muster
  • Einheiten L, kg und m³
  • Konfigurierbare Schriftfamilie und Schriftgröße (50–200 %)
  • Optionales Home-Assistant-Theme
  • Responsives Layout (Container Queries)
  • Visueller Home-Assistant-Editor mit Hilfetexten
  • Englisch und Deutsch (folgt der HA-Sprache)
  • Home-Assistant-konforme Kartenkonfiguration

:package: Installation

Einfache Installation → Open in HACS

HACS (bald verfügbar)

  1. HACS öffnen
  2. Frontend auswählen
  3. Nach Tank Card suchen
  4. Die Karte installieren
  5. Home Assistant oder den Browser neu laden

Manuell

  1. tank-card.js herunterladen

  2. Die Datei nach /config/www/community/tank-card/ kopieren

  3. In Home Assistant Einstellungen → Dashboards → Ressourcen öffnen und Folgendes hinzufügen:

    /local/community/tank-card/tank-card.js

    Ressourcentyp: JavaScript-Modul

Anschließend den Browser neu laden, beispielsweise mit Strg + F5.

Bitte vergiss nicht, diesem Repository einen :star:Stern zu geben. Auch eine kleine Spende über Bitcoin oder Lightning würde mich sehr freuen. Vielen Dank!