Nowy mobilny wygląd kart w Home Assistant - Mushroom Cards
Вставка
- Опубліковано 3 сер 2024
- W tym poradniku pokazuję, w jaki sposób zmienić standardowy (brzydki, nudny) wygląd #dashboard w Twoim #HomeAssistant. Za pomocą wtyczki Mushroom Cards i szablonu graficznego powiązanego z wtyczką można stworzyć bardzo ciekawy i przejrzysty wygląd poszczególnych kart.
Twój #smarthome może nie tylko dobrze działać, ale też dobrze wyglądać.
▬ Treści ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
0:00 Intro
0:29 Instalacja Mushroom
2:39 Dodajemy nowy Dashboard
3:40 Tworzymy Panel Główny
18:28 Tworzymy Panel Pokoju
30:05 Kiosk Mode (usuwamy menu górne)
32:22 Mushroom - Motyw Graficzny
33:20 Efekt końcowy
▬ Skrypty ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Niestety skryptów nie mogłem umieścić tutaj bezpośrednio (ponieważ youtube nie pozwala umieszczać nawiasów trójkątnych)
Pokazywanie stanu temperatury na karcie szablonu:
{{ states('sensor.korytarz_czujnikruchu_device_temperature') }} °C
Zmień kolor światła w zależności od statusu:
{% if is_state('switch.sypialnia_swiatlogorne', 'on') %}
orange
{% endif %}
reszta skryptów we wpisie na blogu: hejsmart.pl/mobilny-dashboard...
▬ Materiały powiązane ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
• Instalacja podstawowyc... - Jak zainstalować podstawowe dodatki do Home Assistant (File editor oraz HACS) - Наука та технологія
Na prawdę mi się podoba ten nowy interfejs. Szczególnie sterowanie światłem i wiatrakami. Wszystko animowane, możliwość dopasowania barw i temperatury światła w szybszy sposób niż oferuje to HA. Genialny poradnik ;)
Chodź przejrzałem już wiele tego typu rozwiązań to korzystam właśnie z tego i cały czas jest rozwijane, są nowe moduły sterowania, których podczas robienia filmu jeszcze nie było.
Używałem też kart mushroom ale w innym układzie teraz jest o wiele lepiej, Dziękuję za poradnik :)
w jaki sposób używałeś dotychczas kart Mushroom?
ASBOLUTNE BRAWO! Baaardzo fajny tutorial
dziękuję za sugestię odnośnie tworzenia filmu, dopiero zaczynam i każda sugestia jest dla mnie cenna. Postaram się nagrać film o którym piszesz.
W przypadku HA postawionym na VM, potrzeba uruchomić ponownie WM :)
Robiłem reset virtuala hass z poziomu proxmoxa, czy muszę fizycznie wyłączyć całość i odpalić na nowo? Przepraszam za być może banalne pytania, ale jestem nowy - bawię sie tym od kilku wieczorów.
OK, wszystkie super, świetny poradnik i napewno skorzystam, ale po dodaniu kiosku jak mam później wrócić do edycji interfejsu użytkownika skoro nic już nie widać. Zarówno na telefonie jak i na komputerze.
musisz w przeglądarce do adresu Dashboardu dodać na końcu parametr ?disable_km czyli będziesz miał np. twojadresha:8123/lovelace-przyklad/0?disable_km
Super, wszystko fajnie wyjaśnione :)
Tylko po użyciu kiosk-mode zniknęła mi też belka w przeglądarce, jak teraz mogę to przywrócić w celu np. edycji czy dodania nowych widoków?
musisz w przeglądarce do adresu Dashboardu dodać na końcu parametr ?disable_km czyli będziesz miał np. twojadresha:8123/lovelace-przyklad/0?disable_km
@@HejSmart Dzięki :) A swoją drogą jakie jeszcze polecisz ciekawe dodatki właśnie do dashboard'u? Wiem, że jest tego masa ale w większości trzeba samemu pisać kod albo go modyfikować, a dzięki Mushroom Cards można super efekty utworzyć z nie skomplikowany sposób ;)
Zrobię poradnik. Ja korzystam z button-card, mini media player, card-mod, layout-card. Poszukam jeszcze czegoś fajnego. Do mnie bardzo przemawia estetyka Mushroom cards.
Dzień dobry mam pytano czy jest pan w stanie zrobić filmik o integracji Google Home z HA? Czy lepiej kupić Nabu Case i mieć problem z głowy?
Mam w planie zrobić poradnik bezpłatnej integracji Google Home z Home Assistant. Jak miałbym doradzić to integracja poprzez Nabu Casa jest banalna - a do tego wspiera twórców Home Assistant.
Mój poradnik integracji Nabu Casa: ua-cam.com/video/LGp4Eq9AWTs/v-deo.html
Zależy do czego używać chcesz Nabu. Między Google Home a Nabu Casa różnica jest taka, że Google Home obsługiwany jest w wielu językach, ale nie w polskim. Nie mozna więc gadać do urzadzeń po polsku.. ale komunikaty wychodzące można ustawić na PL. No i jest za free. ;) Dla mnie wystarcza.
Dzieki za material. Ps ale masz saune w domu :) patrzac na te temperatury 😅
Wiesz jakie są kłótnie z żoną :) ona lubi ciepło, a ja ledwo wytrzymuje w takim upale :) ale saunę to chętnie bym zrobił, mam nawet na oku fajny przekaźnik Smart do sauny od BleBoxa :)
26*C to juz przesada. Rozwoj mikroorganizmow w tych temperaturach jest zbyt duzy.
A co do sauny to tez planuje w przyszlosci wiec jak cos masz na oku to dawaj znac co to takiego?:)
BleBox SaunaBox
Cześć. Świetny poradnik, jak i fajny dodatek. Mam potrzebę jednak trochę zmodyfikować czcionki na niektórych kartach, głównie na karcie TITLE, bo jest dla mnie za duża i odstępy obramowań za duży mają odstęp góra dół. Niestety żadne card-mody nie działają na tych kartach, albo ja coś źle robie (widze w inspektorze kodu że tam są odwołania VAR, więc bezpośrednie odwołania w card-mode pewnie nie zadziałają, ale nie umiem tego ustawić inaczej). Może wiesz tak to odwołanie ustawić żeby manipulowac stylem css na tych kartach?
Nie próbowałem nigdy tego modyfikować, ale mogę sprawdzić i przetestować różne rozwiązania. Z tego co piszesz to przetestowałem wtyczki ze sklepu Hacs. Chcesz modyfikować globalnie czcionki TITLE, czy indywidualnie dla każdego dashboardu? Na pewno można stworzyc indywidualny szablon (theme) i wtedy ustawić globalnie te elementy. Wrócę do Ciebie jak przetestuje rozwiazania
@@HejSmart nie chcę ustawiać tych parametrów globalnie dla tego typu karty tylko lokalnie dla karty, np zmienić wielkość czcionki, kolor, odstępy od krawędzi górnej i dolnej pola, aby regulowac wysokość szerokość komórki/karty. Na zwykłych wbudowanych kartach HA robie to card-modem ale na kartach mashroom on nie działa. Ten dodatek ma ustawiony css jakoś na zmiennych globalnych i odnośnikach VAR i nie umiem tego wywołać w card-mod. Głównie chodzi mi o kartę TITLE i TEMPLATE bo je najczęsciej wykorzystuje i chciałbym je lekko sformatowac pod swoje potrzeby. Jakby ci się udało coś wymyśleć to daj znać. dzięki
Ok, teraz już wiem więcej. Na początku zrozumiałem to trochę inaczej. Podrzucę Ci kod.
@@HejSmart ok, dzięki
Jak zintegrował pan radio z HA? Można prosić o jakieś namiary na nie?
hej, tutaj dodałem poradnik jak zrobić radio: ua-cam.com/video/iGsRBd7cYRg/v-deo.html
Hej, czy da się zrobić kolor ikony w zależności od tego czy temperatura rośnie lub maleje? lub ewentualnie widełki np. od 18 do 21 blue a od 21.1 do 30 red. Dzięki
Wprost to nie ma takiej możliwości. Przychodzi mi do głowy pomysł, żeby stworzyć pomocnika, który będzie przybierał stan 0 lub 1 - następnie zrobić automatyzację która w przypadku gdy temp. rośnie to ustawia stan na 1 a gdy maleje to 0. Wtedy możesz ustawić kolor ikony na podstawie encji tego pomocnika.
Dodaj wideo z integracja HA z suplą!
Jeszcze mam kilka filmów zaplanowanych, ale postaram się ogarnąć
Proszę o pomoc, zainstalowałem z hacks dokładnie jak w instruktażu, zresetowalem vm, zresetowalem ha, a tworząc nowy dashboard nie mam możliwości wyboru kontroli przez lovelace. W hacs w interfejsie użytkownika mam jak na dłoni zarówno mushroom jak i mushroom themes. Macie jakiś pomysł?
Dla zrozumienia odpala mi się jedynie standardowy ha kreator dashboardow. Przy tworzeniu nowego mam jedynie dwie pozycje tyłu w sidebarze i ikony. Nie mam pozycji URL gdzie można wybrać lovelace.
Hej, nie za bardzo rozumiem. Napisz do mnie w wiadomości na FB i wrzuć screena. Pomogę Ci rozwiązać problem.
Zakładam, że nie ma niestandardowych widoków. Trzeba wyczyścić cache przeglądarki.
@@HejSmart Mam ten sam problem. W 2:54 filmu jest url: u mnie też tego nie ma. Tak czy siak również odpala się standardowy kreator bez responsywnego ekranu. Proszę o pomoc..
Hej, co zrobić jak przy osobie nie mam tak jak ty "w domu" tylko "nieznany"?
Osoba musi mieć zainstalowaną apke HA na telefonie, włączoną geolokalizację w tej apce i włączoną lokalizację w telefonie.
@@siemek8569 Dziękuję bardzo, nie wiedziałem że geolokalizacja jest potrzebna - myślałem że to na inne parametry patrzy. Poprawiłem i działa. Dzięki :D
@@mrmichal_ dokładnie tak jak @siemek piszę :)
Film super lecz ja nie jestem w stanie w edycji karty wybrać motywu jest napisane "Bez motywu"
Ok już sobie poradziłem zgodnie z twoim filmem
@@DarekZde Właśnie chciałem Ci podać link do poprzedniego poradnika: ua-cam.com/video/qhVViJDVRyY/v-deo.html
Zrobisz poradnik jak zainstalować home assistant na linux?
Już wpisuję na liście tematów do omówienia :)
A nie lepiej postawić golasa jako bare metal? Ogromne oszczędności na zasobach! :) I dodatkowo odpada konieczność cyklicznej aktualizacji linuxa...
Jak włączyć podgląd mobilny?
jak masz kartę chrome to zmniejsz okienko (niech nie będzie zmaksymalizowane tylko zmniejszone) i zwęź jak najbardziej się da. 2 sposób to kliknąć f12 i tam masz Toggle Device Toolbar Ctrl+Shift+M
@@HejSmart Cześć, fajny poradnik. A mi się marzy taki czysty interfejs na tablecie, czy taki widok telefonowy również można odpalić na tablecie?
w jaki sposób właczyłeś ten podgląd responsywny???
Korzystam z Chrome, klikam F12 i tam po lewej stronie w wysuniętym ok ile masz taką ikonę "Przełącz pasek narzędzi urządzenia" - możesz zmienić na mobilny podgląd :)
@@HejSmart dzięki. Jeszcze tylko trzeba mieć dwie karty na stronie
Ja ustawiłem sobie 2 okna przeglądarki obok siebie. Gdzie na jednym była wersja niestopowa a na drugim mobilna