This Home Assistant Dashboard BLEW MY MIND!
Вставка
- Опубліковано 22 лип 2024
- You guys have asked, and I’ve delivered! In this video I’ll go over my current mobile Home Assistant dashboard setup, and show you how to get my dashboard working on your Home Assistant instance. We’ll move a little faster than usual through this one since I’ve covered this procedure before, but it hopefully shouldn’t be too bad.
Shoutout to LE0N on the Home Assistant Community forum for providing the basis for this dashboard. I went through countless different dashboard designs before settling on his and think I’ll be sticking with it for quite a while. The layout is very similar to his, and I reused several of his button card templates.
Questions? Let me know in the comments, and I'll be happy to help you out.
LINKS!
GitHub Repo: github.com/jimmy-landry/HA-Mo...
LE0N's Forum Post: community.home-assistant.io/t...
-------------------------------------------
HELP ME REACH 10,000 SUBS! 👉 / @itsmejimmylandry
Attributions
Song: Niya - A Beginning (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link: • Niya - A Beginning (Vl...
Clouds by Joakim Karud: / joakimkarud
Music promoted by Audio Library: • Clouds - Joakim Karud ...
The Loyalist - Pinecrest by The Loyalist: / the_loyalist_official
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/pinecrest_
Music promoted by Audio Library: • Pinecrest - The Loyali...
00:00 - Intro
01:00 - Dashboard Tour
03:24 - Weather Icons
05:39 - Import Theme
06:31 - Import Dashboard
07:27 - Dealing with all the errors
09:01 - Custom element doesn’t exist
09:50 - Outro
#smarthome #homeassistant #automation
"Just try not to freak out" is honestly ripping advice for HA. Nice videos man.
To download the whole repository on the top page, select Code and then in local select zip
Thank you!! I *KNEW* there had to be a way to do it, but couldn't seem to find that option for the life of me 😆
Another way is to clone the Repo locally with git clone 😊
Yeah it was confusing for me too but that's how I do it download repository in a zip. Much easier lol. 😂
Love the update card, didn't realise that was possible but it's really easy to add to any dashboard. Thanks man
Just implemented this into my server. Love this :)
was it that easy??? i see on the github page that there should be around 5-6 custom repos that needed to be addded before...
Yes, obviously you have to change all entity's to your own. It is a process but got mine done in about a day :)
@@Capybarapulls thanks. but I got errors of:
"specify an entity from within the sensor domain"
"ButtonCardJSTemplateError: Cannot read properties of undefined (reading state)"
and I have already the button and the layout card....pleasee what am I missing?? I want this dashboard very much!! :(
Double check that *_all_* references to my entities are gone and that there aren't any null values/placeholders. Make sure you check the JS templates (anything inside triple brackets) as well, they might be causing issues.
Sorry about all the custom repos, default lovelace just isn't very customizable by default 😔
That looks very good! Can you please make a video with not only how to cut and paste the code, but also an explanation of the code itself? So that we can learn even better to build our own creations based on your example.
Hey, great initiative that you want to learn the fundamental logi of the code. A great way to do that(in case a video doesn't come up) is copy pasting the code into an AI app of your choice (chatgpt/gemini/claude) and just asking it to do a line by line or logic-flow explanation of the code. Good Luck!
Hey Jimmy, I am a huge fan of your awesome content. You are gonna have 100,000 subscribers in no time! I work for an AI smart product company. I am wondering, are there any ways I can reach out to you pls?
Beautiful 😍
Nice Jimmy ..! Is there a dash for a EV car?
I am adding an additional tab on the dashboard. How can I make the navigation bar fit everything without scrolling? Tried looking at the theme yaml but could not figure out
In the theme yaml scroll down till you see
paper-tab {
color: var(--header-all-tabs-color);
border-radius: 25px;
height:40px;
padding: 0 22px;
}
change the 22 in padding: 0 22px; to whatever you want the space between the tabs to be
@@SamNolan1 thank you!
Great video! I see that you have an entity that states "active" light group, do these only control the active lights within a group and if so how did you achieve that?
Yes, i was able to find instructions for that here: community.home-assistant.io/t/light-group-for-lights-that-are-already-on/296398
THANKS FOR THE GREAT VIDEO!!
Just one thing - right after pasting the the "mobile_dash_redacted_master" code, I get "custom element doesn't exist vertical-layout" error message on the HA new dashboard.
What should I do???
make sure you have layout card installed, it will keep all the cards in a single column.
@@itsmejimmylandry I do :) and then what?
i have several errors such as:
"specify an entity from within the sensor domain"
"ButtonCardJSTemplateError: Cannot read properties of undefined (reading state)"
I have the button card installed. I did it after though, first I followed your video and then I saw on the GitHub that several cards are required....
How did you get the home bar to stay at the bottom? I think that's what I would need in order to complete my dashboard! Thanks!!
make sure you've pasted in the entire theme file, because this is where the bottom tab bar is specified. If you're using your own theme, copy lines 241-293 of the rounded.yaml file to your theme file, which should move it to the bottom.
@@itsmejimmylandry verify that "card-mod" is installed in your HACS also, without it its not working
Nice!!How you make the homepod power button to change to what is playing? and how you created the control on only active lights?
Whats the name of that Font?
Quicksand, it's free from google fonts
Looked a super vid until 4:37. At this point my directory list is not even close to what you show and definitely have no www folder, don't even have the user-files folder that you quickly show, but do have a tts folder, so no idea how / where all those other folders came from on your copy of HA ??? there must be additional steps you have not shown ????? Can you explain this or what I am doing wrong even thought I ( think ) I have followed your every step up until 4:37.
Interesting... all those folders were there by default when I installed HA. Try creating the www folder manually and see what happens, HA _should_ recognize it as if it were always there.
when you make this theme to the tablet and share with us?
It's on Github --> github.com/jimmy-landry/HA-Mobile-Dashboard-Config/blob/main/Rounded.yaml
@@itsmejimmylandry to tablet not phone
😮😢 a app that has all this …..would be great…..I don’t even have a computer
Looks great. One question right off the bat. The very first card calls on sensor.pending_update_counter. Can you post the code you used to create this sensor or explain how to do it? Thanks.
Googled this question after posting and found this - {{ states.update | selectattr('state','eq','on') | list | count > 0 }}. Does that look right?
Basically what you want to do is create a sensor that updates a variable each time it sees an update sensor in the "on" state, something like this:
{% set total = 0 %}
{% if is_state('update.home_assistant_core_update', 'on') %}
{% set total = total + 1 %}
{% endif %}
{{ total }}
You'll want to copy the if statement for each of your update sensors.
Why not zip them up to a single file
home assistant done well doesn't need fancy dashboards as everything is automated.
Could you explain how you automatically adjust the colors of, for example, your HUE lights without using a dashboard if I asked you to change them to a different color?
This is a common misconceptions.
First of all, it depends on the user's preference. There is no arguing with user preference and choice.
Secondly, as more things are automated, the chance of deviations also increases. Fully automated smart homes are either pretty basic or extremely advanced. For everything in between, a dashboard is an important part of the home approval factor and to give insight to further improve the automations.
@@jaap7374 Hi Jaap, I completely agree with you, and that's why you can never say that nobody ever needs dashboards. It's a personal choice. Therefore, I challenged MrDead1 to answer my question about how he would solve my question without using a dashboard. Still haven't received an answer to this day...
@@jaap7374 Hi Jaap, I completely agree with you, and that's why you can never say that nobody ever needs dashboards. It's a personal choice. Therefore, I challenged MrDead1 to answer my question about how he would solve it without using a dashboard. Still haven't received an answer to this day...
@@jaap7374 Hi Jaap, I completely agree with you, and that's why you can never say that nobody ever needs dashboards. It's a personal choice. Therefore, I challenged MrDead1 to answer my question about how he would solve it without using a dashboard. Still haven't received an answer to this day.