One tip for community…
Use a conditional element inside “picture-elements” that show all the info if alarm is disable
- type: conditional
conditions:
- entity: alarm_control_panel.alarma_jose
state: "disarmed"
elements:
blablablabla...............
and if alarm is activate only show an icon that popup a windows alarm
- type: conditional
conditions:
- entity: alarm_control_panel.alarma_jose
# state: "armed_away"
state_not: "disarmed"
elements:
- type: icon
icon: 'mdi:home-lock'
title: null
style:
'--iron-icon-height': 150px
'--iron-icon-width': 150px
color: rgb(255, 0, 0)
left: 50%
top: 40%
background: rgba(0,0,0,0.5)
border-radius: 0.8vw
tap_action:
action: call-service
service: browser_mod.popup
service_data:
title: Panel de Alarma
deviceID:
- this
style:
'--ha-card-border-radius': 0vw 0vw 0.8vw 0.8vw
border-radius: 0.8vw
background: '#708090'
width: 25%
card:
type: alarm-panel
entity: alarm_control_panel.alarma_jose
name: Alarma
states:
- arm_away
style: |
ha-card {
max-width: 100%;
}
