TileBoard - New dashboard for Homeassistant

You can use this.apiRequest({});

Please can you get me an example? I can’t understand how to use it

 action: function() {
    this.apiRequest({
      type: 'call_service',
      domain: '...',
      service: '...',
      service_data: { ... }
    });
}

Many thanks, it’s working!

thank you very much for your help!

Hi everyone,
I’ve been fiddling around with the popup tiles but I really cannot get it to work. I get an error saying "Entity “{}” not found. What sould I put in the “id: {},” section?
Here’s my code:

                  {
                     position: [0, 0],
                     width: 2,
                     height: 1,
                     title: 'Status',
                     icon: 'mdi-robot-vacuum',
                     type: TYPES.POPUP,
                     id: '{}',
                     popup: {
                     	tileSize: 100,
                        items: [
                     	{
                     	   position: [1, 1],
                     	   id: 'vacuum.wall_e',
                           value: '@attributes.status',
                           state: false,
                        },
                      ]
                    }
                  },

I’m trying to setup de Alarm tile. And its working fine. But I have an issue, I want to Arm_night from Armed_home directly, it seems that its not possible. i must disarm and then arm_night.
Any solution?

Thanks

Fixed with this:

            <div class="alarm-popup-buttons-line">
               <div class="alarm-popup-button -icon -home"
                    ng-if="supportsFeature(FEATURES.ALARM.ARM_HOME, alarmEntity) && alarmEntity.state !== 'armed_home'"
                    ng-click="actionAlarm('alarm_arm_home', activeAlarm, alarmEntity)">
                  <div class="mdi mdi-bell-plus"></div> Arm home
               </div>
               <div class="alarm-popup-button -icon -away"
                    ng-if="supportsFeature(FEATURES.ALARM.ARM_AWAY, alarmEntity) && alarmEntity.state !== 'armed_away'"
                    ng-click="actionAlarm('alarm_arm_away', activeAlarm, alarmEntity)">
                  <div class="mdi mdi-bell"></div> Arm away
               </div>
               <div class="alarm-popup-button -icon -night"
                    ng-if="supportsFeature(FEATURES.ALARM.ARM_NIGHT, alarmEntity) && alarmEntity.state !== 'armed_night'"
                    ng-click="actionAlarm('alarm_arm_night', activeAlarm, alarmEntity)">
                  <div class="mdi mdi-sleep"></div> Arm night
               </div>
               <div class="alarm-popup-button -icon -disarm"
                    ng-if="alarmEntity.state !== 'disarmed'"
                    ng-click="actionAlarm('alarm_disarm', activeAlarm, alarmEntity)">
                  <div class="mdi mdi-bell-off"></div> Disarm
               </div>
            </div>

Now, the buttons available are all the states different from current one.

image
image

id: '{}', -> id: {},

1 Like

Hi everyone,
I’m trying to control my vacuum robot through a custom card in TileBoard. This is the code I have:

                  {
                     position: [0, 1],
                     width: 1,
                     height: 1,
                     id: {},
                     type: TYPES.CUSTOM,
                     icon: 'mdi-robot-vacuum',
                     title: 'Start',
                     state: false,
                     action: function(item, entity) {
                     	vacuum.wall_e.vacuum.start();
                     },
                  },

Does anybody have a clue on what I am doing wrong? I followed the example in the documentation.

Hi,

I have something like this for my Roborock

                  {
                     position: [2, 1],
                     height: 0.5,
                     width: 1,
                     title: 'Stefan',
                     subtitle: '',
                     id: 'vacuum.xiaomi_vacuum_cleaner',
                     type: TYPES.VACUUM,
                     states: {
                        docked: "w stacji",
                        cleaning: "sprząta",
                        returning: "powrót",
                        idle: "czeka",
                     },
                     icons: {
                        docked: "mdi-robot-vacuum",
                        cleaning: "mdi-broom",
                        returning: "mdi-backup-restore",
                        idle: "mdi-map-marker",
                     },
                     customStyles: function (item, entity) {
                        if (entity.state == "cleaning") {
                           return {'background-color': '#B4CA9F'};
                        } else if (entity.state == "returning") {
                           return {'background-color': '#90a17f'};
                        } else {
                           return {'background-color': '#7d8d6f'};
                        }
                     }
                  },
1 Like

But do you have a button to actually start the vacuum with this set-up?

Yes, just press the tile and Vacuum cleaner is started.

1 Like

Hi guys, I have a small request, maybe it’s a simple thing, but I can’t figure it out, I have to rotate an icon (battery) horizontally, I’ve searched, but can’t find the way, little help…
thank you very much

There is no yaml. It was only a change to the Alarm popup.

I’m still thinking if I should go with this dashboard or not.
I see a lot of “small” issue like the one I found. People fix them but they dont go to general release.
So I think this project is more like: patch a use it.

Projects like this one rely on contributions. If you have a change you want to contribute then create a pull request. If the change makes sense in general then it’s likely that it will get accepted and get included in the next release.

Yep, that’s the way it should be.

I looked this thread, is has a couple of years now. I was opening an issue on github with a suggestion for the Alarm Panel. But it seems “dead”. with only automated deps PRs
Maybe I’m wrong and I’m missing actual developments from the community…

I’ve add a new icon for TYPES.WEATHER called “windy” but I can’t get it to show up.
I’ve added the icon to the code:

                     type: TYPES.WEATHER,
                     id: {},
                     title: '',
                     state: '&sensor.bom_short_text_0.state', // TOP RIGHT label with weather summary (e.g. Sunny)
                     icon: '&sensor.bom_mdi_icon_0.state',
                     icons: { // BIG ICON
                        'mdi:weather-night': 'nt-clear',
                        'mdi:weather-cloudy': 'cloudy',
                        'mdi:weather-hurricane': 'windy',
                        'mdi:weather-hazy': 'hazy',
                        'mdi:weather-fog': 'fog',
                        'mdi:snowflake-melt': 'snow',
                        'mdi:weather-pouring': 'rain',
                        'mdi:weather-partly-rainy': 'rain',
                        'mdi:weather-light-showers': 'rain',
                        'mdi:weather-sunny': 'clear',
                        'mdi:weather-partly-cloudy': 'partlycloudy',
                        'mdi:weather-rainy': 'rain',
                        'mdi:weather-snowy': 'snow',
                        'mdi:weather-lightning-rainy': 'tstorms',
                        'mdi:weather-windy': 'windy'
                     },

All the other icons work because they were there previously.

I also placed it in:
www/tileboard/images/weather-icons/white

and I even added this line in the weather-icons.css:
.wu-windy { background: url(…/images/weather-icons/white/windy.svg); }

but I still can’t get the icon to show up in tileboard.

What else am I missing?

If you are modifying the app to that extent, maybe consider creating a PR that adds the windy icon (ideally it would use similar style as existing ones though)?

Otherwise, make sure that you have compiled the app after making the changes. See contributing.md for more details.

Or otherwise make changes in styles/custom.css instead which is for overriding built-in styles.

If you look at the changelog (Releases) you’ll see that there are also some fixes in each release typically.
It’s not very active because of lack of time from maintainers but things do happen.

Also, I haven’t seen your issue/suggestion about the Alarm panel.

1 Like