Home Assistant Dashboard - where all my Home Automation comes together
Channel: Vaclav Chaloupka
Date: 2021-07-26

This is how I use Home Assistant - including ALL VIEWS. I cover the guiding principles (or strategy if you like) and the configuration.

This one is a bit longer, but it covers everything I have in Home Assistant - end to end. You can always use the table of content below to jump to the chapters you like. But I'd definitely recommend watching the Homepage config, as it covers the main principles that are then reused in the rest.
The Weather Forecast view includes an interesting responsible design config - check that out.
Also, nice Picture Element cards in the car and 3D printer views.

Most views use conditional cards to only show relevant information, based on content. Explained on the homepage view.

Content:
00:00 Intro
01:32 Home Page - main ideas
02:23 Presence - entity filter
04:08 Security system - styles with Card Mod for sizing cards
09:38 layout-card vertical - layouts explained
15:26 Garbage Collection with Picture Entity and Lovelace Card Templater
17:25 Doors - conditional card
19:26 Shades controls - Restriction Card, Cover-Element, Cover-Slider-Entity-Row
22:35 Picture Elements
25:10 Sun-Card, Collapsable Card, Lovelace Card Templater (again)
27:46 Security Cameras (layout-card horizontal), picture elements, PTZ control scripts
32:36 Multimedia (with conditional cards and custom LG TV cards, Spotify media player)
37:36 Heating with thermostat-dark-card and vertical-stack-in-card
42:33 Weather forecast (layout card GRID with responsive design - 2 break-points)
46:27 My electric car (Picture Elements)
49:05 Prusa 3D printer (Picture Elements)
50:08 Administrative (with NUC info panel)
52:47 Outro

Used custom cards:
https://github.com/thomasloven/lovelace-layout-card
https://github.com/gadgetchnnel/lovelace-card-templater
https://github.com/thomasloven/lovelace-card-mod
https://github.com/ofekashery/vertical-stack-in-card
https://github.com/thomasloven/lovelace-gap-card
https://github.com/custom-cards/bar-card
https://github.com/iantrich/restriction-card
https://github.com/thomasloven/lovelace-slider-entity-row
https://github.com/custom-cards/cover-element
https://github.com/AitorDB/home-assistant-sun-card
https://github.com/kalkih/mini-graph-card
https://github.com/ciotlosm/lovelace-thermostat-dark-card
https://github.com/custom-cards/spotify-card
https://github.com/kalkih/mini-media-player
https://github.com/madmicio/LG-WebOS-Remote-Control
https://github.com/bernikr/lovelace-webos-keyboard-card

I am sure you are gonna ask me for a copy of my dashboard. And I would try to explain to you that
1. my dashboard is specific to my configuration, if you copy it, it will not work for you and you will need to understand it fully to make it work for you. In the end, you will need to create your own dashboard anyway. Trying to fix mine to work for you is a waste of the time, and in the end, it will not be a great fit for you anyhow (as it is fit for me). So you will better spend the time trying to understand the idea behind it, think about your needs, and then create your own.
2. Home Assistant configuration is not done in YAML anymore, most of it is done in a visual editor. We only do very advanced stuff in YAML. So starting from YAML is not a great idea. You will change things, break things and spend ages to fix them - a waste of time IMHO.

Nevertheless, you will probably keep using for it anyhow, so here it is - https://gist.github.com/bruxy70/e945d82e0c54eef69c15c6267bf4829d. Said that - it is my dashboard, it works for me, it will not work for you and I will not create your dashboard - this is for you to do it (if this is what you like to do, but I think you do, otherwise you would not get HA and you would not watch this video, so stop cheating). You can try to understand it, but I think my video is better for that - otherwise, I would just share the config and not waste few days of my time trying to explain it (but I enjoyed that anyhow) - so back to my point.

About me: https://www.linkedin.com/in/vaclavchaloupka/

#HomeAssistant #Lovelace #DIY