TileBoard - New dashboard for Homeassistant

You don’t even need to define history, by default all tiles (except for camera, doorentry…) now open a history graph on a long-press.

1 Like

Thanks, I didn’t know that, that’s nice that it’s enabled by default.

I’ve just tried it out on a switch tile and am getting an error:

XMLHttpRequest cannot load https://xxx.duckdns.org/api/history/period/2020-01-02T01:12:06.868Z?filter_entity_id=switch.tannoys due to access control checks.

Should I raise a github issue for this?

Thanks, this is super useful! Is there a way to show the chart on the tile itself without opening the secondary action?

No. Please feel free to make a feature request on github, perhaps someone would be able to do that.

1 Like

Yes, please.

Sorry for my silly question but i’m newbie on tileboard.
i have download and modify config and i have a empty dashboard. how can add page or entity? i need to create a page.js ? is there an example with pages and cards.Thanks a lot

Hi, I have some ip cameras, all setup as follows:

                  {
                     position: [0, 0],
                     width: 1.5,
                     height: 1.2,
                     state: false, // disable state element
                     type: TYPES.CAMERA_THUMBNAIL,
                     id: 'camera.ip1',
                     title: 'Location',
                     bgSize: 'cover',
                     fullscreen: {
                        type: TYPES.CAMERA_THUMBNAIL,
                        refresh: 1500,
                        bgSize: 'contain'
                     },
                     refresh: function() {
                        return 6000 + Math.random() * 1000;
                     }
                  },

when I tap on a camera a full page list appears (on the left the list of all cameras, on the right the preview).
But it isn’t what I want. After tap a camera, I’d like a full page preview only without any list of other cameras.

Is it possible?

.camera-popup--list {
   display: none;
}

After some tinkering, I think the issue maybe due to the way I have my server set up, I get a better error in Firefox:


Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://secrethaurl.duckdns.org/api/hist…020-01-06T08:11:20.392Z?filter_entity_id=switch.light1_power. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://secrethaurl.duckdns.org/api/hist…020-01-06T08:11:20.392Z?filter_entity_id=switch.light1_power. (Reason: CORS request did not succeed).

Looks like I need to change CORS to allow Tileboard to access HA, this looks like it may not be a Tileboard issue after all.

Hi,
can the color of ONE value be changed in TYPES.TEXT_LIST depending on the value? So if e.g. a sensor has the value Closed, so that green is used, otherwise red.

Can you provide a code sample how to use sensors_list type?

Thanks, but now a black column appears on the right of the iframe (the camera image is now on the left)

Hi at all! I’m very happy to use tileboard in my automation system.
Please, i need to know how to check the global history for my sensors.
With a long click on a tile a popup show me last 24hours… i need to check last 7 days.

Someone coud point me to the right direction?

Thanks a lot.

It is all in the README:

 /* Object containing history settings */
   history: { // If this is present in a tile, a history popup is created on secondary action
      entity: 'sensor.temperatur_innen_gefiltert', // Entity ID (or an array of IDs) to render history for. Default: entity id of the tile itself
      offset: 24*3600*1000*5, // Start point of the history counting from now(). Default: one day
      options: { elements: {point: {radius: 3}}}, // Chart options. Refer to https://www.chartjs.org/.
      styles: { border: '1px solid red'}, // Styles to apply to the <div> containng the chart. Default according to main.css
      classes: 'clock--colon', // Classes to apply to the history popup. Default according to main.css
   },

Thanks man!
I tried but the history say: no data history found.

this is my code

	  				  {
                     position: [0, 1],
                     width: 2,
                     height: 1,
                     title: 'ASSORBIMENTO BOILER',
                     type: TYPES.GAUGE,
                     history: { 
                     entity: 'sensor.consumo_boiler', 
                     offset: 72*3600*1000*5, 
                     options: { elements: {point: {radius: 3}}},
                     styles: { border: '1px solid red'}, 
                     classes: 'clock--colon',    },
                     id: 'sensor.consumo_boiler', // Assign the sensor you want to display on the gauge
					settings: {
                        size: 170, // Defaults to 50% of either height or width, whichever is smaller
                        type: 'semi',
                        min: 0, // Defaults to 0
                        max: 1000, // Defaults to 100
                        cap: 'round', // Options are: 'round', 'butt'. Defaults to 'butt'
                        thick: 10, // Defaults to 6
                        append: ' W', // Defaults to undefined
                        thresholds: { 300: { color: 'green'}, 600: { color: 'orange' }, 1000: { color: 'red' } }, // Defaults to undefined
                        fractionSize: 1 // Number of decimal places to round the number to. Defaults to current locale formatting
						}

                  },```


thanks  a lot
24*3600*1000 is one day, I'm not sure why you are changing 24 to 72 hours. *5 is what you need to change. Also, make surte that recorder is actually saving data for enough days and that sensor is not excluded. 

I also would be interested in this.

Hi, finally the history is ok but i can make it to works only with 24*3600*1000*1 - so the graph show me consumption for the current day. (f.e. 9 January) If i try to set *2, *3, *4 i lost the 9 of january and the graph show me 8 january 7 january and no info for current day.

May be i’m doing something wrong but i don’t know where…

Thanks

Still waiting for some advice on how to configure the calendar on my tileboard.
@resoai can you help us here with #2777 and #2790

@resoai Can you help me?