Pora na własne interfejsy czyli jak ugryźć lovelace?

Chciałbym wykorzystać możliwość definiowania własnych paneli w interfejsie lovelace.
Czy jest gdzieś przyjazny tutorial jak to zrobić? Chciałbym mieć mniejsze elementy niż te, które udało mi się eksperymentalnie zrobić. Chodzi mi np. o kafelki w matrycy o wymiarach 12 x 8 na których byłyby np. włączniki świateł/gniazdek czy też wskazania sensorów.
Mógłby mnie ktoś naprowadzić?

1 polubienie

Włącz tryb panelu i dodaj kartę “Siatka”
dokumentacja HA

3 polubienia

OK. Pytanie do wieloletnich użytkowników o najlepsze rozwiązanie dla interfejsu.
Aktualnie mam 2 użytkowników bramki z apkami na telefonie, ja i Moja Lepsza Połowa, która prawdę powiedziawszy techniczna nie jest. Do tego mam 2 tablety, jeden starszy na piętro, drugi nowszy na parter, jako panele na ścianę. No i oczywiście komputer do administrowania.
Każde urządzenie loguje się swoim własnym użytkownikiem. Liczba dostępnych funkcji interfejsu powinna być w zależności od urządzenia/użytkownika. Najwięcej, to znaczy wszystko, powinno być dostępne dla użytkownika logującego się na komputerze. Potem na tabletach, przy czym na starszym o słabszych możliwościach (generowanie wykresów, nie działa karta siatka) mniej niż na nowszym. Potem mój telefon, który powinien być odchudzona wersja panelu administracyjnego i telefon małżonki, która potrzebuje tylko to co można i potrzeba zrobić będąc już w łóżku.
No i teraz jak to najlepiej zorganizować?
Wyczytałem, że można to zrobić na 3 sposoby, poprzez:

  • różnorodne widoki w dashboardzie, do których przypisujemy uprawnienia poszczególnym użytkownikom wg potrzeb,
  • różne dashboardy dla każdego z urządzeń,
  • połączenie powyższych.

Próbowałem 1 sposób, ale ilość widoków (aktualnie 21 i przybywa) na pasku widoków trochę utrudnia poruszanie się pomiędzy nimi, choć stosuję tylko ikony.
Aktualnie próbuję 2 sposobu, ale tu z kolei uciążliwe jest kopiowanie tych samych widoków, kart pomiędzy dasboardami. Szkoda, że można przenosić karty pomiędzy widokami tylko w ramach jednego dasboarda. Szkoda, że nie można pomiędzy dashboardami, alboi całych widoków pomiędzy dasboardami. Byłoby to wygodne.
Przymierzam się także do wypróbowania 3 sposobu, gdzie dasboardy nie dotyczyłyby urządzeń/użytkowników a bardziej oferowanych funkcjonalności., takich jak oświetlenie, sterowanie, liczniki, sensory, etc.
Może podzielicie się swoimi doświadczeniami w tym zakresie?

1 polubienie

W tym zakresie szykują się zmiany, docelowo będą różne strategie “autogenrowania” interfejsu.
Chodzi o to żeby po dodaniu urządzenie samo się pojawiało w interfejsie (w dobrym miejscu), pierwszym krokiem do tego były obszary (które naturalnie mogą stać się widokami).

Temat jest dyskutowany w HA od kilku miesięcy

Możliwe, że za jakiś czas domyślny wygląd będzie taki:
(oczywiście zawsze będzie można go zmienić/dostosować bo o to chodzi w tym systemie)

3 polubienia

Czy jest gdzieś dostępny spis wszystkich ikon dostępnych w lovelace? Przeszukałem cały internet i nie znalazłem. Może ktoś pomoże?

@Zaku chyba chodzi Ci o to Documentation of built-in symbols / icons - Configuration - Home Assistant Community a w dokumentacji HA - Lovelace - Home Assistant

hass:account
hass:alert
hass:alert-circle
hass:altimeter
hass:apple-safari
hass:apps
hass:arrow-bottom-left
hass:arrow-down
hass:arrow-left
hass:arrow-right
hass:arrow-top-right
hass:arrow-up
hass:autorenew
hass:battery
hass:battery-
hass:battery-alert
hass:battery-outline
hass:battery-unknown
hass:bell
hass:bell-outline
hass:bell-plus
hass:bell-ring
hass:bell-sleep
hass:bookmark
hass:brightness-
hass:brightness-5
hass:broom
hass:calendar
hass:calendar-clock
hass:cancel
hass:cast
hass:cast-connected
hass:chart-line
hass:check
hass:checkbox-marked-circle
hass:check-circle-outline
hass:chevron-down
hass:chevron-left
hass:chevron-right
hass:chevron-up
hass:clock
hass:clock-fast
hass:close
hass:cloud-upload
hass:code-tags
hass:cog
hass:comment-alert
hass:content-save
hass:crop-portrait
hass:cursor-pointer
hass:delete
hass:door-closed
hass:door-open
hass:dots-horizontal
hass:dots-vertical
hass:drawing
hass:emoticon
hass:emoticon-dead
hass:emoticon-poop
hass:exit-to-app
hass:eye
hass:eye-off
hass:fan
hass:file-document
hass:file-multiple
hass:file-word-box
hass:file-xml
hass:filter-variant
hass:fire
hass:flash
hass:flash-off
hass:flower
hass:format-list-bulleted
hass:garage
hass:garage-open
hass:gauge
hass:google-circles-communities
hass:google-pages
hass:hammer
hass:help-circle
hass:home
hass:home-assistant
hass:home-automation
hass:home-map-marker
hass:home-outline
hass:home-variant
hass:image-filter-center-focus
hass:image-filter-frames
hass:information-outline
hass:leaf
hass:lightbulb
hass:link
hass:lock
hass:lock-open
hass:login-variant
hass:mailbox
hass:map-marker
hass:menu
hass:menu-down
hass:menu-up
hass:microphone
hass:music-note
hass:music-note-off
hass:nature
hass:notification-clear-all
hass:open-in-new
hass:original-icon
hass:palette
hass:pause
hass:pencil
hass:pencil-off
hass:play
hass:playlist-play
hass:play-pause
hass:plus
hass:plus-circle
hass:poll-box
hass:power
hass:power-plug
hass:power-plug-off
hass:power-sleep
hass:radiobox-blank
hass:radio-tower
hass:ray-vertex
hass:refresh
hass:remote
hass:robot-vacuum
hass:rotate-left
hass:rotate-right
hass:run
hass:security
hass:send
hass:server-network
hass:server-network-off
hass:settings
hass:shield-check
hass:shield-home
hass:shield-lock
hass:shield-outline
hass:skip-next
hass:skip-previous
hass:sleep
hass:snowflake
hass:square
hass:square-outline
hass:stop
hass:target-variant
hass:television
hass:television-box
hass:television-off
hass:textbox
hass:text-to-speech
hass:thermometer
hass:thermostat
hass:timer
hass:timer-off
hass:timer-sand
hass:tooltip-account
hass:undo
hass:user-icon
hass:vibrate
hass:video
hass:view-dashboard
hass:volume-high
hass:volume-medium
hass:volume-minus
hass:volume-off
hass:volume-plus
hass:walk
hass:water
hass:water-off
hass:water-percent
hass:weather-cloudy
hass:weather-fog
hass:weather-hail
hass:weather-lightning
hass:weather-lightning-rainy
hass:weather-night
hass:weather-partlycloudy
hass:weather-pouring
hass:weather-rainy
hass:weather-snowy
hass:weather-snowy-rainy
hass:weather-sunny
hass:weather-windy
hass:weather-windy-variant
hass:white-balance-sunny
hass:window-closed
hass:window-open
hass:z-wave

Oprócz tego ok. 4 kilo ikonek z mdi:

2 polubienia

https://pictogrammers.github.io/@mdi/font/5.4.55/

https://materialdesignicons.com/

1 polubienie

No i dziękuję Panowie. Nie wiedziałam, że tego jest aż tyle.

Dokładnie, pierwszy link mam dodany jako zakładkę do Lovelace w trybie panelu i zawsze spis ikon mam pod ręką.

1 polubienie