I have an odd one i cant figure out with browser mod pop up
When i add the my code to the browser mod pop up call service it seems to reference all old code i was trying that had custom:stack-in-card in the code. See the difference below
Before its added. this is what i wanted
When its added to the Pop Up call service
Yaml Code
type: custom:mushroom-template-card
primary: Kitchen Fridge
secondary: |-
{% set state=states('sensor.kitchen_fridge_power_status') %}
{% if state=='On' %}
In Use
{% elif state=='Off' %}
Off
{% elif state=='unavailable' %}
Unavailable
{% endif %}
icon: |-
{% set state=states('sensor.kitchen_fridge_voltage_status') %}
{% if state=='On' %}
mdi:fridge-variant
{% elif state=='Off' %}
mdi:fridge-variant
{% elif state=='unavailable' %}
mdi:fridge-variant
{% endif %}
entity: switch.kitchen_fridge_plug_switch
picture: ''
badge_icon: ''
icon_color: |-
{% set state=states('sensor.kitchen_fridge_voltage_status') %}
{% if state=='On' %}
green
{% elif state=='Off' %}
orange
{% elif state=='unavailable' %}
red
{% endif %}
layout: vertical
tap_action:
action: call-service
service: browser_mod.popup
data:
content:
type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
entity: binary_sensor.electrolux_top_area_door_state_rc1
icon: >-
{% set
state=states('binary_sensor.electrolux_top_area_door_state_rc1')
%}
{% if state=='open' %}
mdi:door-open
{% elif state=='off' %}
mdi:door-closed
{% elif state=='unavailable' %}
mdi:door-open
{% endif %}
icon_color: >-
{% set
state=states('binary_sensor.electrolux_top_area_door_state_rc1')
%}
{% if state=='open' %}
orange
{% elif state=='off' %}
green
{% elif state=='unavailable' %}
red
{% endif %}
content: >-
{% set
state=states('binary_sensor.electrolux_top_area_door_state_rc1')
%}
{% if state=='open' %}
Top Doors Open
{% elif state=='off' %}
Top Doors Closed
{% elif state=='unavailable' %}
Unavailable
{% endif %}
- type: template
entity: binary_sensor.electrolux_fridge_middle_draw_door_state_xc1
icon: >-
{% set
state=states('binary_sensor.electrolux_fridge_middle_draw_door_state_xc1')
%}
{% if state=='open' %}
mdi:door-open
{% elif state=='off' %}
mdi:door-closed
{% elif state=='unavailable' %}
mdi:door-open
{% endif %}
icon_color: >-
{% set
state=states('binary_sensor.electrolux_fridge_middle_draw_door_state_xc1')
%}
{% if state=='open' %}
orange
{% elif state=='off' %}
green
{% elif state=='unavailable' %}
red
{% endif %}
content: >-
{% set
state=states('binary_sensor.electrolux_fridge_middle_draw_door_state_xc1')
%}
{% if state=='open' %}
Middle Draw Open
{% elif state=='off' %}
Middle Draw Closed
{% elif state=='unavailable' %}
Unavailable
{% endif %}
- type: template
entity: binary_sensor.electrolux_freezer_draw_door_state_fc1
icon: >-
{% set
state=states('binary_sensor.electrolux_freezer_draw_door_state_fc1')
%}
{% if state=='open' %}
mdi:door-open
{% elif state=='off' %}
mdi:door-closed
{% elif state=='unavailable' %}
mdi:door-open
{% endif %}
icon_color: >-
{% set
state=states('binary_sensor.electrolux_freezer_draw_door_state_fc1')
%}
{% if state=='open' %}
orange
{% elif state=='off' %}
green
{% elif state=='unavailable' %}
red
{% endif %}
content: >-
{% set
state=states('binary_sensor.electrolux_freezer_draw_door_state_fc1')
%}
{% if state=='open' %}
Freezer Draw Open
{% elif state=='off' %}
Freezer Draw Closed
{% elif state=='unavailable' %}
Unavailable
{% endif %}
alignment: center
card_mod:
style: |
ha-card {
--chip-spacing: 20px;
margin-top: 2%;
}
- type: custom:mushroom-chips-card
chips:
- type: template
icon: mdi:thermometer-lines
entity: sensor.electrolux_fridge_top_area_temperature_rc1
icon_color: '#00FFFF'
content: >-
Top Area {{
states('sensor.electrolux_fridge_top_area_temperature_rc1')}}
°C
- type: template
icon: mdi:thermometer-lines
entity: sensor.electrolux_fridge_middle_draw_temperature_xc1
icon_color: '#4FC3F7'
content: >-
Middle Draw {{
states('sensor.electrolux_fridge_middle_draw_temperature_xc1')}}
°C
- type: template
icon: mdi:thermometer-lines
entity: sensor.electrolux_fridge_freezer_draw_temperature_fc1
icon_color: '#0080ff'
content: >-
Freezer Area {{
states('sensor.electrolux_fridge_freezer_draw_temperature_fc1')}}
°C
alignment: center
card_mod:
style: |
ha-card {
--chip-spacing: 20px;
margin-top: 2%;
}
- type: custom:mini-graph-card
height: 150
entities:
- entity: sensor.electrolux_fridge_top_area_temperature_rc1
name: Top
color: '#00FFFF'
- entity: sensor.electrolux_fridge_middle_draw_temperature_xc1
name: Middle
color: '#4FC3F7'
- entity: sensor.electrolux_fridge_freezer_draw_temperature_fc1
name: Freezer
color: '#0080ff'
align_state: center
min_bound_range: 20
hours_to_show: 24
points_per_hour: 4
line_width: 4
font_size: 75
animate: false
show:
name: false
icon: false
state: true
legend: false
fill: fade
- type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.kitchen_fridge_plug_power
content: 'Power: {{ states(''sensor.kitchen_fridge_plug_power'')}} W'
icon_color: orange
icon: mdi:flash
tap_action:
action: more-info
- type: template
entity: sensor.kitchen_fridge_plug_voltage
content: >-
Voltage: {{
states('sensor.kitchen_fridge_plug_voltage')}} V
icon_color: deep-orange
icon: mdi:flash-triangle
tap_action:
action: more-info
- type: template
entity: sensor.kitchen_fridge_plug_current
content: >-
Current: {{
states('sensor.kitchen_fridge_plug_current')}} Amp
icon_color: yellow
icon: mdi:current-ac
tap_action:
action: more-info
alignment: center
card_mod:
style: |
ha-card {
--chip-spacing: 35px;
margin-top: 2%;
}
- type: custom:mini-graph-card
height: 150
entities:
- entity: sensor.kitchen_fridge_plug_power
name: Power
color: '#FFA500'
- entity: sensor.kitchen_fridge_plug_voltage
name: Voltage
color: '#E65100'
- entity: sensor.kitchen_fridge_plug_current
name: Current
color: '#FFEE58'
align_state: center
hours_to_show: 24
points_per_hour: 4
line_width: 4
font_size: 75
min_bound_range: 20
animate: false
show:
name: false
icon: false
state: true
legend: false
fill: fade
- type: vertical-stack
cards:
- square: false
columns: 4
type: grid
cards:
- type: custom:mushroom-entity-card
entity: sensor.kitchen_fridge_daily_electrical_consumption
layout: vertical
name: Daily
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
}
- type: custom:mushroom-entity-card
entity: sensor.kitchen_fridge_monthly_electrical_consumption_kwh
layout: vertical
name: Monthly
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
}
- type: custom:mushroom-entity-card
entity: >-
sensor.kitchen_fridge_quarterly_electrical_consumption_kwh
layout: vertical
name: Quarterly
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
}
- type: custom:mushroom-entity-card
entity: sensor.kitchen_fridge_overall_electrical_consumption_kwh
layout: vertical
name: Overall
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
}
- type: custom:mushroom-entity-card
entity: switch.kitchen_fridge_plug_switch
tap_action:
action: more-info
icon_color: blue
primary_info: name
secondary_info: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
}
target: {}
card_mod:
style:
mushroom-shape-icon$: |
.shape {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16) !important;
}