[Showcase] Selsker Dashboard #667
Replies: 15 comments 23 replies
-
|
Weather Sensor - add below to config.yaml and I had the weather condition svg all placed under www/weather_icons/, while the svg all came from https://github.com/wowgamr/animated-weather-card |
Beta Was this translation helpful? Give feedback.
-
|
Screenshot please. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for sharing, but please put your code in code blocks, start and end with a new line with three |
Beta Was this translation helpful? Give feedback.
-
Thanks it's updated! |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. Would be good if you could re-paste the code with the correct formatting as that would help others to use the code without having to fix the formatting. |
Beta Was this translation helpful? Give feedback.
-
Thanks it's updated! |
Beta Was this translation helpful? Give feedback.
-
|
Hey #vacuums enthusiasts! 🧹 If you don't have a spot/area clean setup, you might not need this, but stick around for some fun ideas! The concept here is to use a Bubble Card to pick where you want to clean and then run the automation. The automation grabs the value from input_select and performs a spot clean. Easy peasy! Now, let me show you how I control one of my vacuums. You'll notice there's a "Vacuum Mode" as a main condition. This is because I've got another automation that schedules the vacuum to clean. When I don't want it to follow the schedule (like when friends visit and I don't want them to think I'm a clean freak), I switch this option from Auto to Manual, and it stops the routine cleaning. Automation Bubble Card - Popup |
Beta Was this translation helpful? Give feedback.
-
|
Here is the theme that I am currently using, originally from Clooos - https://github.com/Clooos/Bubble with minor modifications. Bubble_Mod_Dark |
Beta Was this translation helpful? Give feedback.
-
|
Let me share another idea with you: how to make your door and window sensors work hand-in-hand with your alarm status. All you need to do is create a template sensor like the one below, and voilà! You'll have a better view directly from your dashboard. In my setup, when the alarm is off, it doesn't monitor the internal doors, and the Bubble Card only lights up when external doors or windows are open. But when the alarm is set to Home, I want to make sure a few more internal doors are closed (and/or locked). This sensor does the trick perfectly! So, whether you're keeping an eye on your fortress or just making sure the kids aren't sneaking out, this setup has got you covered! |
Beta Was this translation helpful? Give feedback.
-
|
something about climate popup for u/BoredOntoilet, to avoid confusion I included only one of the floor as an example. |
Beta Was this translation helpful? Give feedback.
-
|
How did you manage to use the separator to hide a whole section? Cant seem find it in the coding above |
Beta Was this translation helpful? Give feedback.
-
|
Did you create separate switch entities that you toggle on click and set a visibility condition on the stack below? Or is there an integrate function we can use? |
Beta Was this translation helpful? Give feedback.
-
Sorry for the late response, I've been busy here and there since my last post and finally able to answer your question. To answer your question, yes I am using visibility condition in-corporate with input_booleans to show/hide different sections / pages and they are all controlled using sub-button with the input_boolean.toggle action. So you can imagine when the boolean is set to true then a section will show while boolean is set to false and it will hide the same section/page. I had also a pop-up that conducted with different sections while they are too long and messy to show in once, so I have them split into different sections using the bubble separator card, plus a simple automation I can then switch between section without flooding the whole screen. Example Automation |
Beta Was this translation helpful? Give feedback.
-
|
Has anyone a screenshot, please? |
Beta Was this translation helpful? Give feedback.
-
|
From Reddit: |
Beta Was this translation helpful? Give feedback.
-
|
I've edited the post to add this image, this is better with it indeed 👌 |
Beta Was this translation helpful? Give feedback.
-
|
How do we test this dashboard? I see that there are links to #somestuff but these pages/tabs are not included? I don't get it.. |
Beta Was this translation helpful? Give feedback.
-
|
For some reason 'n is undefined'..
|
Beta Was this translation helpful? Give feedback.
-
|
v.2.3.0 works fine, everything above it shows the 'n is undefined'. |
Beta Was this translation helpful? Give feedback.
-
|
So again.... why are most of the cards missing?? How can we test this?????? |
Beta Was this translation helpful? Give feedback.
-
Hi thanks for asking, the main reason is that the rest of them are more or less the same structure while some cards contains personal information which I don't feel comfortable to just paste them here. :-) |
Beta Was this translation helpful? Give feedback.
-
Would you at least consider sharing the "Settings" card? Just interested in what's there :) (and your general approach to these things). |
Beta Was this translation helpful? Give feedback.
-
|
Also, the buttons card at the bottom? |
Beta Was this translation helpful? Give feedback.
-
My settings card split into different sections. One for PVE one for flipping security switches like chime, double take. One for info bar, also one for switching between vpn/wan. I didn't include any of these as they won't work with just a button but works with different automations. |
Beta Was this translation helpful? Give feedback.
-
It's a Bubble Card feature. You can find it from Clooos' tutorial. |
Beta Was this translation helpful? Give feedback.
-
|
Hi All I hope this message finds you well! I apologize for the delayed response, but I'm excited to share a fun little project I've been working on for myself. I've created an "info bar" that can be embedded in a Bubble card dashboard, and I think it could be quite useful for you too. The idea behind this info bar is to display valuable information at the top of your dashboard, such as news, stock prices, or any other data you find helpful. I'm not a programmer, so I want to give a big shout-out to Clooos for their invaluable help in making this possible for all of us.
Here's a quick overview of what I used to build my info bar: Swipe Card - https://github.com/bramkragten/swipe-card The first two cards are essential, while the others are optional based on your needs. Feel free to skip any that aren't relevant to you. I also took it a step further by creating another card that includes all the input booleans, allowing me to manually turn them on or off as needed. On top of that, I set up an automation to toggle different categories based on the time of day. For example, the stock prices turn on when the market is open, and the news is turned off at night. This setup adds a layer of convenience and ensures that the info bar displays the most relevant information at the right times. While I may not be able to explain how each card works in detail or answer all your questions, I'm more than happy to share my code with you. I hope it serves as a helpful starting point for your own projects. Thanks for your patience and support, and I hope you have as much fun with this as I did! Info Bar Code:- |
Beta Was this translation helpful? Give feedback.
-
|
It looks perfect! |
Beta Was this translation helpful? Give feedback.
-
|
News - https://github.com/custom-components/feedparser Cheers |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for your reply, but I think that’s not quite what I meant. However, in your YAML, I see an additional sensor: sensor.swipebar_news_num. What does that sensor do? |
Beta Was this translation helpful? Give feedback.
-
That sensor is a random number, it is for randomly pick one of the article from the feed. |
Beta Was this translation helpful? Give feedback.
-
Ah! That makes sense. Could you share how you made that sensor? That would be perfect! I really appreciate your help :) |
Beta Was this translation helpful? Give feedback.
-
|
Hi there. since you don |
Beta Was this translation helpful? Give feedback.
-
|
I wouldn't mind having that as well :) I'm in the same situation as you. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you guys so much please allow sometime for me to mask some of the info and I’ll share my code here. stay tune! |
Beta Was this translation helpful? Give feedback.
-
|
First of all, I'd like to say thank you again for your appreciation and interest in my dashboard. While quite a few names and entity IDs have been replaced, I believe this won't affect your understanding of the dashboard's concept, and I hope this makes sense. Please feel free to skip everything and scroll down to get the code. I hope you have fun playing with it! If you're still reading, allow me to share a few concepts about how and why this dashboard is built. Flooding the Dashboard: 3 Clicks Rule: No Scrolling & Use of "Condition": Additionally, imagine having 20 door and window sensors. Do I really need to know the status of every single one? It turns out that in 99% of cases, I only need to know which ones are open or unlocked. This is why the dashboard is built to provide a path to access each room/area via the "Doors" tab. Info Bar: Well right before I can post it I found..., so please stay tune while I am splitting the code into different sections. |
Beta Was this translation helpful? Give feedback.
-
|
Main Dashboard System Tools (Access via the "Online" sub-button) Main Dashboard - Sub-Pages Downstairs (Per Room/Area) Upstairs (Per Room/Area) 2nd Floor (Per Room/Area) |
Beta Was this translation helpful? Give feedback.
-
|
thank your so mutch :D let the building begin!! :D |
Beta Was this translation helpful? Give feedback.
-
|
Also, thx for the config files. Lets build a dashboard😄 |
Beta Was this translation helpful? Give feedback.
-
Hi All
Hey Reddit fam! 🌟
First off, a massive thank you to everyone who's shown interest in my dashboard! You guys rock! 🎉
So, here's the scoop on how it's built. I figured I'd share it here for a couple of reasons. One, it's all about Bubble Cards, and where better to chat about it than right here in the repo? And two, I'm no expert in Home Assistant, coding, or any of that jazz. So, I thought, why not leave it open for the real pros to chime in?
Dive in, have a look, and let's get this discussion rolling! 🚀
Custom Cards that are in use: -
Custom brand icons
Bubble
card-mod (I can't say for sure now)
Bubble Card
KNX User Forum Icon Set
Harmony Card
Dashboard
Beta Was this translation helpful? Give feedback.
All reactions