TileBoard - New dashboard for Homeassistant

I like the hardware of T25 but you need Master’s degree in Mobotix science to configure it

Sorry, I think I was slightly wrong in my last comment. My friend just pointed out that there is a way to display camera without having to enter it in HA:

{
   type: TYPES.CAMERA,
   id: {},
   bgSize: 'cover',
   width: 2,
   state: false,
   fullscreen: {},
   refresh: 2000,
   filter: function (item, entity) {
      return "YOUR_URL/TO/THE/CAMERA/IMAGE";
   }
}

Here is my code… i keft some of your previous code just in case.

var CONFIG = {
   customTheme: 'transparent', //CUSTOM_THEMES.TRANSPARENT
   transition: TRANSITIONS.ANIMATED_GPU,
   tileSize: 150,
   tileMargin: 6,
   serverUrl: "https://secret.duckdns.org",
   wsUrl: "wss://secret.duckdns.org/api/websocket",
   password: "secret",
   events: [],
   pages: [
      {
         title: 'Main page',
         bg: 'images/bg1.jpeg',
         icon: 'mdi-lightbulb', // home icon
         head: 'head.html', // clock
         groups: [
            {
               title: 'First group',
               width: 2,
               height: 3,
               items: [
                  {
                     position: [0, 0],
                     //width: 2,
                     type: TYPES.SWITCH,
                     id: 'switch.developer_mode', // using empty object for an unknown id
                     title: 'Switch',
                     states: {
                        on: "On",
                        off: "Off"
                     },
                     icons: {
                        on: "mdi-lightbulb-on",
                        off: "mdi-lightbulb",
                     }
                     //list: [
                      //  {
                      //     title: 'Sun.sun state',
                      //     icon: 'mdi-weather-sunny',
                      //     value: '&sun.sun.state'
                    //    },
                    //    {
                      //     title: 'persistent_notification',
                      //     icon: 'mdi-clock-outline',
                      //     value: '&persistent_notification.notification.state'
                      //  }
                     //]
                  }
                  //{
                  //   position: [0, 1], // [x, y]
                  //   //width: 1,
                  //   type: TYPES.SENSOR,
                  //   title: 'Outdoor',
                  //   id: 'sensor.dark_sky_apparent_temperature',
                  //   unit: 'C'
                  //   state: false, //'@attributes.release_notes' // custom state
                //  }
               ]
            },

Can you add your full file? Of course hide the passwords - that we will understand exactly how to add things.

I’ll try that - I sort of picked up there might be from the GitHub issue post…

One further Q… when the camera images are on a non displayed page - is any refresh stopped so that it doesn’t load either the browser, web server or HA ?

Is this the same for both TYPE.CAMERA and TYPE.CAMERA_THUMBNAIL ?

We have page with some examples:

Please go through them as well as README and shouldn’t have problems configuring it.

1 Like

I only see one tile switch in your config?!

Yes, when page is out of sight, images are not being pulled from the server.

@resoai yes i only added a switch and a sensor. None are showing up on the dashboard. Even without modifying the config nothing was showing up originally.

If you are opening the file locally via Chrome than it might display an empty page and though a few errors in the console:

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

If this is the case, please try FireFox or move the files to www directory of your HA and try if via http(s) rather than file://

@resoai i moved it to my www folder but what url link should i use to access the dashboard?

1 Like

Can we get the state of another entity in an anonymous function?

I’ve added a note in README about this. Apparently you can also overcome the issue by starting Chrome with --allow-file-access-from-files switch. As for the URL it would be http(s)://your-ha-address/local/tileboard-directory/index.html

Nope. Sorry.

Hi all and congrats to @resoai for this dashboard!!!

Is it possible to use states like this

   states: {
      on: "On",
      off: "Off"
   },

in a
type: TYPES.TEXT_LIST
?

57

Like in this example, I would like to transform home, not_home, off etc in some other text.

Thanks

1 Like

@resoai allowing access worked. I rather not put the files in the www folder because I have my HA exposed to the internet. Do you know if this same method will work with fully kiosk browser?

I’m getting this subtitle with the ‘&’ prefix. It is the minutes until the bus arrives. I want to add the word ‘minutes’ after this number.
Could I implement it without an anonymous function?

image

I really don’t know as I have’t used it myself but since it is webkit,it should work.

I have currently hosted this on a DMZ located apache server (since i wanna keep configs at one place, and to simplify the use on several units)

I have noticed that when i browse the url on a mobile device (with VPN) it shows System error, i suppose there are JS dependencies that iOS for example cant process?

Been playing around with tossing this to an url outside DMZ and to protect config.js with .htaccess but with no luck since there is no DB to store the authentication information, the page simply cannot access the config.

Think we can try to get a solution for this? any ideas on a solution guys?

It looks like you are using a switch instead of an GENERIC_ICON? I don’t think you can do it with subtitle.