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

New design for control panel

Browse Source
This commit is contained in:
Adrian A. Baumann
2026-01-13 23:28:35 +01:00
parent 910b18aa79
commit c9c38d7295
1 changed files with 83 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -202,10 +202,6 @@ sensor:
value: !lambda return x;
text_sensor:
- platform: homeassistant
entity_id: image.k2plus_c06b_current_print_preview
attribute: entity_picture
id: printer_preview_url
- platform: homeassistant
entity_id: sensor.k2plus_c06b_print_status
id: printerStatus
@@ -311,80 +307,85 @@ font:
lvgl:
buffer_size: 25%
bg_color: 0x000000
theme:
button:
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_color: 0x000000
bg_grad_color: 0x000000
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x0077b3
border_width: 1
text_color: 0xFFFFFF
border_color: 0x00FF00
border_width: 2
text_color: 0x00FF00
pressed: # set some button colors to be different in pressed state
bg_color: 0x006699
bg_grad_color: 0x00334d
bg_color: 0x004d00
bg_grad_color: 0x004d00
checked: # set some button colors to be different in checked state
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
text_color: 0xfff300
bg_color: 0x004d00
bg_grad_color: 0x004d00
text_color: 0x00FF00
buttonmatrix:
bg_opa: TRANSP
border_color: 0x0077b3
bg_color: 0x000000
bg_opa: COVER
border_color: 0x000000
border_width: 0
text_color: 0xFFFFFF
text_color: 0x00FF00
pad_all: 0
items: # set all your buttonmatrix buttons to use your custom defined styles and font
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_color: 0x000000
bg_grad_color: 0x000000
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x0077b3
border_width: 1
text_color: 0xFFFFFF
border_color: 0x00FF00
border_width: 2
text_color: 0x00FF00
pressed:
bg_color: 0x006699
bg_grad_color: 0x00334d
bg_color: 0x004d00
bg_grad_color: 0x004d00
checked:
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
text_color: 0xFFFFA0
bg_color: 0x004d00
bg_grad_color: 0x004d00
text_color: 0x00FF00
switch:
bg_color: 0xC0C0C0
bg_grad_color: 0xb0b0b0
bg_color: 0x1a1a1a
bg_grad_color: 0x1a1a1a
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x00FF00
border_width: 2
checked:
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
bg_color: 0x004d00
bg_grad_color: 0x004d00
bg_grad_dir: VER
bg_opa: COVER
knob:
bg_color: 0xFFFFFF
bg_grad_color: 0xC0C0C0
bg_color: 0x00FF00
bg_grad_color: 0x00FF00
bg_grad_dir: VER
bg_opa: COVER
slider:
border_width: 1
border_opa: 15%
bg_color: 0xcccaca
bg_opa: 15%
border_color: 0x00FF00
border_opa: 50%
bg_color: 0x000000
bg_opa: COVER
indicator:
bg_color: 0x1d5f96
bg_grad_color: 0x03324A
bg_color: 0x004d00
bg_grad_color: 0x004d00
bg_grad_dir: VER
bg_opa: COVER
knob:
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_color: 0x00FF00
bg_grad_color: 0x00FF00
bg_grad_dir: VER
bg_opa: COVER
border_color: 0x0077b3
border_color: 0x00FF00
border_width: 1
text_color: 0xFFFFFF
text_color: 0x000000
style_definitions:
- id: header_footer
bg_color: 0x2F8CD8
bg_grad_color: 0x005782
bg_color: 0x000000
bg_grad_color: 0x000000
bg_grad_dir: VER
bg_opa: COVER
border_opa: TRANSP
@@ -392,8 +393,8 @@ lvgl:
pad_all: 0
pad_row: 0
pad_column: 0
border_color: 0x0077b3
text_color: 0xFFFFFF
border_color: 0x00FF00
text_color: 0x00FF00
width: 100%
height: 30
top_layer:
@@ -406,7 +407,7 @@ lvgl:
state:
disabled: true
recolor: false
text_color: white
text_color: 0x00FF00
hidden: true
- label:
id: haStatusIcon
@@ -416,7 +417,7 @@ lvgl:
state:
disabled: true
recolor: false
text_color: white
text_color: 0x00FF00
hidden: true
- buttonmatrix:
align: bottom_mid
@@ -462,7 +463,7 @@ lvgl:
text: "Ade's Office"
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
text_color: 0x00FF00
- buttonmatrix:
id: matrixId
x: 10
@@ -583,7 +584,7 @@ lvgl:
text: "Ground Floor"
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
text_color: 0x00FF00
- buttonmatrix:
id: groundFloorMatrix
x: 10
@@ -698,7 +699,7 @@ lvgl:
text: "K2 Plus"
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
text_color: 0x00FF00
- label:
long_mode: scroll
align_to:
@@ -707,7 +708,8 @@ lvgl:
y: 3
x: 2
id: lbl_3dprinter_status
text:
text_color: 0x00FF00
text:
format: "Status: %s"
args: [ 'id(printerStatus).get_state()' ]
- label:
@@ -716,35 +718,39 @@ lvgl:
align: OUT_BOTTOM_LEFT
y: 3
id: lbl_3dprinter_percentage
text_color: 0x00FF00
text:
format: "Percentage: %d%%"
args: ['id(sensor_3dprinter_percentage).state']
- label:
align_to:
id: lbl_3dprinter_percentage
id: lbl_3dprinter_percentage
align: OUT_BOTTOM_LEFT
y: 3
long_mode: scroll
long_mode: scroll
id: lbl_3dprinter_modelname
width: 240
text_color: 0x00FF00
text: "Model: None"
- label:
align_to:
id: lbl_3dprinter_modelname
id: lbl_3dprinter_modelname
align: OUT_BOTTOM_LEFT
y: 3
long_mode: scroll
long_mode: scroll
id: lbl_3dprinter_layer
width: 240
text_color: 0x00FF00
text: "Layer: 0 of 0"
- label:
align_to:
id: lbl_3dprinter_layer
id: lbl_3dprinter_layer
align: OUT_BOTTOM_LEFT
y: 3
long_mode: scroll
long_mode: scroll
id: lbl_3dprinter_print_time_left
width: 240
text_color: 0x00FF00
text: "Print time left: NaN"
- meter:
id: meter_3dprinter_nozzle
@@ -762,7 +768,7 @@ lvgl:
- line:
id: gauge_3dprinter_nozzle_needle
width: 2
color: 0xFF0000
color: 0x00FF00
r_mod: -4
- range_from: 0 # scale for the value labels
range_to: 380
@@ -772,25 +778,27 @@ lvgl:
width: 1
count: 41
length: 4
color: 0x000000
color: 0x00FF00
major:
stride: 20
width: 2
length: 6
color: 0x404040
color: 0x00FF00
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"
align_to:
text_color: 0x00FF00
align_to:
id: meter_3dprinter_nozzle
align: CENTER
y: 45
@@ -807,7 +815,11 @@ 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
@@ -834,7 +846,7 @@ lvgl:
- line:
id: gauge_3dprinter_bed_needle
width: 2
color: 0xFF0000
color: 0x00FF00
r_mod: -4
- range_from: 0 # scale for the value labels
range_to: 130
@@ -844,24 +856,26 @@ lvgl:
width: 1
count: 41
length: 4
color: 0x000000
color: 0x00FF00
major:
stride: 20
width: 2
length: 6
color: 0x404040
color: 0x00FF00
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
@@ -879,7 +893,11 @@ 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
@@ -891,33 +909,6 @@ lvgl:
entity_id: number.k2plus_c06b_bed_target
value: !lambda "return x;"
- id: printer_preview_page
widgets:
- obj:
align: TOP_MID
id: header_page_printer_preview
styles: header_footer
widgets:
- label:
text: "Print Preview"
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
- label:
align_to:
id: header_page_printer_preview
align: OUT_BOTTOM_MID
y: 10
id: lbl_preview_status
text: "Print preview image"
text_align: CENTER
- label:
align: CENTER
id: lbl_preview_info
text: "View full preview in\nHome Assistant app"
text_align: CENTER
text_color: 0x808080
on_idle:
timeout: !lambda "return (id(displayTimeout).state * 1000);"
then: