bms
August 18, 2021, 7:23am
199
@steinis I was thinking the same thing. Because i allready know the state of the lights by the color of the toggle button.
You can just change the label component from the template (if you know some javascript)
label: >-
[[[
if (entity.state !='unavailable'){
if (entity.state =='off'){
var bri = Math.round(entity.attributes.brightness / 2.55);
return 'Off';
}else{
var bri = Math.round(entity.attributes.brightness / 2.55);
return (bri ? bri : '0') + '%';
}
}else{
return "Unavailable";
}
]]]
1 Like
steinis
August 18, 2021, 8:59am
200
Yeah was thinking it was something here. But how do I get/fetch more then one entity from lovelace config and into the generic template? I still want the light to be the main entity but I can easy add temp, lux etc to the card.
bms
August 18, 2021, 9:08am
201
There are a few possibilities, but the easiest (and most flexible) will probably be to override the label property for each room:
- type: 'custom:button-card'
template:
- room
- yellow
entity: light.keuken
name: Keuken
icon: mdi:silverware-fork-knife
tap_action:
action: navigate
navigation_path: '/lovelace-mobile/keuken/'
label: '[[[ return states["sensor.temp_sensor_kitchen"].state + "°C" ]]]'
(not tested, but should be close to working)
2 Likes
Hello I have a question. I am not a very good programmer. But is this possible? And the second question is there somebody how can build this?
3 Likes
clemalex
August 18, 2021, 7:32pm
204
hiddevanbrussel:
But is this possible
Quickly, you can use vertical-stack (or stack-in-card) with a card of tben and Custom:bar-card
lpt2007
August 18, 2021, 8:20pm
205
tpx01:
airco_buttons
Can someone help me put together climate card.
- entity: climate.haos_vir_hallway_climate
name: Hlajenje
template:
- airco_buttons
type: 'custom:button-card'
tpx01
August 18, 2021, 8:36pm
206
Try using “variables:” … as depicted in the printscreen.
lpt2007
August 18, 2021, 8:43pm
207
Not working:
- entity: climate.haos_vir_hallway_climate
variables:
entity: climate.haos_vir_hallway_climate
name: Hlajenje
template: airco_buttons
type: 'custom:button-card'
If I remove entity like in your example I get error:
tpx01
August 18, 2021, 8:52pm
208
The error is rather explicit here… bad yaml indentation. Try to literally copy what I did… this means, start with “- type:”… you’re adding an array value but the attributes (variables, template) are not part of that object.
- type: custom:button-card
template: airco_buttons
variables:
entity: climate.haos_vir_hallway_climate
lpt2007
August 18, 2021, 8:57pm
209
now is working:
- type: 'custom:button-card'
variables:
entity: climate.haos_vir_hallway_climate
template: airco_buttons
thx @tpx01
1 Like
lpt2007
August 18, 2021, 9:01pm
210
What about media_buttons, is same situation here?
- entity: media_player.haos_vir_livingroom_tv
name: Dnevna
template: media_buttons
type: 'custom:button-card'
lpt2007
August 18, 2021, 9:28pm
211
Not.
- type: 'custom:button-card'
variables:
entity: media_player.haos_vir_livingroom_tv
name: Dnevna
template: media_buttons
How to get look like this?
Slowly i getting this lovely interface running!
One question:
My chips cards:
Example for button card “click on” infos:
My VIEWS Code:
- title: OWN
icon: 'mdi:snake'
path: own
cards:
- cards:
- cards:
- template:
- chips_temp_nas
type: 'custom:button-card'
- template: chips_used_space_nas
type: 'custom:button-card'
type: horizontal-stack
type: vertical-stack
My TEMPLATE Code:
chips_temp_nas:
template: chips
tap_action:
action: navigate
label: |
[[[
var temp = states['sensor.ds218plus_temperature'].state;
return '🌡️' + " " + temp + '° | DS218+';
]]]
chips_used_space_nas:
template: chips
tap_action:
action: navigate
label: |
[[[
var spacetotal = states['sensor.ds218plus_volume_1_used_space'].state;
var spacepercent = states['sensor.ds218plus_volume_1_volume_used'].state;
return '💾' + " " + spacetotal + " TB | " + spacepercent + " %";
]]]
Thanks!
3 Likes
bms
August 19, 2021, 9:18am
213
@lpt2007
If i look at the code:
state:
- operator: template
value: >
[[[
return entity.state !='off'
]]]
name: >
[[[
return entity.attributes.media_title;
]]]
label: >
[[[
return entity.attributes.media_album_name;
]]]
styles:
img_cell:
- background: >
[[[
var image = entity.attributes.entity_picture;
return 'center / cover url(' + image + ')';
]]]
icon:
- color: 'rgba(var(--color-theme),0.0)'
Your media player will need the following attributes:
media_title
media_album_name
entity_picture
Can you check if your media player has these attributes?
bms
August 19, 2021, 9:22am
214
@flirtysanchez You have defined your “tap_action” for the chip card as navigate. But you did not specify where to navigate to.
You can either specify an url to navigate to. Or leave the “tap_action” on ‘more_info’.
See the docs for more examples: here
1 Like
OK. Thanks for the hint. But it doesn’t work with this option. If i try to click nothing happens.
chips_temp_nas:
template: chips
tap_action:
action: more-info
label: |
[[[
var temp = states['sensor.ds218plus_temperature'].state;
return '🌡️' + " " + temp + '° | DS218+';
]]]
chips_used_space_nas:
template: chips
tap_action:
action: more-info
label: |
[[[
var spacetotal = states['sensor.ds218plus_volume_1_used_space'].state;
var spacepercent = states['sensor.ds218plus_volume_1_volume_used'].state;
return '💾' + " " + spacetotal + " TB | " + spacepercent + " %";
]]]
1 Like
bms
August 19, 2021, 11:25am
216
@flirtysanchez Ah yes, I see the next problem.
chips_temp_nas:
template: chips
entity: sensor.ds218plus_temperature
tap_action:
action: more-info
label: ......
or specify an entity in your tap_action:
chips_temp_nas:
template: chips
tap_action:
action: more-info
entity: sensor.ds218plus_temperature
label: ......
2 Likes
