TileBoard - New dashboard for Homeassistant

Wanted this feature too, +1

Thanks for the suggestion, but I’m not that good on Java as yet. But what I did do was apply this workaround, which is working great for me :slight_smile:

Line 602 of index.html

 ng-repeat="line in item.list track by $index"  ng-if="listField('value', item, line) !== 'off'">

Many thanks @chadcb for this. :+1:

My mobile dash shows all rooms status on the first page, I wanted an easy way to see what was left on. The switches on the left will then turn all those devices off in that room.

Now I can just turn them all off easily, and know which windows have been left open. Perfect!! :smiley:

PS. I corrected the icon for my Sons room, we really don’t make him sleep in a bath :joy: :joy:

Is there a way to show google photos album slideshow in tileboard?

is there a way to use tileboard in iframe (in my magic mirror on another machine of the same network). At the moment it asks loging/password…

Yes.

Create a long lived token here.

Then in the config.js, use your token here
image

Dear team,
I’m trying to conclude my SIP communication with my doorbell tonight and stucked in (I believe simple) step: how to trigger the event from external javascript loaded into Tileboard instead of from HA.

Currently working Event triggered by HA:

  events: [    
      {
         command: 'open_camera',
         action: function(eventData) {
            this.$scope.openDoorEntry(DOORENTRY_TILE, DOORENTRY_TILE.id);
         },
      }
]

Can you please advise how to trigger this event or what to put in the JS as a command to open the Doorentry window?

thanks @Royski
this worked

1 Like

hey ,
could you share the css please?

In my TileBoard I’ve added a media_player. Since I want to be able to jump in the movie, I need the slider in the bottom of the media player, where you can do that. The slider exist, if the media player is used in Lovelace but not in Tileboard. Any idea how to activate this in Tileboard, Is it the same media player, that is use in Lovelace and Tileboard?

Lovelace
gb -ll

Tileboard
gb-tb

Hey

Now ive been trying to make a CUSTOM switch for so long,
and some how my Funtion is not working…
Im using this setup for the Custom tile

{
   position: [6, 0],
   type: TYPES.CUSTOM,
   title: 'Volume Down',
   id: {},
   bgOpacity: 0.9,
   width: 1,
   height: 1,
   action: function (item, entity) {
           Api.send({
           type: 'call_service',
           domain: 'media_player',
           service: 'volume_down',
           service_data: {
              entity_id: "media_player.spotify_rune_nyhuus",
              }
         });
     }
}

This is just a simple Volume down… but no matter what call_service i use… it do not work…
What am i missing here?

Call this.apiRequest({}) instead of Api.send({}).

1 Like

Nice! that did the trick!.. Thank you :slight_smile:

edit: nvm this i pulled myself toghether and just simply updated to latest.

I’m trying to define different configs for different devices. In my config.js file I have:

function loadScript(url) {
  var req = new XMLHttpRequest();
  req.open('GET', url + '?cache=' + Math.random(), false);
  req.onreadystatechange = function(){
     if (req.readyState === 4) {
        var s = document.createElement('script');
        s.appendChild(document.createTextNode(req.responseText));
        document.head.appendChild(s);
     }
  };
  req.send(null);
}

var conf = location.search.match(/config=([\w\d_-]+)/);
conf = conf ? conf[1] : 'default'
loadScript('includes/' + conf + '.js');

as has been posted in this thread.

I have created the includes folder and put entryway.js and default.js in it.

If I put my URL as: http://homeassistant.localdomain:8123/local/tileboard/index.html it correctly loads the default.js in the includes folder.

If I put my URL as http://homeassistant.localdomain:8123/local/tileboard/index.html?config=entryway I get a popup message that says "Please make sure that you have ‘entryway.js’ file and it is a valid javascript! If you are running TileBoard for the first time, please rename ‘config.example.js’ to ‘entryway.js’

If I put entryway.js in the root tileboard directory it will load, but not from the includes folder.

I am using the Fully browser on my tablet. I’ve also tried it from the Edge browser on my PC. I am a bit of a JavaScript noob, so I’m not sure what the issue is here.

I’m running the latest TileBoard release v.2.1.2.

Thanks.

hi
in Tileboard is there a way to make a condition to show tile only if entity1 in specific state + entity2 in another specific state?
For example similar to this in jinja2:

hidden: {% if state(input_boolean.A)==on and state(input_boolean.B==off) %}
{{true}}
{% else %}
{{false}}
{% end %}

Hey Can you share how you setup custom dashboard? It looks really nice…

Sure. I didn’t end up using TileBoard but here is my config. Hoping you get some use out of it. Merry Christmas!

https://pastebin.ubuntu.com/p/97NfMt9py6/

Hi Alexey,
TileBoard is great software. Congratulations. I’ve started from TYPES.DOOR_ENTRY tile and it works fine with my doorbell. I enriched it with SIP communication and it wrks according to my needs (big credits to you). To have this part complete I need really small advise: how to close the windows with camera view? I’d like to do it upon end of the call pressing “end call” button/tile. Now I do window.location.reload(), however It reloads whole interface - not just closing the window. Window.openPage(CONFIG.pages[0]) does not work as expected in my case :-(.

Can you please advise?

Thank you Buddy…!!! I will try and see if i can make it work…

Could you give some guidance on how you did this? I have not got started on this yet but I would like to get it working at some point.