Edit esp-bedside-panel.yaml

esphome/esp-bedside-panel.yaml

@@ -6,6 +6,7 @@
 # https://home.fox.co.nz/gitea/zorruno/zorruno-homeassistant/src/branch/master/esphome/esp-bedside-panel.yaml
 #:########################################################################################:#
 # VERSIONS:
+# V0.8f 2026-07-15 Added minimal Climate page with two placeholders and Back button
 # V0.8e 2026-07-15 Centred Bedroom button captions only; no additional pages
 # V0.8b 2026-07-15 Changed proven V0.8a clock to 24-hour format and removed AM/PM
 # V0.8a 2026-07-14 Reduced LVGL memory load after V0.8 OTA rollback
@@ -72,12 +73,12 @@ substitutions:
   # Device Naming
   device_name: "esp-bedside-panel"
   friendly_name: "ESP Bedside Panel"
-  description_comment: "Guition JC1060P470C_I_W_Y ESP32-P4 bedside clock and Home Assistant control panel. Centred Bedroom button captions only. (Layout V1.1)"
+  description_comment: "Guition JC1060P470C_I_W_Y ESP32-P4 bedside clock and Home Assistant control panel. Minimal Climate page test. (Layout V1.1)"
   device_area: "Bedroom"
 
   # Project Naming
   project_name: "Guition.JC1060P470C_I_W_Y"
-  project_version: "v0.8e"
+  project_version: "v0.8f"
 
   # Passwords & Secrets
   api_key: !secret esp-api_key
@@ -1019,7 +1020,7 @@ lvgl:
               - label:
                   id: spare_navigation_button_label
                   align: CENTER
-                  text: "More Soon"
+                  text: "Climate"
                   text_font: font_button
                   text_color: 0xFFFFFF
             bg_color: 0x315843
@@ -1028,6 +1029,12 @@ lvgl:
             border_color: 0x548C6C
             radius: 16
 
+            on_click:
+              - lvgl.page.show:
+                  id: climate_page
+                  animation: MOVE_LEFT
+                  time: 220ms
+
         - button:
             id: bedtime_button
             x: 645
@@ -1064,6 +1071,82 @@ lvgl:
                     id: bedtime_button_label
                     text: "Hold for Bedtime"
 
+    #:####################################################################################:#
+    # CLIMATE PAGE
+    #:####################################################################################:#
+    - id: climate_page
+      bg_color: 0x111923
+      bg_opa: COVER
+
+      widgets:
+        - label:
+            align: TOP_MID
+            y: 55
+            text: "Bedroom Climate"
+            text_font: font_title
+            text_color: 0xFFFFFF
+
+        - button:
+            id: climate_placeholder_left
+            x: 120
+            y: 180
+            width: 340
+            height: 150
+            bg_color: 0x28313D
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0x445365
+            radius: 18
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "Climate Controls"
+                  text_font: font_button
+                  text_color: 0xAEB8C4
+
+        - button:
+            id: climate_placeholder_right
+            x: 564
+            y: 180
+            width: 340
+            height: 150
+            bg_color: 0x28313D
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0x445365
+            radius: 18
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "More Soon"
+                  text_font: font_button
+                  text_color: 0xAEB8C4
+
+        - button:
+            id: climate_back_button
+            align: BOTTOM_MID
+            y: -70
+            width: 360
+            height: 95
+            bg_color: 0x315843
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0x548C6C
+            radius: 18
+            pressed:
+              bg_color: 0x416F55
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "Back to Bedroom"
+                  text_font: font_button
+                  text_color: 0xFFFFFF
+            on_click:
+              - lvgl.page.show:
+                  id: bedroom_page
+                  animation: MOVE_RIGHT
+                  time: 220ms
+
     #:####################################################################################:#
     # CLOCK PAGE
     #:####################################################################################:#