TileBoard - New dashboard for Homeassistant

resoai · June 30, 2020, 3:19pm

I think I’ve fixed hvac_mode in yesterday’s update. You would need to add useHvacMode: true to your climate tiles. I’m afraid I don’t fully understand your question about attributes. What exactly are you trying to do? Also, what exactly isn’t working in a fan tile?

resoai · June 30, 2020, 4:21pm

Hi guys,

I have just pushed a few updates to TileBoard dressing following issues:

CAMERA tile was throwing 401 error after a few mins when access token of camera changed.
CAMERA_STREAM tile did not close the stream whenever switching to different camera to another page
Added hideFromList: true attribute to CAMERA, CAMERA_THUMBNAIL and CAMERA_STREAM tiles which allows you to hide particular camera from the list in the fullscreen popup.

Just a reminder, HA has deprecated camera_thumbnail API call so you should switch to CAMERA.

khouse75 · June 30, 2020, 4:44pm

What’s the trick to get the climate tile to show the current mode? I grabbed the latest code from github, added useHvacMode: true but nothing is displayed. I can click near the middle and change the mode, however.

dwaynemccoy · June 30, 2020, 4:50pm

Has anyone implemented a weather tile using WeatherBit to replace DarkSky? I am a couple days in with Tileboard and i have learned a lot. I just can not figure out how to use the WeatherBit HA integration with TileBoard. I know this is 100% due to my lack of js skills. The available entities are listed below if that helps. Any help/advice is greatly appreciated.

sensor.weatherbit_air_quality
sensor.weatherbit_apparent_temperature
sensor.weatherbit_beaufort_text
sensor.weatherbit_cloud_coverage
sensor.weatherbit__description
sensor.weatherbit_ddewpoint
sensor.weatherbit_forecast_day_1
sensor.weatherbit_forecast_day_2
sensor.weatherbit_forecast_day_3
sensor.weatherbit_forecast_day_4
sensor.weatherbit_forecast_day_5
sensor.weatherbit_forecast_day_6
sensor.weatherbit_forecast_day_7
sensor.weatherbit_humidity
sensor.weatherbit_icon_code
sensor.weatherbit_“city”
sensor.weatherbit_pressure
sensor.weatherbit_rain_today
sensor.weatherbit_snow
sensor.weatherbit_radiation
temperatureUnituv_index
sensor.weatherbit_visibility
sensor.weatherbit_wind_bearing
sensor.weatherbit_wind_direction
sensor.weatherbit_wind_speed

resoai · June 30, 2020, 4:53pm

Can you show me state dump for this entity from HA? TileBoard currently looks at hvac_modes for the list of modes and hvac_mode for current mode. It does same for presets: preset_modes -> preset_mode.

khouse75 · June 30, 2020, 6:05pm

The actual state of my climate.family_room_thermostat is the current mode.

khouse75 · June 30, 2020, 6:36pm

I can probably create a sensor with template_attributes: and an automation to match what’s required of the climate tile.

resoai · June 30, 2020, 6:50pm

For some reason your thermostat has hvac_modes but not hvac_mode, yet it has hvac_action, which in turn is not a value from the hvac_modes list .

Can you please show me how thermostat UI is shown in HA (with selection open and closed)?

khouse75 · June 30, 2020, 6:58pm

Here are some screenshots. It’s a Radio Thermostat CT101 (Lowe’s Iris Branded)

resoai · June 30, 2020, 7:11pm

Please open main.js file in scripts->controllers directory, scroll down to line 1316 and replace the whole getClimateCurrentOption function with this:

   $scope.getClimateCurrentOption = function (item, entity) {
      if(item.useHvacMode) {
         ['hvac_mode', 'hvac_action'].forEach(function(attr){
            if(entity.attributes[attr]) return entity.attributes[attr];
         });
      }
      else {
         if (entity.attributes.preset_mode) return entity.attributes.preset_mode;
      }
      return 'Unknown';
   };

If it works I’ll push this as an update.

rchl · June 30, 2020, 7:25pm

@resoai please look at TileBoard - New dashboard for Homeassistant again. The current mode is exposed as entity.state - you can see the current hvac mode on the right of entity name.

resoai · June 30, 2020, 7:27pm

Indeed. I’m not really sure than how to handle this, since the state can be anything, including on/off.

rchl · June 30, 2020, 7:28pm

I don’t have any experience with thermostats but how I understand “hvac_action” is that it’s the current action that is progress. If you set mode to “heat”, the action will be probably “heating” but once it gets to the desired temperature the action might change to “idle” or something while mode will still mode “heat”.

resoai · June 30, 2020, 7:32pm

Makes sense. I wonder how state would change in this case and how HA maps values in the UI for such a thermostat.

khouse75 · June 30, 2020, 8:53pm

In my case, entity.state is going to be whatever I’ve selected from hvac_modes ( heat, cool, off or heat_cool ). hvac_action is going to be cooling, heating or idle.

No need to change any code. About the only time I change the mode is winter and late spring and I usually do that at the thermostat.

samarakovg · June 30, 2020, 9:55pm

My question is is there any way to control fan_modes or to put fan_modes on a separate tile?

khouse75 · July 1, 2020, 3:33am

You could modify the index.html and main.js like in this post TileBoard - New dashboard for Homeassistant or if you don’t want to modify the application code, you could use input_select and some automations.

khouse75 · July 1, 2020, 7:02am

I’m playing around with a function that returns an animated or stationary image for the background based on whether a fan is on or not.

If I use entity.state for comparison, it changes the background images as soon as I change the fan mode. This won’t work with the input_select because I need to base the background image on the state or attribute of another entity and input_select has no attributes that can be set.

entity.state code:

{
   position: [2, 1],
   type: TYPES.INPUT_SELECT,
   id: 'input_select.family_room_thermostat_fan_mode',
   title: 'Family Room',
   bg: function (item, entity) {
       return (entity.state == 'Auto Low' ? '/tileboard/images/fan5_off.gif' : '/tileboard/images/fan5_on.gif');
   },
   state: function (item, entity) {
       return (this.states['climate.family_room_thermostat'].attributes.fan_action);
   },
},

If I use this.states, the background image never changes unless I refresh the page. The state function, which uses the same this.states[‘climate.family_room_thermostat’].attributes.fan_action, updates properly when the fan mode is changed and the fan turns off or on (Idle or Running).

this.states code:

{
   position: [2, 1],
   type: TYPES.INPUT_SELECT,
   id: 'input_select.family_room_thermostat_fan_mode',
   title: 'Family Room',
   bg: function (item, entity) {
       return (this.states['climate.family_room_thermostat'].attributes.fan_action == 'Idle' ? '/tileboard/images/fan5_off.gif' : '/tileboard/images/fan5_on.gif');
   },
   state: function (item, entity) {
       return (this.states['climate.family_room_thermostat'].attributes.fan_action);
   },
},

Any ideas as to what the problem may be or any suggestions for alternate ways to accomplish this?

resoai · July 1, 2020, 9:29am

You can try doing same with customStyles, this should probably always redraw the tile.

resoai · July 1, 2020, 2:46pm

I’m being very late again

.camera-popup--list {
  display: none;
}
.camera-popup--camera {
  width: 100%;
}