2 INTEGRATIONEN die dein HA DASHBOARD völlig VERÄNDERN werden 😱- Room Card & Notification Badges 🔔

Рет қаралды 9,742

Күн бұрын

Пікірлер: 81

@TheT_Flow 3 ай бұрын

Liebe Leute! Ich habe schnell eine kleine Anleitung, wie versprochen, zusammengeschnürt, nachdem ich in einem frischen Home Assistant den richtigen Weg zur manuellen Installation der HA Room Card nachvollziehen konnte, hier ist das Short: kzbin.info/www/bejne/rKHFn4h5o5agnrc Für alle die, die die Room Card noch wollen, bis hoffentlich jemand anderes Repo übernimmt, so kommt ihr dran!

@wollecr Ай бұрын

Nach einem halben Jahr Suche im Netz, bin ich endlich auf einen Dashboard-Ansatz gestoßen, der mir nicht nur gefällt sondern vor allem auch, alle für mich wichtigen Dinge auf einer Seite bündeln und "scheinbar" flexibel auf vielen Geräten darstellen kann. Schauen wir mal wie es bei meiner Umsetzung weiter geht. Erst einmal ein dickes Danke für die Idee und das Video...

@TheT_Flow Ай бұрын

Freut mich mega, dass ich deine Odyssee endlich zum Ziel führen konnte! 😬

@petersmoba3279 4 ай бұрын

Hallo, super Video. Auch mit dem abmischen der Musik, viel besser das das letzte.👍 Hast du alle super erklärt, nur für die Anfänger in HA wäre es gut wenn du auch die Helfer die du brauchst vor allem für die Notification mal von Grund auf erkärst. Ich hätte mich als Anfänger sehr gefreut darüber, aber sonst Top und weiter so. VG Peter

@TheT_Flow 4 ай бұрын

@@petersmoba3279 Guter Hinweis! Ich nehme es mit auf meine Bucket List und plane auch mal ein paar Einsteiger Videos

@mpolsterino2780 3 ай бұрын

@@TheT_Flow Sehe ich genauso, der Teil I war gut nachvollziehr. Aber bei dem Video bin ich jetzt leider ausgestiegen, weil zuviele Sachen vorausgesetzt sind.

@TheT_Flow 3 ай бұрын

@@mpolsterino2780 Danke dir! Sowas ist mir wichtig! Daher wird es auch nach dem Teil 3 mit den wichtigen Basics für HA weitergehen!

@mpolsterino2780 3 ай бұрын

@@TheT_Flow wenn du mal von scratch erklären würdest, wie du z.B. das Batterie Badge gebaut hast, dann kann man das auf andere Badges adaptieren. Ich bleib dran, mir gefallen deine Videos 🤘

@stphns7198 2 ай бұрын

Wow das ist fast 1:1 was ich mir im März selbst gebaut habe. Das trifft genau meinen Geschmack. Nur das was wichtig ist, fällt ins Auge. Bei mir ist alles inaktive grau, die aktiven Objekte sind eingefärbt, damit ich auf einen Blick sehen kann was an ist. Wenn ich den Raumnamen bei mir anklicke komme ich trotzdem in eine Unteransicht, die detaillierter ist. Deine badges sind für mich noch eine Aufwertung, danke dafür. Ich würde auch gern einen Screenshot mit dir teilen, doch ich glaube das geht hier in den Kommentaren nicht. #homeassistant #bestdashboard Weiter so 👍

@TheT_Flow 2 ай бұрын

Tatsächlich geht das nicht. Aber ich auf der etwas entfernteren roadmap für den Kanal noch Community Dashboards auf dem Plan :) Wenn es soweit ist werde ich euch das früh genug wissen lassen

@derNeki 3 ай бұрын

Du bist mir vor ein paar Tagen zufällig in meinen Algorithmus gespült worden mit dem Video "Das perfekte Dashboard". Und obwohl ich für mich schon das beste Dashboard habe, hatte ich es mir heute Nachmittag in einer freien Minute angeschaut. Wir haben den gleichen Style :) Mein Dashboard schaut fast 1:1 wie deines aus. Bis auf die Card-Room Karte. Die kannte ich bis jetzt nicht. Die Optik hat mich neugierig gemacht. Für viele Leute wahrscheinlich nicht brauchbar weil es keinen Visual Editor gibt. Dh man muss sich schon durchs Wiki durcharbeiten. Und yaml sollte man auch etwas können. Wenn man aber einmal ein "template" erstellt hat geht es für die anderen Räume recht schnell. Danke auch, daß du deinen kompletten Dashboard Code auf Git zur Verfügung stellst. Da kann man sich einiges abschauen. Zur deiner Frage: Ausleuchtung, Audio, etc: Mir wäre nichts negatives aufgefallen. Ich achte aber mehr auf den Inhalt :) Wirklich sehr gutes Video. Danke dafür

@TheT_Flow 3 ай бұрын

@@derNeki Wow! Vielen lieben Dank für das Feedback! So macht der lange Schnitt-Abend gleich noch mehr Spaß!

@DavidHendus 4 ай бұрын

Tolles Video, super Funktion 👍

@TheT_Flow 4 ай бұрын

Danke für das Lob! Das motiviert mich in meinem Stil! :)

@the_smart_home_maker 3 ай бұрын

Sind ein paar gute Tipps dabei - danke! Hab Deinen Kanal eben erst entdeckt 👍🏻

@TheT_Flow 3 ай бұрын

Danke dir! Willkommen! Hab mir deinen auch gerade angesehen. Spannend, dass du auf Englisch ausrichtest. Abo ist raus :)

@the_smart_home_maker 3 ай бұрын

@@TheT_Flow Danke Dir - bin gespannt auf Deine weiteren Videos

@TheT_Flow 4 ай бұрын

Community! Ich habe in diesem Video massiv an Ausleuchtung, Color Grading und am Audio Setup, sowie der Abmischung und der Hintergrund Musik gearbeitet. Lasst mich mal wissen, wie ihr das insgesamt jetzt findet. Das würde mir mega helfen!

@chrannen 4 ай бұрын

ich finds sehr passend und das video sehr gut gemacht. danke für deinen einsatz! 💪

@darklirahmaledicta8478 3 ай бұрын

Etwas viel gelb beleuchtet, für meinen Geschmack, aber insgesammt sehr schon, die Musik stört nicht

@snooper5719 3 ай бұрын

Absolut begeistert von deinen videos. Bin seit 2 tagen süchtig. Bringe nur meine xiaomi sachen nicht rein aus der home app video wäre toll

@meinname346 2 ай бұрын

super video aber für ein total anfänger würde ich mir wünschen das es etwas langsamer wiedergegeben wird damit man es auch nachvollziehen kann. 🙂

@ThorstenS-y3f 2 ай бұрын

Sehr gutes Video und Dashboard. Vielen Dank! Allerdings verzweifel ich an der Batterie-Darstellung. Kannst du sagen, was/wo du den "sensor.low_batt" angelegt hast? Bei mir wird immer nur ein rotes Badge ohne Zahl angezeigt - vermutlich, da der Sensor fehlt :D Danke

@TheT_Flow 2 ай бұрын

Danke für das Lob! Schau mal in meinem repository. Da ist der Code aller meiner custom template Sensoren abgelegt: github.com/t-flow-sash/tflow_smarthome_samples/blob/main/custom_template_sensors_dashboard Was du also für den Batterie Sensor in deiner configuration.yaml bräuchtest wäre entsprechend: template: - sensor: - name: "Low Batt" icon: mdi:battery-outline state: | {% set count = namespace(value=0) %} {% for state in states.sensor %} {% if state.attributes.device_class == 'battery' and state.state != 'unknown' and state.state != 'unavailable' %} {% if 'z-wave' not in state.name.lower() %} {% if state.state | float < 20 %} {% set count.value = count.value + 1 %} {% endif %} {% endif %} {% endif %} {% endfor %} {{ count.value }} Ggf. Einrückung korrigieren falls KZbin hier jetzt was kaputt macht

@ThorstenS-y3f 2 ай бұрын

@@TheT_Flow Wie so oft, sitzt das Problem vorm Rechner. :) Vielen Dank für deine schnelle Info.

@Maikel-- 4 ай бұрын

Top, das mit den Notifications find ich sehr gut. Ich habe für uns auch eine komplette Übersicht gebaut, ähnlich wie bei dir, nur alles mit der Custom-Button Card, is man noch etwas flexibler, aber is auch wesentlich aufwendiger vom Code. Schade das man bei YT keine Bilder posten kann. ^^ mal schauen, ob ich die Notifications auch sinnvoll einbauen kann. Das mit CSS versteh ich voll und ganz, bekomms auch nicht in den Kopf.

@TheT_Flow 4 ай бұрын

@@Maikel-- schön mit CSS nicht alleine zu sein :D Sollte es mal irgendwann nen zweiten Kanal geben, wird es eine CSS Selbsthilfegruppe ;) Ich überlege mir noch was, wie ich am besten Einsendungen annehmen kann. Dann könnte ich bei genügend Material „Community Dashboards“ zeigen :)

@Maikel-- 4 ай бұрын

@@TheT_Flow ja das mit der Selbsthilfegruppe klingt jut 😆 Ich muss sagen ich fand Yaml anfangs echt verwirrend, aber es is eigentlich garnicht so schwer, das sieht bei CSS aber schon wieder ganz anders aus. Auch wenn es cool is das man so noch wesentlich mehr machen kann, würde ich mich mehr freuen, wenn HA das von Haus aus könnte.

@majorjoomla 3 ай бұрын

Wie wäre es mit einem TheT_Flow - DISCORD? Da könnte man den weiter Diskutieren und auch Code Snipes und Bilder draufpacken.

@thomi309 3 ай бұрын

Super Dashboard - hab mich gleich an den Nachbau gemacht. Aber hast du wirklich so viele Lampen einzeln steuerbar? Vielleicht kannst du mal erklären, was und wie das alles vernetzt ist.

@TheT_Flow 3 ай бұрын

Wie gut, dass du es erwähnst! Ein derartiges "Wie sieht mein Smart Home eigentlich aus" Video soll steht auf meiner To-Do Liste :) Danke für die Blumen!

@maraka0100 Ай бұрын

Ich habe das mit den Türen und Fenster zählen soweit hinbekommen. Wenn jetzt alle Türen und Fenster bei mir zu sind, zeigt der Zähler immer noch fünf an d.h. doch, dass irgendwo versteckt im System etwas ist was als Tür oder Fenster deklariert wird. Kann man diese schnell herausfinden?

@TheT_Flow Ай бұрын

Hi! Der Sensor basiert ja maßgeblich auf folgendem Template Code: {{ states.binary_sensor | selectattr('attributes.device_class', 'eq', 'door') | selectattr('state', 'eq', 'on') | reject('search', 'ev6') | reject('search', 'lock') | reject('search', 'gruppe') | list | count + states.binary_sensor | selectattr('attributes.device_class', 'eq', 'window') | selectattr('state', 'eq', 'on') | reject('search', 'ev6') | reject('search', 'lock') | reject('search', 'gruppe') | list | count }} Wenn du in beiden Zeilen am Ende das "| count" weglässt und das dann in den Entwicklerwerkzeugen unter Template reinkopierst bekommst du die komplette Liste aller gefundenen Sensoren. Deswegen siehst du hier zB bei mir auch wie er mein Auto "ev6" ausklammert, da die offene Ladeklappe des Autos als "offene Tür" angezeigt wurde :D

@maikporsche6430 3 ай бұрын

Hallo, sehr cooles Video und mit der Codefreigabe auch interessant nachzubauen bzw. anzupassen. Leider hänge ich etwas an den ganzen Cards, besonders die Browser_mod oder ist es die falsche Karte für das Popup Fenster beim Batteriestatus? Für eine kurze Rückinfo wäre ich dankbar. Eventuell auch einen Installationsverlauf. Danke und mach weiter so!

@TheT_Flow 3 ай бұрын

Hi! Du brauchst die HACS integration browser mod und musst darin die Browser Erkennung anschalten. Erst dann legt Browser Mod die nötigen Scripte an und das Popup sollte funktionieren

@TheT_Flow 3 ай бұрын

Ich schaue mal, ob ich genug aus Browser Mod rauskriege um ein Video draus zu machen

@snooper5719 3 ай бұрын

Magst du das script teil nur vom der message zeile ganz oben noch veröffentlichen? Lg Robin

@TheT_Flow 3 ай бұрын

SChau mal hier: github.com/t-flow-sash/tflow_smarthome_samples/blob/main/tflow_dashboard_full.yaml Zeile 91-138. Ist einfacher als Code Blöcke im Kommentar :)

@snooper5719 3 ай бұрын

@@TheT_Flow stimmt danke dir. Ist ebenfalls mit den cards wo Grad der short kam oder?

@TheT_Flow 3 ай бұрын

@@snooper5719 Die Room Cards sind da mit drin, ja. Aber der Message Teil oben basiert auf der "Layout Card" mit Grid Layout und einer ganz normalen HA Markdown Card.

@snooper5719 Ай бұрын

@@TheT_Flow Eventuell siehst du den Kommentar ja noch ? Du hattest das Skript vom Tür counter zu Verfügung gestellt. Zeigt es bei dir an welche Tür offen ist ?denke das wäre eine coole Ergänzung man drückt oben auf die Bouton mit der 1 und es steht z.B. Küche Lg Robin

@moonsorrox77 3 ай бұрын

Super Video und sogleich wollte ich auch mal was probieren, aber die room-card gibt es seit August 2024 nun nicht mehr bzw ist sie nicht installierbar. Die hätte mich tatsächlich interessiert. Ich habe es so ähnlich gebaut mit der picture-glance Card, aber das ist sehr aufwändig. Leider ist dein Dashboard ohne diese Karte nicht zu machen, hast du einen Einfall.?

@TheT_Flow 3 ай бұрын

Ich habe gerade ein Short veröffentlicht, wo erklärt ist, wie du die room-card.js manuell aus dem Repository in HA einpflegst. Habe diesen weg heute getestet :) kzbin.info/www/bejne/rKHFn4h5o5agnrc Hoffe es hilft!

@snooper5719 2 ай бұрын

ist in der Room Card der Titel von der grösse anpassbar?

@TheT_Flow 2 ай бұрын

Das weiß ich konkret leider nicht. Die Größe war für mich passend so. Aber ggf. hatte jemand im HA Forum die gleiche Frage. In der Regel kann über CSS nahezu alles angepasst werden

@snooper5719 2 ай бұрын

@@TheT_Flow habs grade gefunden:) hast du eigentlich einen chat oder so deine info leiste oben killt mich :0

@TheT_Flow 2 ай бұрын

Moin! Hab leider aktuell noch keine Alternativen Community Plattformen außer Social Media. Plane verschiedene Ansätze für die Zukunft, konzentriere mich aber zunächst auf den Video content :) Hast du deine Herausforderung meistern können?

@snooper5719 2 ай бұрын

@@TheT_Flow ja hänge an der Batterie Abfrage. Er zeigt mir noch unbekannte Geräte an. Langsam wird es;) aber Community Platform wenn es nur ein discord ist wäre super

@snooper5719 3 ай бұрын

Gibt es was ähndliches über die standart Karten? Finde es leider au ned mehr:(

@TheT_Flow 3 ай бұрын

Eben eine Anleitung hochgeladen :) Schau mal hier: kzbin.info/www/bejne/rKHFn4h5o5agnrc

@Animizio2024 3 ай бұрын

HACS Room Card kann ich irgendwie in HACS nicht finden oder als Repo hinzufügen. Könntest du das bitte einmal überprüfen? Ansonsten sehr schönes Dashboard :)

@TheT_Flow 3 ай бұрын

Hi! Danke dir!! Es sieht so aus als wurde das repository am 30.08. archiviert :( Man kann die Integration immer noch manuell installieren. Schade! Werde dann wohl demnächst mal eine Alternative erarbeiten müssen ;)

@TheT_Flow 3 ай бұрын

Hier die Möglichkeit wie du trotzdem noch an die Room Card kommst :) kzbin.info/www/bejne/rKHFn4h5o5agnrc

@stemi6991 2 ай бұрын

Ich hab mal dein Dashboard importiert und die fehlenden Integrationen nachinstalliert. Jetzt warnt mich aber mein HA , dass die room-card aus HACS entfernt wurde. ich möge sie bitte löschen. What now? Ich hatte sie über das wiki vom Repository direkt über HACS installiert.

@TheT_Flow 2 ай бұрын

Nach meiner bisherigen Recherche sollte die Room Card aber nach wie vor funktionieren. Leider wurde sie eingestellt. Die Hinweismeldung dient normalerweise nur Qualitätssichernden Ansätzen, da sie so natürlich auch nicht mehr an neue HA Versionen angeglichen wird und ggf. spontan gar nicht mehr geht. Das ist leider unangekündigt wenige Tage nach meinem Video passiert :( Ich suche bereits eine Alternative um sie euch zu zeigen

@majorjoomla 3 ай бұрын

Hab mal eine Frage zu deinen Wetter Warnungen, wie hast du diese eingebunden und welche Sensoren hast dafür angelegt? Bin schon eine ganze zeit an basteln und bekomme das so wie bei dir nicht hin,. MFG Michael aka Major Joomla, mach weiter so

@TheT_Flow 3 ай бұрын

Moin! Die Sensoren kommen aus der DWD Integration: www.home-assistant.io/integrations/dwd_weather_warnings Einfach installieren, einrichten für deine Region und die Sensor Namen notieren. Dann gehst du am besten in den Code der Markup Karte oben und ersetzt die Sensor Namen für „aktuelle_warnstufe“ und „vorwarnstufe“ an allen Stellen mit deinem Sensor Namen. :)

@majorjoomla 3 ай бұрын

@@TheT_Flow oh das ging schnell, hab ich eingetragen jetzt brauchen wir nur noch Wahrungen zum testen ;) Danke

@Steven45143 3 ай бұрын

Einen schönen Guten Morgen. Ich wollte dein Dashboard an mich angepasst nachbauen, aber leider finde ich die Room-Card nicht mehr. Obwohl dieses Video noch nicht mal einen Monat alt ist.

@TheT_Flow 3 ай бұрын

Moin! Das stimmt leider und war nicht absehbar. Am 30.08. hat der private Entwickler dahinter das Repository eingestellt. :( Ich werde am Donnerstag die Möglichkeit zum manuellen hinzufügen vertesten. Ansonsten muss ich demnächst eine Alternative suchen. Es gibt aber Hoffnung: Jemand anderes hat das Originale Repository kopiert und kleinere Arbeiten daran durchgeführt. Vielleicht führt er es fort

@schwammbob 3 ай бұрын

Tja, leider wurde Room-Card (auf dem dein Dashboard aufbaut) wohl eingestellt - zumindest ist es aus HACS rausgeflogen und bei Github wurde das Repo archiviert ☹

@TheT_Flow 3 ай бұрын

Ja… seit dem 30.08. leider. Man kann es immer noch manuell installieren. Ich schaue mal nach einer Alternative und mache ein Update Video.

@keithmorden907 3 ай бұрын

@@TheT_Flow Manuell geht leider nicht bzw. bekomme es nicht hin (js in www ordner und config yaml anpassen) :(

@TheT_Flow 3 ай бұрын

Ich probiere es die Tage auch mal in einer frischen Home Assistant Instanz aus und melde mich mit meinen Erkenntnissen zurück

@schwammbob 3 ай бұрын

@@keithmorden907 Geht mir ähnlich. Ist ja nicht mein erstes YAML-Gebastel, aber nach ein paar Stunden ausprobieren habe ich dann aufgegeben 😭

@TheT_Flow 3 ай бұрын

@@keithmorden907 Hi! Ich hab es mir mal angeschaut. Hast du ausprobiert, die room-card.js www/community/room-card zu packen? Dann in der configuration.yaml folgendes als path: /local/community/room-card/room-card.js

@DavidHendus 4 ай бұрын

#bestdashboard