ich wollte gerne meine erste eigene Custom Card mit euch teilen.
Ich war auf der Suche nach einer Room Card, die kompakt ist, sich optisch anpassen lässt und ein flexibles Raster-Layout bietet, ohne dass man sich mit komplexen YAML-Verschachtelungen (Nesting) herumschlagen muss. Deshalb habe ich die Room Card gebaut.
Der Fokus liegt auf Stabilität, Performance (Vanilla JS) und einfacher Bedienbarkeit. Alles lässt sich direkt über den visuellen Editor konfigurieren.
Ich habe den Fehler gerade gefunden und behoben. Das Update auf Version 1.0.4 steht ab sofort in dem Customer-HACS bereit. Ihr könnt es einfach aktualisieren, danach sollte die Karte stabil laufen und sich nicht mehr “zuklappen” oder den Fehler anzeigen.
Dank dem Tipp von totow hier ein direkter Installationslink:
Was mir aufgefallen ist und mir persönlich fehlt in der Karte, sind folgende Dinge:
Bei dem Button für das Thermostat wird die IST-Temp angezeigt. Hier wäre mir die eingestellte SOLL-Temperatur lieber. Denn die aktuelle IST-Temp wird ja oben links angezeigt. Das Icon ändert leider auch nicht seine Farbe wenn das Thermostat im Heizbetrieb ist.
Bei den Buttons für das Licht, fehlt mir die Funktion “Halten” um in die Detailansicht zu kommen, um da Attribute wie Helligkeit oder Farbe einstellen zu können. Auch wenn das Licht z.B. in blau eingeschaltet ist, das Icon auch blau ist.
Ich weiss ja nicht, ob das so beabsichtigt ist, oder ob du das noch nachpflegen möchtest.
Viele Grüße
Dobsen
by HarryP: Zusammenführung Doppelpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)
ich habe an einer neuen Version 1.0.5 gearbeitet. Die Farben werden jetzt aus dem Entitäten gezogen und nur wenn man möchte kann man die Farbe hart überschreiben.
Gleichzeitig habe ich einige Verbesserung bei der Erstellung implementiert.
Das Klickverhalten habe ich auf das Standardverhalten der Entitäten geändert, so dass die Detailansicht beim einfachen klicken öffnet. Hier überlege ich noch eine Möglichkeit, wie man selbst entscheiden kann wie wann was passiert.
Die Idee mit der Solltemperatur finde ich spannend und nehme ich auch gleich mal mit.
habe die Version 1.0.5 geladen. Werde heute Abend wenn es zeitlich passt mal ein Dashboard aus deiner Karte bauen und schauen wie es wirkt.
EDIT:
Habe mir mal ein Dashbord mit deiner Karte gebaut. Macht sich für mich echt gut auf meinem Tablet. Da es aber nur ein 10” ist, kann ich nicht mehr wie 3 Spalten nebeneinander setzen.
Die Karte hat nur ein Problem mit meinem Template vom Rollo im Wohnzimmer, hier wird der Status nicht zurück gegeben. Das liegt aber am Template.
Bei meinen Tado und Sonoff Thermostaten wird das Icon grün wenn sie im Leerlauf sind und rot wenn sie im Heizmodus sind. So kann man auf einen Blick erkennen, ob gerade geheizt wird oder ned. Nur die Aqaras bekommen das ned hin. Die werde ich mal gegen Sonoff tauschen, finde die Sonoff deutlich besser.
Das würde ich sehr begrüßen, denn wenn man nur mal schnell ein Licht einschalten will, ist das mit der Detailansicht unpraktisch.
Das wäre ein Träumchen.
Eine Anmerkung noch, wenn man keine Entität für die Luftfeuchte hat, wäre es schön wenn das |- neben der Temperatur weg wäre. Oder wenn Temperatur und Luftfeuchte nicht vorhanden sind das -|- nicht angezeigt werden.
ich habe ein neues Release 1.0.6 entwickelt und einige neue Features integriert. @Dobsen Ich habe ergänzt, dass wenn ein Wert z.B. Ist,- Soll-Temperatur oder Feuchtigkeit fehlt, nichts, statt einem - angezeigt wird. (Bitte nicht vergessen ggf. den Frontend Cache zu bereinigen)
Release 1.0.6 - Upload & Actions
This release brings two major requested features: Direct image uploads and fully configurable button actions!
New Features
Direct Image Upload: You no longer need to upload images manually to www or copy URLs. You can now upload room images directly within the visual editor using the new “Upload Image” button.
Custom Actions: Full control over your buttons! You can now define specific actions for Tap, Hold, and Double Tap individually for each button.
Options: Details, Toggle, one.
Target Temperature: added an optional sensor field to display the target temperature (setpoint) alongside the current room temperature in the header (e.g., “21.5°C (23.0°C)”).
Improvements
Smart Climate Toggle: Improved logic for toggling climate devices directly via card actions.
Interaction: Migrated to standard Home Assistant action handling for better responsiveness.
Moin zusammen, es gibt ein wichtiges Update (v1.0.7) für die OneLine Room Card, das zwei oft angefragte Punkte löst:
1. Umbenennung (Konfliktlösung) Um Konflikte mit anderen “Room Cards” endgültig zu vermeiden, hat die Karte nun einen eindeutigen Namen.
Neu:type: custom:oneline-room-card
Alt:type: custom:room-card (Zeigt ab sofort einen Migrations-Hinweis)
2. Dynamische Einheiten Schluss mit hart kodiertem Celsius! Die Karte übernimmt jetzt automatisch die Einstellung eures Home Assistant Systems (egal ob °C oder °F).
Was ist zu tun?
Update über HACS laden.
Browser-Cache leeren (Strg + F5) – Wichtig, damit das neue Skript lädt!
Im Dashboard den Typ auf custom:oneline-room-card ändern.
vielen Dank für dein Feedback! Ich habe dazu direkt ein Issue eröffnet, um die Pfadauswahl künftig komfortabler per Dropdown zu lösen: https://github.com/lop1505/RoomCard/issues/5
Versuch bitte auch mal, ob es mit dem Pfad /lovelace-buro/0 klappt. Manche Umgebungen wollen Dashboard nicht mehr, sondern gehen auf Lovelace
Ich habe deine Karte auch mal ausprobiert und finde sie generell echt gut. Was ich noch sehr gut finden würde wenn man zum Beispiel bei Rolläden oder Jalousien direkt die Controls sehen könnte und nicht erst auf die Entity klicken müsste z.B. ähnlich der Bubblecard:
Selbes vielleicht für dimmbare Lichter einen Slider bzw. eventuell den ganzen Button als Slider.
Das würde jeweils eine direktere Bedienung ermöglichen.
Was mir noch aufgefallen ist (eventuell aber auch nur bei mir so), ich kann in der Schnellerfassung wählen was ich möchte es bleibt immer auf Licht und gefiltert wird auch nicht:
Vielleicht wäre es auch möglich im Header also dort wo man das Bild einbinden kann zusätzliche Stati wie zum Beispiel Fenster geöffnet/geschlossen einzubinden, wie eine Art Badge.
Ergänzung: Dynamische Icons wären auch cool also z.B. Fenster zu/auf oder Rolladen zu/geöffnet.
Erstmal ein riesiges Dankeschön für die oneline-room-card! Die Karte ist echt klasse und genau das, was ich für mein kompaktes Dashboard gesucht habe. Das Design mit dem Hintergrundbild und der Anzeige in einer Zeile ist richtig schick gelöst.
Ich hätte allerdings eine kurze Frage bzw. einen Wunsch: Ich versuche gerade, die Schriftgröße der Überschrift (Name) und der Sensor-Werte oben etwas anzupassen. Leider scheint die Karte das Styling via card-mod komplett zu blockieren (auch mit Shadow-Root-Pfaden wie $: | .card-header).
Wäre es möglich, in einem zukünftigen Update eine Option für die font_size einzubauen? Oder hast du einen Tipp für mich, wie ich die Schrift im Header doch noch ein Stück größer bekomme, ohne dass das CSS ignoriert wird?
Visueller Editor: Konfiguriere alles bequem in der UI – kein YAML nötig.
Flexibles Grid: Du entscheidest, ob ein Button 1/3, 1/4 oder 1/6 der Zeilenbreite einnimmt.
Smarte Chips: Zeigt automatisch aktive Zustände an (z. B. offene Fenster, schwache Batterien, hohe Luftfeuchtigkeit).
Individuelle Höhen: Mach wichtige Buttons größer für eine bessere Bedienbarkeit.
Schnell: Komplett in Vanilla JS geschrieben, ohne externe Abhängigkeiten.
by HarryP: Zusammenführung Doppelpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)
Target Temperature: added an optional sensor field to display the target temperature (setpoint) alongside the current room temperature in the header (e.g., “21.5°C (23.0°C)”).
Improvements
.
Umbenennung (Konfliktlösung) Um Konflikte mit anderen “Room Cards” endgültig zu vermeiden, hat die Karte nun einen eindeutigen Namen.
Dynamische Einheiten Schluss mit hart kodiertem Celsius! Die Karte übernimmt jetzt automatisch die Einstellung eures Home Assistant Systems (egal ob °C oder °F).
Was ist zu tun?
Editor deutlich aufgeräumter und flexibler (Label/Status Position frei wählbar, Sections einklappbar usw.)
Neuer Konditional-Reiter, damit die Karte nur angezeigt wird wenn Bedingungen passen
Header-Icon reagiert jetzt wie die Buttons dynamisch auf den Status
Weniger unnötige Updates → läuft spürbar ruhiger auf größeren Dashboards
by HarryP: unnötiges Vollzitat aus Beitrag drüber entfernt
