2095 lines
56 KiB
YAML
2095 lines
56 KiB
YAML
lvgl:
|
|
displays:
|
|
- main_display
|
|
touchscreens:
|
|
- touch_panel
|
|
disp_bg_color: 0x0A1020
|
|
style_definitions:
|
|
- id: glass_orb_cool
|
|
bg_color: 0x7EC6FF
|
|
bg_opa: 0%
|
|
radius: 120
|
|
border_width: 0
|
|
shadow_color: 0x7EC6FF
|
|
shadow_width: 42
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 0
|
|
- id: glass_orb_warm
|
|
bg_color: 0xFFB8D0
|
|
bg_opa: 0%
|
|
radius: 120
|
|
border_width: 0
|
|
shadow_color: 0xFFB8D0
|
|
shadow_width: 42
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 0
|
|
- id: glass_header
|
|
bg_color: 0x1A2740
|
|
bg_opa: 94%
|
|
border_color: 0xA7C8FF
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 22
|
|
pad_all: 0
|
|
shadow_color: 0x061022
|
|
shadow_width: 22
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_chip
|
|
bg_color: 0xCFE1FF
|
|
bg_opa: 92%
|
|
border_color: 0xFFFFFF
|
|
border_width: 1
|
|
border_opa: 45%
|
|
radius: 18
|
|
pad_all: 0
|
|
- id: glass_tile_title
|
|
text_opa: 100%
|
|
- id: glass_tile_meta
|
|
text_opa: 96%
|
|
- id: glass_tile_icon
|
|
text_opa: 100%
|
|
- id: glass_toggle_blue
|
|
bg_color: 0x2C364A
|
|
bg_opa: 92%
|
|
border_color: 0x90A4C3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x091529
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_toggle_pink
|
|
bg_color: 0x2C364A
|
|
bg_opa: 92%
|
|
border_color: 0x90A4C3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x1A0E2B
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_toggle_red
|
|
bg_color: 0x2C364A
|
|
bg_opa: 92%
|
|
border_color: 0x90A4C3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x2A0A12
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_toggle_amber
|
|
bg_color: 0x2C364A
|
|
bg_opa: 92%
|
|
border_color: 0x90A4C3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x2A1A08
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_toggle_green
|
|
bg_color: 0x2C364A
|
|
bg_opa: 92%
|
|
border_color: 0x90A4C3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x0B2018
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_toggle_violet
|
|
bg_color: 0x2C364A
|
|
bg_opa: 92%
|
|
border_color: 0x90A4C3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x1A1230
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
- id: glass_tile_blue
|
|
bg_color: 0x7BB8FF
|
|
bg_opa: 92%
|
|
border_color: 0xE6F1FF
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x091529
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
text_color: 0xF4F8FF
|
|
- id: glass_tile_pink
|
|
bg_color: 0xD99CFF
|
|
bg_opa: 92%
|
|
border_color: 0xF7E7FF
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x1A0E2B
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
text_color: 0xFFF8FF
|
|
- id: glass_tile_amber
|
|
bg_color: 0xFFD29A
|
|
bg_opa: 92%
|
|
border_color: 0xFFF0D9
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x2A1A08
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
text_color: 0xFFF9EE
|
|
- id: glass_tile_green
|
|
bg_color: 0x9BE2C6
|
|
bg_opa: 92%
|
|
border_color: 0xE4FFF3
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x0B2018
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
text_color: 0xF3FFF9
|
|
- id: glass_tile_red
|
|
bg_color: 0xFF9FAF
|
|
bg_opa: 92%
|
|
border_color: 0xFFE8EC
|
|
border_width: 1
|
|
border_opa: 38%
|
|
radius: 24
|
|
shadow_color: 0x2A0A12
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
text_color: 0xFFF5F7
|
|
- id: glass_tile_violet
|
|
bg_color: 0xB8A8FF
|
|
bg_opa: 92%
|
|
border_color: 0xF0EAFF
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 24
|
|
shadow_color: 0x1A1230
|
|
shadow_width: 24
|
|
shadow_opa: 0%
|
|
shadow_ofs_x: 0
|
|
shadow_ofs_y: 8
|
|
text_color: 0xF7F3FF
|
|
- id: room_nav_btn
|
|
bg_color: 0x22324A
|
|
bg_opa: 96%
|
|
border_color: 0x8FB3E8
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 12
|
|
text_color: 0xF2F7FF
|
|
- id: room_stub_card
|
|
bg_color: 0x1A2740
|
|
bg_opa: 96%
|
|
border_color: 0xA7C8FF
|
|
border_width: 1
|
|
border_opa: 35%
|
|
radius: 20
|
|
pad_all: 0
|
|
theme:
|
|
label:
|
|
text_color: 0xEAF2FF
|
|
button:
|
|
text_color: 0xF6FAFF
|
|
|
|
pages:
|
|
- id: home
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
id: status_label
|
|
x: 22
|
|
y: 12
|
|
text: "Family Room"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Liquid Glass Control"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Quick scenes and lighting controls"
|
|
- obj:
|
|
x: 560
|
|
y: 12
|
|
width: 194
|
|
height: 58
|
|
styles: glass_chip
|
|
widgets:
|
|
- label:
|
|
id: battery_label
|
|
align: center
|
|
text: " n/a"
|
|
- label:
|
|
x: 22
|
|
y: 108
|
|
text: "Tap any card. Screen sleeps after 60s idle."
|
|
|
|
- button:
|
|
id: btn_family_room_tv_stand
|
|
x: 24
|
|
y: 138
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.family_room_tv_stand
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "TV Stand"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
|
|
- button:
|
|
id: btn_small_family_room_lamp
|
|
x: 278
|
|
y: 138
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.small_family_room_lamp
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Small Lamp"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
|
|
- button:
|
|
id: btn_family_room_standing_lamp
|
|
x: 532
|
|
y: 138
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_red
|
|
checked:
|
|
bg_color: 0xD83452
|
|
bg_opa: 100%
|
|
border_color: 0xFFE2E8
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.living_room_lamp_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Standing Lamp"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
|
|
- button:
|
|
x: 24
|
|
y: 286
|
|
width: 244
|
|
height: 136
|
|
styles: glass_tile_amber
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: scene.turn_on
|
|
data:
|
|
entity_id: scene.movie_time
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SCENE"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Movie Time"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Dim and set mood"
|
|
|
|
- button:
|
|
x: 278
|
|
y: 286
|
|
width: 244
|
|
height: 136
|
|
styles: glass_tile_green
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: scene.turn_on
|
|
data:
|
|
entity_id: scene.good_night
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SCENE"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Good Night"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Evening shutdown"
|
|
|
|
- button:
|
|
id: btn_family_room_standing_fan_outlet
|
|
x: 532
|
|
y: 286
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_violet
|
|
checked:
|
|
bg_color: 0x6C55D9
|
|
bg_opa: 100%
|
|
border_color: 0xEEE8FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.standing_fan_socket_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Standing Fan"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|
|
|
|
- id: living_room
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
x: 22
|
|
y: 12
|
|
text: "Living Room"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Room Controls"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Add your lights, scenes, and media controls here"
|
|
- button:
|
|
id: btn_living_room_main_light
|
|
x: 24
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.living_room_light_2
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Main Light"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_living_room_standing_lamp
|
|
x: 278
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.living_room_lamp_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Standing Lamp"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_living_room_patio_light
|
|
x: 532
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_amber
|
|
checked:
|
|
bg_color: 0xC97700
|
|
bg_opa: 100%
|
|
border_color: 0xFFF1D6
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.patio_light_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Patio Light"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_living_room_garland_switch
|
|
x: 24
|
|
y: 270
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_green
|
|
checked:
|
|
bg_color: 0x2EAF7E
|
|
bg_opa: 100%
|
|
border_color: 0xE5FFF5
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.big_family_room_lamp
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Front Garland"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_living_room_calendar_switch
|
|
x: 278
|
|
y: 270
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_violet
|
|
checked:
|
|
bg_color: 0x6C55D9
|
|
bg_opa: 100%
|
|
border_color: 0xEEE8FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.digital_calendar
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Calendar"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|
|
|
|
- id: kitchen_page
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
x: 22
|
|
y: 12
|
|
text: "Kitchen"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Room Controls"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Add your kitchen controls here"
|
|
- button:
|
|
id: btn_kitchen_sink_light
|
|
x: 24
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.kitchen_sink_light
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Sink Light"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_kitchen_dnd_switch
|
|
x: 278
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.kitchen_do_not_disturb_switch
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Kitchen DND"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_kitchen_camera_motion
|
|
x: 532
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_amber
|
|
checked:
|
|
bg_color: 0xC97700
|
|
bg_opa: 100%
|
|
border_color: 0xFFF1D6
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.kitchen_camera_motion_detection
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Cam Motion"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|
|
|
|
- id: upstairs
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
x: 22
|
|
y: 12
|
|
text: "Upstairs"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Room Controls"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Add your upstairs controls here"
|
|
- button:
|
|
id: btn_upstairs_airquality_oled
|
|
x: 24
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.airqualitysensor_3_oled_power
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "AQ OLED"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_upstairs_camera_motion
|
|
x: 278
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.upstairs_camera_motion_detection
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Cam Motion"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|
|
|
|
- id: office
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
x: 22
|
|
y: 12
|
|
text: "Office (Basement)"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Room Controls"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Add your office controls here"
|
|
- button:
|
|
id: btn_office_lamp
|
|
x: 24
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.office_lamp_2
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Office Lamp 2"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_office_led_strip
|
|
x: 278
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.led_strip_controller_led_strip_controller
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "LED Strip"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_office_echo_plug
|
|
x: 532
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_amber
|
|
checked:
|
|
bg_color: 0xC97700
|
|
bg_opa: 100%
|
|
border_color: 0xFFF1D6
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.office_echo_plug
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Echo Plug"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_office_end_table_lamp_outlet
|
|
x: 24
|
|
y: 270
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_green
|
|
checked:
|
|
bg_color: 0x2EAF7E
|
|
bg_opa: 100%
|
|
border_color: 0xE5FFF5
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.office_end_table_lamp_socket_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "End Table Lamp"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_office_wax_warmer_outlet
|
|
x: 278
|
|
y: 270
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_violet
|
|
checked:
|
|
bg_color: 0x6C55D9
|
|
bg_opa: 100%
|
|
border_color: 0xEEE8FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.office_wax_warmer_socket_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Wax Warmer"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|
|
|
|
- id: garage
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
x: 22
|
|
y: 12
|
|
text: "Garage"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Room Controls"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Add your garage controls here"
|
|
- button:
|
|
id: btn_garage_cam_light
|
|
x: 24
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.esp32_saturn4_cam_esp32_saturn4_cam_light
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Saturn Cam Light"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_garage_fume_exhaust_fan
|
|
x: 278
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.fume_exhaust_fan
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Fume Fan"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_garage_resin_printer_heater
|
|
x: 532
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_amber
|
|
checked:
|
|
bg_color: 0xC97700
|
|
bg_opa: 100%
|
|
border_color: 0xFFF1D6
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.resin_printer_heater
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "SWITCH"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Resin Heater"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|
|
|
|
- id: outside
|
|
widgets:
|
|
- obj:
|
|
x: 14
|
|
y: 14
|
|
width: 772
|
|
height: 84
|
|
styles: glass_header
|
|
widgets:
|
|
- label:
|
|
x: 22
|
|
y: 12
|
|
text: "Outside"
|
|
- label:
|
|
x: 22
|
|
y: 42
|
|
text: "Room Controls"
|
|
- label:
|
|
x: 22
|
|
y: 62
|
|
text: "Add your outdoor controls here"
|
|
- button:
|
|
id: btn_outside_patio_light
|
|
x: 24
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_blue
|
|
checked:
|
|
bg_color: 0x0B7DFA
|
|
bg_opa: 100%
|
|
border_color: 0xEAF4FF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: light.toggle
|
|
data:
|
|
entity_id: light.patio_light_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "LIGHT"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Patio Light"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_outside_lamppost_outlet_1
|
|
x: 278
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_pink
|
|
checked:
|
|
bg_color: 0xB22FD9
|
|
bg_opa: 100%
|
|
border_color: 0xFFDEFF
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.lamppost_outlets_socket_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Lamppost 1"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_outside_lamppost_outlet_2
|
|
x: 532
|
|
y: 122
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_amber
|
|
checked:
|
|
bg_color: 0xC97700
|
|
bg_opa: 100%
|
|
border_color: 0xFFF1D6
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.lamppost_outlets_socket_2
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Lamppost 2"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
id: btn_outside_porch_decor_outlet
|
|
x: 24
|
|
y: 270
|
|
width: 244
|
|
height: 136
|
|
checkable: true
|
|
styles: glass_toggle_green
|
|
checked:
|
|
bg_color: 0x2EAF7E
|
|
bg_opa: 100%
|
|
border_color: 0xE5FFF5
|
|
border_opa: 90%
|
|
text_color: 0x000000
|
|
on_click:
|
|
- homeassistant.service:
|
|
service: switch.toggle
|
|
data:
|
|
entity_id: switch.washing_machine_socket_1
|
|
widgets:
|
|
- label:
|
|
x: 204
|
|
y: 16
|
|
styles: glass_tile_icon
|
|
text: ""
|
|
- label:
|
|
x: 18
|
|
y: 16
|
|
styles: glass_tile_meta
|
|
text: "OUTLET"
|
|
- label:
|
|
x: 18
|
|
y: 56
|
|
styles: glass_tile_title
|
|
text: "Porch Decor 1"
|
|
- label:
|
|
x: 18
|
|
y: 90
|
|
styles: glass_tile_meta
|
|
text: "Tap to toggle"
|
|
- button:
|
|
x: 20
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: home
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Family"
|
|
- button:
|
|
x: 130
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: living_room
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Living"
|
|
- button:
|
|
x: 240
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: kitchen_page
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Kitchen"
|
|
- button:
|
|
x: 350
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: upstairs
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Upstairs"
|
|
- button:
|
|
x: 460
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: office
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Office"
|
|
- button:
|
|
x: 570
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: garage
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Garage"
|
|
- button:
|
|
x: 680
|
|
y: 430
|
|
width: 100
|
|
height: 40
|
|
styles: room_nav_btn
|
|
on_click:
|
|
- lvgl.page.show: outside
|
|
widgets:
|
|
- label:
|
|
align: center
|
|
text: "Outside"
|