adebaumann/ESP-Home-Scripts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Navigation page troubleshooting

Browse Source
This commit is contained in:
Adrian A. Baumann
2026-01-14 01:22:58 +01:00
parent 3587cc74aa
commit b724869105
1 changed files with 157 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
ades-office-control-panel.yaml
View File

@@ -211,15 +211,15 @@ text_sensor:
condition:
lambda: 'return x == "printing";'
then:
- lvgl.matrix.button.update:
- lvgl.widget.update:
id: button3dPrinter
control:
disabled: true
state:
disabled: ON
else:
- lvgl.matrix.button.update:
- lvgl.widget.update:
id: button3dPrinter
control:
disabled: false
state:
disabled: OFF
- lvgl.label.update:
id: lbl_3dprinter_status
text:
@@ -286,15 +286,15 @@ number:
id: pcPower
below: 5.0
then:
- lvgl.matrix.button.update:
- lvgl.widget.update:
id: buttonPc
control:
disabled: false
state:
disabled: OFF
else:
- lvgl.matrix.button.update:
- lvgl.widget.update:
id: buttonPc
control:
disabled: true
state:
disabled: ON
- logger.log: "PC button disabled"
font:
@@ -307,110 +307,80 @@ font:
lvgl:
buffer_size: 25%
bg_color: 0x000000
color_filter_opa: TRANSP
theme:
button:
bg_color: 0x000000
bg_grad_color: 0x000000
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x00FF00
border_width: 2
text_color: 0x00FF00
border_color: 0x0077b3
border_width: 1
text_color: 0xFFFFFF
pressed: # set some button colors to be different in pressed state
bg_color: 0x004d00
bg_grad_color: 0x004d00
bg_color: 0x006699
bg_grad_color: 0x00334d
checked: # set some button colors to be different in checked state
bg_color: 0x004d00
bg_grad_color: 0x004d00
text_color: 0x00FF00
disabled:
bg_color: 0x000000
bg_grad_color: 0x000000
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x004d00
border_width: 2
text_color: 0x004d00
text_opa: COVER
border_opa: COVER
opa: COVER
color_filter_opa: 0%
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
text_color: 0xfff300
buttonmatrix:
bg_color: 0x000000
bg_opa: COVER
border_color: 0x000000
bg_opa: TRANSP
border_color: 0x0077b3
border_width: 0
text_color: 0x00FF00
text_color: 0xFFFFFF
pad_all: 0
items: # set all your buttonmatrix buttons to use your custom defined styles and font
bg_color: 0x000000
bg_grad_color: 0x000000
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x00FF00
border_width: 2
text_color: 0x00FF00
border_color: 0x0077b3
border_width: 1
text_color: 0xFFFFFF
pressed:
bg_color: 0x004d00
bg_grad_color: 0x004d00
bg_color: 0x006699
bg_grad_color: 0x00334d
checked:
bg_color: 0x004d00
bg_grad_color: 0x004d00
text_color: 0x00FF00
disabled:
bg_color: 0x000000
bg_grad_color: 0x000000
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x004d00
border_width: 2
text_color: 0x004d00
text_opa: COVER
border_opa: COVER
opa: COVER
color_filter_opa: 0%
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
text_color: 0xFFFFA0
switch:
bg_color: 0x000000
bg_grad_color: 0x000000
bg_color: 0xC0C0C0
bg_grad_color: 0xb0b0b0
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x00FF00
border_width: 2
checked:
bg_color: 0x004d00
bg_grad_color: 0x004d00
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
bg_grad_dir: VER
bg_opa: COVER
knob:
bg_color: 0x00FF00
bg_grad_color: 0x00FF00
bg_color: 0xFFFFFF
bg_grad_color: 0xC0C0C0
bg_grad_dir: VER
bg_opa: COVER
slider:
border_width: 1
border_color: 0x00FF00
border_opa: 50%
bg_color: 0x000000
bg_opa: COVER
border_opa: 15%
bg_color: 0xcccaca
bg_opa: 15%
indicator:
bg_color: 0x004d00
bg_grad_color: 0x004d00
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
bg_grad_dir: VER
bg_opa: COVER
knob:
bg_color: 0x00FF00
bg_grad_color: 0x00FF00
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x00FF00
border_color: 0x0077b3
border_width: 1
text_color: 0x000000
text_color: 0xFFFFFF
style_definitions:
- id: header_footer
bg_color: 0x000000
bg_grad_color: 0x000000
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_grad_dir: VER
bg_opa: COVER
border_opa: TRANSP
@@ -418,8 +388,8 @@ lvgl:
pad_all: 0
pad_row: 0
pad_column: 0
border_color: 0x00FF00
text_color: 0x00FF00
border_color: 0x0077b3
text_color: 0xFFFFFF
width: 100%
height: 30
top_layer:
@@ -432,7 +402,7 @@ lvgl:
state:
disabled: true
recolor: false
text_color: 0x00FF00
text_color: white
hidden: true
- label:
id: haStatusIcon
@@ -442,7 +412,7 @@ lvgl:
state:
disabled: true
recolor: false
text_color: 0x00FF00
text_color: white
hidden: true
- buttonmatrix:
align: bottom_mid
@@ -465,10 +435,22 @@ lvgl:
text: "\uF015"
on_press:
then:
lvgl.page.show:
id: main_page
animation: FADE_IN
time: 300ms
- lvgl.matrix.button.update:
id: navAdesOffice
control:
checked: false
- lvgl.matrix.button.update:
id: navGroundFloor
control:
checked: false
- lvgl.matrix.button.update:
id: nav3dPrinter
control:
checked: false
- lvgl.page.show:
id: main_page
animation: FADE_IN
time: 300ms
- id: page_next
text: "\uF054"
on_press:
@@ -483,12 +465,78 @@ lvgl:
align: TOP_MID
id: header_page_main
styles: header_footer
widgets:
- label:
text: "Main Menu"
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
- buttonmatrix:
id: mainMenuMatrix
x: 10
y: 45
width: 220
height: 220
items:
pressed:
bg_color: 0xFFFF00
rows:
- buttons:
- id: navAdesOffice
text: "Ade's Office"
control:
checkable: true
on_value:
then:
- if:
condition:
lambda: 'return x == 1;'
then:
- lvgl.page.show:
id: ades_office_page
animation: FADE_IN
time: 300ms
- id: navGroundFloor
text: "Ground Floor"
control:
checkable: true
on_value:
then:
- if:
condition:
lambda: 'return x == 1;'
then:
- lvgl.page.show:
id: ground_floor_page
animation: FADE_IN
time: 300ms
- buttons:
- id: nav3dPrinter
text: "3D Printer"
control:
checkable: true
on_value:
then:
- if:
condition:
lambda: 'return x == 1;'
then:
- lvgl.page.show:
id: printer_status
animation: FADE_IN
time: 300ms
- id: ades_office_page
widgets:
- obj:
align: TOP_MID
id: header_page_ades_office
styles: header_footer
widgets:
- label:
text: "Ade's Office"
align: CENTER
text_align: CENTER
text_color: 0x00FF00
text_color: 0xFFFFFF
- buttonmatrix:
id: matrixId
x: 10
@@ -609,7 +657,7 @@ lvgl:
text: "Ground Floor"
align: CENTER
text_align: CENTER
text_color: 0x00FF00
text_color: 0xFFFFFF
- buttonmatrix:
id: groundFloorMatrix
x: 10
@@ -724,7 +772,7 @@ lvgl:
text: "K2 Plus"
align: CENTER
text_align: CENTER
text_color: 0x00FF00
text_color: 0xFFFFFF
- label:
long_mode: scroll
align_to:
@@ -733,7 +781,6 @@ lvgl:
y: 3
x: 2
id: lbl_3dprinter_status
text_color: 0x00FF00
text:
format: "Status: %s"
args: [ 'id(printerStatus).get_state()' ]
@@ -743,7 +790,6 @@ lvgl:
align: OUT_BOTTOM_LEFT
y: 3
id: lbl_3dprinter_percentage
text_color: 0x00FF00
text:
format: "Percentage: %d%%"
args: ['id(sensor_3dprinter_percentage).state']
@@ -755,7 +801,6 @@ lvgl:
long_mode: scroll
id: lbl_3dprinter_modelname
width: 240
text_color: 0x00FF00
text: "Model: None"
- label:
align_to:
@@ -765,7 +810,6 @@ lvgl:
long_mode: scroll
id: lbl_3dprinter_layer
width: 240
text_color: 0x00FF00
text: "Layer: 0 of 0"
- label:
align_to:
@@ -775,7 +819,6 @@ lvgl:
long_mode: scroll
id: lbl_3dprinter_print_time_left
width: 240
text_color: 0x00FF00
text: "Print time left: NaN"
- meter:
id: meter_3dprinter_nozzle
@@ -784,11 +827,6 @@ lvgl:
x: 5
height: 110
width: 110
bg_color: 0x000000
bg_opa: COVER
border_width: 0
text_color: 0x00FF00
text_font: roboto_10
scales:
- range_from: 0 # scale for the needle value
range_to: 380
@@ -798,7 +836,7 @@ lvgl:
- line:
id: gauge_3dprinter_nozzle_needle
width: 2
color: 0x00FF00
color: 0xFF0000
r_mod: -4
- range_from: 0 # scale for the value labels
range_to: 380
@@ -808,25 +846,24 @@ lvgl:
width: 1
count: 41
length: 4
color: 0x00FF00
color: 0x000000
major:
stride: 20
width: 2
length: 6
color: 0x00FF00
color: 0x404040
label_gap: 10
text_font: roboto_10
widgets:
- label:
id: gauge_3dprinter_nozzle_text
text: "-.-C"
text_color: 0x00FF00
align_to:
id: meter_3dprinter_nozzle
align: CENTER
y: 35
- label:
text: "Nozzle"
text_color: 0x00FF00
align_to:
id: meter_3dprinter_nozzle
align: CENTER
@@ -844,11 +881,7 @@ lvgl:
adjustable: true
start_angle: 150
end_angle: 30
arc_color: 0x004d00
indicator:
arc_color: 0x00FF00
knob:
bg_color: 0x00FF00
pad_all: 0
arc_rounded: false
arc_width: 6
@@ -866,11 +899,6 @@ lvgl:
x: 125
height: 110
width: 110
bg_color: 0x000000
bg_opa: COVER
border_width: 0
text_color: 0x00FF00
text_font: roboto_10
scales:
- range_from: 0 # scale for the needle value
range_to: 130
@@ -880,7 +908,7 @@ lvgl:
- line:
id: gauge_3dprinter_bed_needle
width: 2
color: 0x00FF00
color: 0xFF0000
r_mod: -4
- range_from: 0 # scale for the value labels
range_to: 130
@@ -890,25 +918,24 @@ lvgl:
width: 1
count: 41
length: 4
color: 0x00FF00
color: 0x000000
major:
stride: 20
width: 2
length: 6
color: 0x00FF00
color: 0x404040
label_gap: 10
text_font: roboto_10
widgets:
- label:
id: gauge_3dprinter_bed_text
text: "-.-C"
text_color: 0x00FF00
align_to:
id: meter_3dprinter_bed
align: CENTER
y: 35
- label:
text: "Plate"
text_color: 0x00FF00
align_to:
id: meter_3dprinter_bed
align: CENTER
@@ -926,11 +953,7 @@ lvgl:
adjustable: true
start_angle: 150
end_angle: 30
arc_color: 0x004d00
indicator:
arc_color: 0x00FF00
knob:
bg_color: 0x00FF00
pad_all: 0
arc_rounded: false
arc_width: 6