TileBoard - New dashboard for Homeassistant

TYPES.DOOR_ENTRY tile is rather straight forward - documentation is great so after some reading it is easy. Making SIP communication is more complex as it needs a lot of prep work (ie having working asterisk installation running webRTC, and many more…). It is mainly custom made project hard to replicate :-(.

You can try calling this.$scope.closePopup();.

So simple, so beautiful. Thank you - works perfect.

It would be nice to see how you’ve implemented SIP :slight_smile:

I’ve left the script on github:


however it is WIP and I’m not sure if I’ll be able to support that as I’m not programmer :slight_smile:

Current setup runs on Samsung tablet on Fully.

I’m not a programmer myself :slight_smile:

Hi, really love this dasboard.
Easy to setup and yet so good looking.

How can I change te language to Dutch?

Merry X-Mas to all of you! As some others here I’m trying to display a text_list of contacts only in state “on”. But I can’t get it to work.

Somewhere here I read I have to do the filtering outside the config-part, so I set up a function like this:

myFunction = function() {
   var windows = [
      {icon: "mdi-alert", title: "Room 1", value: "off"},
      {icon: "mdi-alert", title: "Room 2", value: "&binary_sensor.arbeitszimmer_fenster.state"  }, 
      {icon: "mdi-alert", title: "Room 3", value: "on"},
      {icon: "mdi-alert", title: "Room 4", value: "off"}
   ];
   //return windows;
    var openWindows =  windows.filter(function(window) {
       return window.value == "on";
    });
    return openWindows;

}

While “return windows” works as aspected, no matter if I use “normal text” as value or the values of &sensor.anything.state, it stops working proper with .filter.Though it filters on the text-value properly, the &sensor…state is shown as empty.

Hope someone can point me in the right direction, because I feel like I’m already very close, but the final “click” is still missing. Thanks in advance!

My current design - still WIP:


Now stucked with the icons size and would need to have short guide how to setup custom.css to improve two types of icons: main weather icon (would like to have double size) and entity tile icons (they should be half of current). Entities icons are set as tile background (using bgSuffix: …).
can you help me understand the path I should follow to have my task completed?

PS Marry Christmass :slight_smile:

1 Like

Simple question. Are tiles in Popup tile supposed to be clickable? I’ve this but the tiles in the pop up window can’t be clicked

{
   type: TYPES.POPUP,
   id: {},
   position: [0, 5.3],
   width: 2,
   bg: '/local/tileboard/images/spotify.png',
   title: 'History popup',
   state: false,
   popup: {
      tileSize: 150, 
     width: 2,
      highth: 2,
      items: [
		       {
                 position: [0, 0],
                 type: TYPES.SCRIPT,
                 width: 1,
                 height: 1,
                 id: 'script.spotify_verdens_laengste_rap',
                 title: 'Østkyst Hustlers',
        	     subtitle: 'Verdens længste rap',
                  bg: '/local/tileboard/images/verdenslaengsterap.JPG',
                            state: false
                        },
			{
                            position: [1, 0],
                            type: TYPES.SCRIPT, 
                            id: 'script.spotifyotherside',
                            title: 'Rock',
                            bg: '/local/tileboard/images/otherside.JPG',
                            state: false
                        },					
               ]
          }
},

I had same issue here. popups have “disabled” tiles and it would be good to know how to avoid that.
However if you change to TYPES.CUSTOM it is enabled and clickable, however all actions needs to be setup as ‘action:’

Hello,
I started to use the Tileboard since one week and now I found the first issue that I cannot solve by myself.I want to use the ‘GROUP_ALIGNS.VERTICALLY’, but I have an issue to display the second page correctly. Can someone help me?

Could someone advise on how to change the colour of the history tile? I did it before but in the latest release the files have changed and I am struggling to do this again.

have you checked the group hight? Mine did this until I reduced the group height.

               title: 'First group',
               width: 3,
               height: ***,

Hi, Solved! thanks

Hi again,
I followed the tile_examples of the types.history but I don’t know why I cannot display the graph…can someone help me?

{
position: [0, 1],
width: 3,
height: 3,
type: TYPES.HISTORY,
//state: false,
id: ‘sensor.processor_use’,
title: ‘Processor use’,
subtitle: function (item, entity) {
return 'since ’ + timeAgo(Date.now() - (item.offset || 22436001000));
},
offset: 2
2436001000,
options: MINIMAL_CHART_OPTIONS
},
especially if I remove the options: MINIMAL_CHART_OPTIONS, the error disappear but I didn’t see nothing

Is there a reason the you opted for one long number and not

offset: 24*3600*1000

Why are the * missing?

It’s like you mentioned offset: 2436001000 and not this long number, I don’t know why was like the previous post

What does the error say?

Late to the party, but ‘sensor.time’ if I use that ID, nothing shows, I’m guessing im doing something incredibly stupid here, i have searched for a method, but admit i’m lost.

If I replace that sensor with any other in my HA, then the pictures show, but obvisuoly no time/date etc.

Can someone give an old man a clue please.

thanks