TileBoard - New dashboard for Homeassistant

marcok · December 25, 2020, 8:08pm

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!

KrzysztofKowalczyk74 · December 25, 2020, 9:32pm

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

Torbenan · December 25, 2020, 9:42pm

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
                        },					
               ]
          }
},

KrzysztofKowalczyk74 · December 26, 2020, 11:31am

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:’

thomas.pittin · December 26, 2020, 10:36pm

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?

Will_Fezz · December 26, 2020, 11:00pm

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.

Will_Fezz · December 26, 2020, 11:02pm

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

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

thomas.pittin · December 30, 2020, 9:09pm

Hi, Solved! thanks

thomas.pittin · December 30, 2020, 9:22pm

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: 22436001000,
options: MINIMAL_CHART_OPTIONS
},
especially if I remove the options: MINIMAL_CHART_OPTIONS, the error disappear but I didn’t see nothing

Will_Fezz · December 31, 2020, 1:16am

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

offset: 24*3600*1000

Why are the * missing?

thomas.pittin · January 1, 2021, 1:17pm

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

Will_Fezz · January 1, 2021, 1:45pm

What does the error say?

964kevin · January 2, 2021, 12:29pm

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

964kevin · January 2, 2021, 12:49pm

Got it

Updated the .yaml file and alls good.

Example configuration.yaml entry

sensor:

platform: time_date
display_options:
- ‘time’
- ‘date’
- ‘date_time’
- ‘date_time_utc’
- ‘date_time_iso’
- ‘time_date’
- ‘time_utc’
- ‘beat’

jeromebaron · January 2, 2021, 4:22pm

Is it possible to enable/disable an automation tile?
I want to keep it in the UI but without being able to activate it sometime based on different conditions.

resoai · January 3, 2021, 1:40pm

If you really want to use images as background for the tile you can simply resize them and if I’m not mistaken you can play with bgSize: https://www.w3schools.com/cssref/css3_pr_background-size.asp

resoai · January 3, 2021, 1:42pm

I think there was a bug in previous versions which was fixed: https://github.com/resoai/TileBoard/pull/551

dtx · January 4, 2021, 3:09pm

Hey, quick question. Seems the gauge sensor rounds the central value with a decimal even tho. the fractionSize setting is set to 0 and the value in the top corner shows watts. Can this behavior be disabled via settings? I would prefer it to show watts and not kilowatts if possible without code modification.

Skärmavbild 2021-01-04 kl. 15.58.31

rchl · January 4, 2021, 4:23pm

This is not rounding, it’s the thousands separator. Maybe in your country, the comma is not used as a thousand separator and that’s why it confuses you. Which is fair but currently TileBoard runs in US locale only.

Will_Fezz · January 5, 2021, 4:10pm

could I just bump this a I am really struggling to find the answer?