Popup on a non TYPES.POPUP tile

[sbrandsborg]

Hi,

I'm trying to add a popup menu to a "TYPES.TEXT_LIST" tile.

But i cant figure it out.

In the TYPES.POPUP tile its simply to add:

popup: { tileSize: 100, items: [ { position: [1, 1], type: TYPES.SENSOR, id: 'sensor.covid', }, ] }

But as i understand, this is not supported for a TEXT_LIST tile.

Im sure i can do it with Action or secondaryAction. I just have no idea how.

Can anyone help with an example?

[sbrandsborg]

To explain it abit more.

In my case, i want to be able to see the "history chart" when i click on one of the other tiles.

[alphasixtyfive]

Please try adding an action to the tile:

action: function(item, entity) {
    this.$scope.openPopup(item, entity);
},

[sbrandsborg]

That did the trick! Thanks

I will post my config ones im done

[sbrandsborg]

`

              {
                 position: [1, 0],
                 width: 1,
                 height: 1,
                 title: 'Meater 2',
                 id: {}, // since we are binding each list item to different sensor, so we simply use an empty object
                 type: TYPES.TEXT_LIST,
                 state: '&sensor.cook_state2.state',
                 action: function(item, entity) {
                    this.$scope.openPopup(item, entity);
                },
                popup: {
                 tileSize: 100,
                 items: [
                    {
                       position: [0, 0],
                       type: TYPES.HISTORY,
                       width: 3,
                       height: 1,
                       id: 'sensor.meattemp2',
                       title: 'Meater 2 - Kerne Temp',
                       subtitle: function (item, entity) {
                          return 'since ' + timeAgo(Date.now() - (item.offset || 24*3600*1000));
                       },
                       offset: 12*3600*1000,
                       options: MINIMAL_CHART_OPTIONS,
                    },
                 ]
              },
                 states: {
                    unavailable: "Turned off",
                 },
                 list: [
                    {
                       title: '',
                       icon: 'mdi:food-steak',
                       value: ''
                    },
                    {
                       title: 'Kerne Temp.',
                       icon: 'mdiFoodSteak ',
                       value: '&sensor.meattemp2.state'
                    },
                    {
                       title: 'Ambient Temp.',
                       icon: 'mdi:food-steak',
                       value: '&sensor.ambient2.state'
                    },
                 ]
              },

`