TileBoard - New dashboard for Homeassistant

I am still on vacation :slight_smile: To be honest I don’t know how iPad could be behaving. MJPEG should just keep the stream open. It could well be that old iPad can not handle multiple streams. Try hiding all of the but one and see if it makes a difference.

Hey Guys, been experimenting with the new popup tile to get my light workflow going on the wallpanel. One press on the tile toggles the light group (i.e whole room), longpress opens a popup and displays individual light sources in the room for precise control.

Got it working so far with action (apiRequest.call) and secondaryaction ($scope.openPopup).

But the nice finishing touch would be to close the popup by clicking on the dimmed background outside the popup border. Is this possible with some javascript sourcery or a build-in feature not documented? As of right now you have to click the X on the popup header.

Any ideas?

I have an Awair Element Air Quality monitor and I set it up through its API so that I import data into Home Assistant. I’ve made a graph of the six air quality monitors in Lovelace using a vertical-stack-in-card and mini-graph-card (see below). I’ve looked through the entity types in TileBoard but I see no way to achieve a similar result in TileBoard. Is there a way to do it?

Sorry to bother you on vacation.

I tried on a Mac using Safari and Chrome. Same exact issue: after about 5 minutes the image doesn’t update. Then after an hour it updates again for 5 minutes, and hangs after that.

edit: and there is only one camera stream on the page (well, to be truthful, I only have one camera stream since I only have one camera!)

How about setting refresh to 4 mins? :slight_smile:

1 Like

Yes, history tile is now being worked on by a few brave guys.

Please open a feature request on GitHub. Looks like a good idea to implement.

With all due respect you do need at last a basic idea oh how functions and variables are defined. You need to define the function outside of config.

hi resoai. i know i’m not good at js. in previous post you told me that this will work now in * list: (function() {* so i try few codes but no luck.
please bear with me and explain how to get the sensor value inside this:


                       list: (function() {
                       // **here i need the state value of sensor sensor_1**
                     })(),

i try to get it with this.parseFieldValue(’&sensor.sensor_1’, item, entity);

but:
error: TypeError: this.parseFieldValue is not a function

if i manage to get the value of one sensor in this list, i will create an array with all sensors i need and check them if on, if on at leas one, i will push the values to list with

                                l.push({ 
                                 title: 'Lights:',
                                 icon: 'mdi-lightbulb-on-outline',
                                  value:  "at least one light is on"
                                 });  

so please please please tell me how can i get the value inside that…

also, you told me to create a function outside the config, done that, no luck passing the state values to that function… so i’m returing to the code above

I am away now with only my phone, I don’t have access to my pc and the code. You can ask on GitHub which is really the place to do it rather than here. hopefully someone will help.

LOL, love it. Trying now. If I did the math correct that’s 240000 ms :slight_smile:

You can even express it as 4 * 60 * 60

i’m using the TYPES.HISTORY … does anyone know how to change the line color and axis/number color? thanks in advance

@resoai
Apparently “ask and you shall receive;” the history tile showed up right after I asked for the functionality. On the main TileBoard github page, you probably should add HISTORY to the “At the moment following entity types have been implemented:” section.

@akloeckner
In TILE_EXAMPLES, you write “The variable MINIMAL_CHART_OPTIONS defines options for a minimal chart suited to be displayed in a tile.” I gather we can go “hog wild” modifying those options that we see in app.js to change the chart because you use chart.js?

You can change that variable. Or you can use angluar.merge( MINIMAL_CHART_OPTIONS , { ... your options taking prioritiy here }).

PS: Yes you can go wild with any option, Chart.JS will accept.

@resoai, I believe, we should get rid of that section and point to the TILE_EXAMPLES instead. Otherwise, we’ll have to update too many places. We already have two (README and TILE_EXAMPLES). Ideally, we would get rid of one of the two as well.

I too have just found this (thank you all would have worked on this). Like @danmarotta5 I would like to know if it is possible to change the line colour?

Nope… didn’t find anything to solve it.

@danmarotta5 I think I have found a nice way to change the line colour.

In your main.js line 1587 below:

data.forEach(function (states) {

add

var borderColor = $scope.itemField(‘color’, config, entity);

in your config.js on your history tile add:

color: ‘rgba(xxx, xxx, xxx ,1 )’,

there might be a cleaner way of doing this but it seemed to work.

I missed:

main.js

line 1650:

           datasetOverride.push({
              label: seriesUnit ? (seriesName + ' / ' + seriesUnit) : seriesName,
              yAxisID: yAxisId
           });

Add:

borderColor

1 Like