home_automation/ha-dashboards
2
0
Fork 0
Code Issues 2 Pull Requests Projects Activity

Dashboard controls for Emma's new bedroom aircon

Browse Source
This commit is contained in:
Tony Stork
2025-03-28 19:46:34 -04:00
parent 6e28eb27ec
commit c3ace0c063
3 changed files with 207 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
mobile_dashboard.yaml
View File

@ -2917,6 +2917,8 @@ views:
action: toggle
hold_action:
action: more-info
modules:
- default
- type: custom:bubble-card
card_type: separator
name: Modes
@ -2943,6 +2945,92 @@ views:
card_type: separator
name: Environment
icon: mdi:thermometer
modules:
- default
- type: conditional
conditions:
- condition: state
entity: input_boolean.emma_bedroom_aircon_installed
state: 'on'
card:
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: climate
sub_button:
- select_attribute: hvac_modes
name: HVAC modes menu
state_background: true
- name: Presets menu
select_attribute: preset_modes
state_background: false
show_arrow: true
name: Thermostat
entity: climate.emma_bedroom_aircon
state_color: false
- type: horizontal-stack
cards:
- type: custom:bubble-card
card_type: button
button_type: state
entity: binary_sensor.emma_bedroom_aircon_compressor
name: Compressor
show_attribute: false
double_tap_action:
action: none
hold_action:
action: none
button_action:
double_tap_action:
action: none
hold_action:
action: none
styles: |-
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
}
.bubble-icon {
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
}
- type: custom:bubble-card
card_type: button
button_type: state
entity: binary_sensor.emma_bedroom_aircon_filter_alert
name: Filter
show_attribute: false
double_tap_action:
action: none
hold_action:
action: none
button_action:
double_tap_action:
action: none
hold_action:
action: none
styles: |-
.is-unavailable {
opacity: 0.5 !important;
}
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'var(--error-color)' : 'var(--background-color-2)'} !important;
transition: background-color 1s !important;
}
.bubble-icon-container {
background: ${state === 'on' ? 'var(--error-color)' : 'var(--card-background-color)'} !important;
}
.bubble-icon-container::after {
opacity: ${state === 'on' ? 0.3 : 0} !important;
transition: all 1s !important;
}
.bubble-icon {
display: flex !important;
opacity: 0.5 !important;
}
.is-on .bubble-icon {
opacity: 1 !important;
}
- type: conditional
conditions:
- condition: state
@ -2962,58 +3050,8 @@ views:
name: Thermostat
entity: climate.emma_bedroom_vtherm
state_color: false
- type: conditional
conditions:
- condition: state
entity: input_boolean.emma_bedroom_aircon_installed
state: 'on'
card:
type: horizontal-stack
cards:
- type: custom:bubble-card
card_type: button
entity: fan.emma_air_conditioner
name: Air Conditioner
show_state: true
tap_action:
action: toggle
double_tap_action:
action: none
hold_action:
action: more-info
button_action:
double_tap_action:
action: none
styles: |
.bubble-icon {
animation: ${state === 'on' ? 'slow-rotate 2s linear infinite' : ''};
}
@keyframes slow-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
- type: custom:bubble-card
card_type: button
button_type: state
entity: binary_sensor.emma_aircon_compressor
name: Compressor
double_tap_action:
action: none
hold_action:
action: none
button_action:
double_tap_action:
action: none
hold_action:
action: none
styles: |
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'var(--accent-color)' : 'var(--background-color-2)'} !important;
}
.bubble-icon {
color: ${state === 'on' ? 'var(--accent-color)' : 'var(--text-color)'} !important;
}
modules:
- default
- type: horizontal-stack
cards:
- type: custom:bubble-card
@ -3030,6 +3068,8 @@ views:
button_action:
double_tap_action:
action: none
modules:
- default
- type: custom:bubble-card
card_type: empty-column
- type: custom:bubble-card