TileBoard - New dashboard for Homeassistant

resoai · July 25, 2018, 12:16pm

No. There are three options:

Store password in plain text (never do that)
Prompt password every time page loads
Prompt password when page loads the first time and save it (localstorage)

freekeys · July 25, 2018, 12:19pm

Okay cool I’m getting there now

In option 3 you mean local storage on the tablet right?

freekeys · July 25, 2018, 12:30pm

So do you have 2 port forwarding rules set up?

external 443 to internal 443
external 80 to internal 443

resoai · July 25, 2018, 5:49pm

Yes, within the browser.

adamlaakso1 · July 25, 2018, 10:08pm

Hi there,

This has been an amazing project thus far. It’s made me begin my jump from Smartthings. In your header, you have a weather widget on the far right. How do you get that there? My header is working, and this is the sniper below. But the weather doesn’t show up? I’m also only 1 week old in Home Assistant so be nice!

   header: { // https://github.com/resoai/TileBoard/wiki/Header-configuration
  styles: {
     padding: '30px 130px 0',
     fontSize: '22px'
  },

left: [
{
type: HEADER_ITEMS.DATETIME,
dateFormat: ‘EEEE, LLLL dd’, //https://docs.angularjs.org/api/ng/filter/date
styles: {
margin: ‘0’
}
}
],
right: [ // Uncomment weather object to get weather in your header.
{
type: HEADER_ITEMS.WEATHER,
styles: {
margin: ‘2 0 0’
},
icon: ‘&sensor.dark_sky_icon.state’,
icons: {
‘clear-day’: ‘clear’,
‘clear-night’: ‘nt-clear’,
‘cloudy’: ‘cloudy’,
‘rain’: ‘rain’,
‘sleet’: ‘sleet’,
‘snow’: ‘snow’,
‘wind’: ‘hazy’,
‘fog’: ‘fog’,
‘partly-cloudy-day’: ‘partlycloudy’,
‘partly-cloudy-night’: ‘nt-partlycloudy’
},
fields: {
summary: ‘&sensor.dark_sky_summary.state’,
temperature: ‘&sensor.dark_sky_temperature.state’,
temperatureUnit: ‘&sensor.dark_sky_temperature.attributes.unit_of_measurement’,
}
}
]
},

JoRoCoBo · July 25, 2018, 10:11pm

@freekeys, that’s correct! Once done, everything should work fine for you.

freekeys · July 25, 2018, 10:13pm

Thanks!

freekeys · July 25, 2018, 10:15pm

is it possible to have 2 tiles with the same position? And then use “hidden” logic to only display one at any given time?

I’m thinking to have two device tracker tiles per person, a map version for when they’re away, and a picture version for when they’re home/at work (and I don’t need to see the map therefore)

JoRoCoBo · July 25, 2018, 10:58pm

hi @adamlaakso1, can you re-paste your config with preformatted text and blockquote on so the quote marks don’t all change and I’ll paste it into my config to see if i can spot the issue. I’m doing the same thing and it works fine.

adamlaakso1 · July 25, 2018, 11:35pm

Will do after. I have it in my config and no errors just not sure why nothing comes up. Thanks for your help!

Leonidas · July 26, 2018, 12:08am

Don’t access to it at the moment. Are you saying its not showing correctly in your front end or TileBoard?

resoai · July 26, 2018, 8:38am

You kinda can but I don’t think this is such a good idea.

frank451 · July 26, 2018, 10:17am

I have now and it works thanks. New to this

frank451 · July 26, 2018, 10:21am

Camera Tile

I have setup camera tiles to connect directly to the camera streams rather than routing through HA. Another user as done it previously on the this thread.

Couple of queries. i have configured one to use a limited MJPEG stream, however the tile goes blank after a period of time, say between 10-30 seconds, sometimes it comes back on but then flashes on and off. Theres no issues with connectivity etc. As anbody experienced similar issues?

Im using it as a reversing camera on my HA campervan setup. My other cameras only support RTSP h264 streams, is it possible to use H264?

Thanks again folks

resoai · July 26, 2018, 10:25am

It would be obviously helpful to see the code

frank451 · July 26, 2018, 11:02am

oops, always forget the obvious

     title: 'Reversing Camera',
     bg: 'images/bg1.jpg',
     icon: 'mdi-cctv', // home icon
     groups: [
        {
           title: '',
           width: 2,
           height: 3,
           items: [
		   {
				 position: [0, 0],
				 id: {},
				 type: TYPES.CAMERA,
				 bgSize: 'cover',
				 width: 6,
				 height: 4.5,
				 state: false,
				 fullscreen: {},
				 refresh: 500, // can be number in milliseconds
				 filter: function (item, entity) {
                      return "http://root:[email protected]/axis-cgi/mjpg/video.cgi";
				 }

i’ve tried different refresh rates, i know its quite low at the minute but is the same
thanks

resoai · July 26, 2018, 11:04am

MJPEG stream does not close the connection, you don’t need to set refresh, basically when you set it, it closes the correction and establishes it again.

frank451 · July 26, 2018, 11:05am

ta, do i just delete the line of code and try again. presuming so

resoai · July 26, 2018, 11:08am

Yes

adamlaakso1 · July 26, 2018, 1:58pm

header: { // https://github.com/resoai/TileBoard/wiki/Header-configuration
      styles: {
         padding: '30px 130px 0',
         fontSize: '22px'
      },
left: [
      {
         type: HEADER_ITEMS.DATETIME,
         dateFormat: 'EEEE, LLLL dd', //https://docs.angularjs.org/api/ng/filter/date
         styles: {
            margin: '0'
         }
      }
   ],
   right: [    // Uncomment weather object to get weather in your header.
      {
         type: HEADER_ITEMS.WEATHER,
         styles: {
            margin: '2 0 0'
         },
         icon: '&sensor.dark_sky_icon.state',
         icons: {
            'clear-day': 'clear',
            'clear-night': 'nt-clear',
            'cloudy': 'cloudy',
            'rain': 'rain',
            'sleet': 'sleet',
            'snow': 'snow',
            'wind': 'hazy',
            'fog': 'fog',
            'partly-cloudy-day': 'partlycloudy',
            'partly-cloudy-night': 'nt-partlycloudy'
         },
         fields: {
            summary: '&sensor.dark_sky_summary.state',
            temperature: '&sensor.dark_sky_temperature.state',
            temperatureUnit: '&sensor.dark_sky_temperature.attributes.unit_of_measurement',
         }
      }
   ]
   },