Estou no processo de criação de alguns cards para o dashboard dos tablets dos corredores e estou seguindo a linha de tirar fotos do dispositivo ligado e desligado, aberto e fechado e usar o custom button card para criar o card de controle.
Ainda em andamento, não decidi se eu gosto ou não…
Yaml
type: custom:button-card
entity: switch.sala_tomada_quadros
aspect_ratio: 2/1
show_name: true
show_icon: false
name: Quadros
state:
- value: "on"
styles:
card:
- box-shadow: 0px 0px 4px 3px white
- transition: all 1s ease
- border: 1px solid white
name:
- color: white
- text-shadow: 2px 2px 3px black
- value: "off"
styles:
card:
- box-shadow: none
name:
- color: white
- text-shadow: 2px 2px 3px black
styles:
card:
- padding: 1%
- background-image: |
[[[
if (states["switch.sala_tomada_quadros"].state == 'on') {
return 'url("/local/Cards/QUADROS_ON.jpg")';
} else {
return 'url("/local/Cards/QUADROS_OFF.jpg")';
}
]]]
- background-repeat: no-repeat
- background-size: 100%
- background-position: center
- background-position: 50% 55%
custom_fields:
SPOT:
- align-self: right
- position: absolute
- right: 3%
- top: 60%
- color: >-
[[[ if (states["switch.sala_tomada_quadros"].state == "on") return
"#ffff00"; else return "#FFFFFF"; ]]]
custom_fields:
SPOT: |
[[[
if (states["switch.sala_tomada_quadros"].state == "on")
return `<ha-icon
icon="mdi:image-frame"
style="width: 30px; height: 30px;">
</ha-icon>`
else
return `<ha-icon
icon="mdi:image-frame"
style="width: 30px; height: 30px;">
</ha-icon>`
]]]
grid_options:
columns: 6
rows: auto