TileBoard - New dashboard for Homeassistant

It is awesome! I can’t wait to add my other devices!

1 Like

I have CasaTunes Multiroom audio which a bit of nightmare but it doers have a basic HTTP API which can control volume, toggle room on/off and change the source so in fact this is something similar to what you have done :slight_smile: There is currently no HA Component for it so what I did was create a number of REST sensors and a few basic automations that would send HTTP requests if a volume slider changes it’s position.

Any solutions if its not in the attribute?

Sorry, I think I have misunderstood your original question! You can do it like this:

                    {
                       title: 'Person1 > Work',
                       icon: 'mdi-car,
                       value: '&sensor.person1_work_commute.state',
                       unit: 'minutes'
                    },
1 Like

Sorry, but my JS skills are poor.
I have too many light entities.
In order to show the brightness percentage to all tiles I made the following custom function:

function brightnessPercentage(item, entity, max) {
   if (!isNaN(entity.attributes.brightness)) {
     return Math.floor((entity.attributes.brightness / max) * 100) + '%';
    }

    return 'Off';
}

sub: function (item, entity) {
  return brightnessPercentage(item, entity, 254);
}

Is this the proper way?

We forgot to mention that we already have a built-in function for that:

switchPercents (field, max, round)

You can use it as follows:

sub: switchPercents('brightness', 255, true)

1 Like

Just what i needed, thanks! :wink:

1 Like

nice to see what you have done.
in theory that could also been done with HAdashboard, but you dashboard is more designed for PC use and HADashboard is more designed for tablet use.

but it is always good to have options, so keep up the good work.

Thanks! I’ve played with HaDashboard for a few weeks and almost got it to behave the way I wanted but there have been way to many obstacles on the way. This Dashboard is actually designed for touchscreens and works fine on my old Nexus 7 :slight_smile:

hmm, then you have smaller fingers then me or use a pen.
the dashboard you show in the video would be hard to read for me on a 7 inch tablet, not talking about using it :wink:
most people that use HAdashboard complain about that the + and - signs that are in some "older"widgets are already to small.

what where the biggest obstacles for you to get the dashboard to work the way you wanted?

My main “tablet” is a 19.4 inch touchscreen in the hallway though :slight_smile: HaDashboard was the project that got me into trying dashboard in the first place and I’m really happy it exists! As a coder myself I could not figure out why there are so many JavaScript libraries used when they could have been avoided, for instance the library used for a grid layout fires fadein() event for every single widget forcing it to redraw which slowed down my tablet a lot. I also wanted all dashboards to be on one page so I could easily navigate between them without page being reloaded. Most of the things I mentioned above are easy to fix (which I managed to do at the end) yet I felt that I need a dashboard that is much more hackable i.e. I want custom functions to format state values or listen to the HA events and and have my custom handlers for it like I do for door entry. I know you can do this with AppDaemon but it feels like an overkill for such basic things.

Here is a quick video of how it looks like on my wall panel.

1 Like

Could you share more information about the screen, hw, mounting etc?

I will make some photos and get the info tomorrow but to be honest this is not something I could recommend doing as it took me almost 6 months to figure out how to finish building it.

yeah hadashboard was created before there were options to listen to events in js.
there is a fadein() in HADashboard? hmm, i must talk to Andrew about that (i have never seen it). can be that he took over some old things that can be lost. and for sure if it speeds up things.

loading several dashboards is an option if you use the skin options, but it needs to be hard programmed (but i guess that you do that now also :wink: )
i know there is a lot possible there that is hardly explored.

i see the advabtage from the things you do.
1 warning though, keep telling people that they need to have js programming skills to use your project, or you will end up with a daily job here to explain all kind of simple programming parts.
people see how great the things you create look, but there are a lot of people who just cant do it (or dont want to take the time to learn)
and in the end that kind of supporting breaks most people and i want to see what more you come up with :wink:

ill take a look at what you created in a short time, when my time is less limited.
gives you the time to let this grow :wink:

and about your wall panel: duh, i see how it works on that size :wink: that would be workable for me too. but i dont think ill get my wife that far in a short time, to spend a lot of money for such kind of wall panels :wink:

1 Like

Could you please post a door_entry example?
Also, what are your plans about cover and alarm tiles?
And finally is it possible to have a turn on-off button in a media tile?

Yeah, the fadein() is actually part of the that grid library. There is also a lot of translate rulles in css which you might consider disabling to make Hadashboard work fast on older tablets. I understand that my dashboard is certainly not for everyone and oh boy one does need to know JS to configure it which ironically was the whole point :slight_smile: I decided to share the code hoping that perhaps someone would find it useful. As for the wall panel - it is a second-hand Asus touchscreen monitor which I bought on eBay for about 65 euros, took apart and Frankenstein-ed into the wall using a few aluminium angles. I have than glued together a frame and painted it white. I don’t think I spent more than 80 euroes in total.

I will post a door-entry example tomorrow as it is already 1AM and I’m far away from the PC. In general, this is simply a full screen camera with some tiles on the side.

As for the cover tile, I’m afraid I don’t have any hardware to test it on so we might need some help from other people. Alarm tile should not be a problem but we need to think about the design and the popup.

wow very nice!!
ill PM you in the next days, to ask you some more info about thing like that fade in, and other stuff you noticed.
the grid part is taken over from an old project, so if you have noticed some things to make it better i am very interested.

i am sure it is usefull for a group of people, so you sharing it is a good thing.

2 Likes

Would it be possible for you to create relevant issues on GitHub?