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

**URL:** <https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717>\
**Category:** Uncategorized\
**Created:** [25 Kwiecień 2021 12:31 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717 "2021-04-25T12:31:53Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Autor:** ![Goral64](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/goral64/32/2124_2.png) [@Goral64](https://ai-speaker.discourse.group/u/Goral64)\
**Data wpisu:** [25 Kwiecień 2021 12:31 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/1 "2021-04-25T12:31:53Z")

</div>

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ć?

---

<div class="post-metadata">

**Autor:** ![3.14](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/3.14/32/6322_2.png) [@3.14](https://ai-speaker.discourse.group/u/3.14)\
**Data wpisu:** [25 Kwiecień 2021 23:24 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/2 "2021-04-25T23:24:28Z")

</div>

Włącz tryb panelu i dodaj kartę “Siatka”  
[_dokumentacja HA_](https://www.home-assistant.io/lovelace/grid)

---

<div class="post-metadata">

**Autor:** ![Goral64](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/goral64/32/2124_2.png) [@Goral64](https://ai-speaker.discourse.group/u/Goral64)\
**Data wpisu:** [2 Maj 2021 15:27 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/3 "2021-05-02T15:27:41Z")

</div>

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?

---

<div class="post-metadata">

**Autor:** ![jolka](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/jolka/32/5_2.png) [@jolka](https://ai-speaker.discourse.group/u/jolka)\
**Data wpisu:** [4 Maj 2021 13:48 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/4 "2021-05-04T13:48:14Z")

</div>

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

> **[New Default Lovelace Experience · Discussion #7406 · home-assistant/frontend](https://github.com/home-assistant/frontend/discussions/7406)**
>
> //github.com/home-assistant/frontend/discussions/7406

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)

 ![](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/7/7d59c95b8e4c63a422bb06b45dbc785f89ed4680.png)

---

<div class="post-metadata">

**Autor:** ![Zaku](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zaku](https://ai-speaker.discourse.group/u/Zaku)\
**Data wpisu:** [7 Maj 2021 18:25 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/5 "2021-05-07T18:25:53Z")

</div>

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?

---

<div class="post-metadata">

**Autor:** ![macek](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/macek/32/4936_2.png) [@macek](https://ai-speaker.discourse.group/u/macek)\
**Data wpisu:** [7 Maj 2021 18:53 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/6 "2021-05-07T18:53:04Z")

</div>

@Zaku chyba chodzi Ci o to [Documentation of built-in symbols / icons - Configuration - Home Assistant Community](https://community.home-assistant.io/t/documentation-of-built-in-symbols-icons/225969) a w dokumentacji HA - [Lovelace - Home Assistant](https://www.home-assistant.io/lovelace/)

---

<div class="post-metadata">

**Autor:** ![Goral64](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/goral64/32/2124_2.png) [@Goral64](https://ai-speaker.discourse.group/u/Goral64)\
**Data wpisu:** [7 Maj 2021 18:57 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/7 "2021-05-07T18:57:32Z")

</div>

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:

---

<div class="post-metadata">

**Autor:** ![Cezary.K](https://avatars.discourse-cdn.com/v4/letter/c/a88e4f/32.png) [@Cezary.K](https://ai-speaker.discourse.group/u/Cezary.K)\
**Data wpisu:** [7 Maj 2021 19:08 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/8 "2021-05-07T19:08:47Z")

</div>

[https://pictogrammers.github.io/@mdi/font/5.4.55/](https://pictogrammers.github.io/@mdi/font/5.4.55/)

[https://materialdesignicons.com/](https://materialdesignicons.com/)

---

<div class="post-metadata">

**Autor:** ![Zaku](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zaku](https://ai-speaker.discourse.group/u/Zaku)\
**Data wpisu:** [7 Maj 2021 19:17 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/9 "2021-05-07T19:17:36Z")

</div>

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

---

<div class="post-metadata">

**Autor:** ![Cezary.K](https://avatars.discourse-cdn.com/v4/letter/c/a88e4f/32.png) [@Cezary.K](https://ai-speaker.discourse.group/u/Cezary.K)\
**Data wpisu:** [7 Maj 2021 20:08 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/10 "2021-05-07T20:08:15Z")

</div>

> [@Ogólne: Własne ikony (AI-Speaker - Home Assistant)](https://ai-speaker.discourse.group/t/ogolne-wlasne-ikony-ai-speaker-home-assistant/147):
>
> Przedstawiony sposób tworzy nową encje typu Switch do której można zastosować własne ikony które będą zmieniały się wraz ze jej stanem. Dla mnie nie jest to optymalne rozwiązanie, wolałbym zmienić ikonę (oczywiście wraz z jej stanem) dla istniejącej już encji. Materiał źródłowy: dzięki @ [mariusz\_70](https://ai-speaker.discourse.group/u/mariusz_70) wink Tak jak wspomniałem na podstawie istniejącej encji tworzymy nową, efekt jest jak niżej. Ta u góry (Łazienka) to bazowa encja, na podstawie której tworzymy wirtualną encje z podmienion…

---

<div class="post-metadata">

**Autor:** ![draki](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@draki](https://ai-speaker.discourse.group/u/draki)\
**Data wpisu:** [8 Maj 2021 10:13 UTC](https://ai-speaker.discourse.group/t/pora-na-wlasne-interfejsy-czyli-jak-ugryzc-lovelace/1717/11 "2021-05-08T10:13:27Z")

</div>

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