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.8g 2026-07-16 Added working Climate mode buttons and retained lightweight placeholders
 # 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
@@ -73,12 +74,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. Minimal Climate page test. (Layout V1.1)"
+  description_comment: "Guition JC1060P470C_I_W_Y ESP32-P4 bedside clock and Home Assistant control panel. Initial working Climate controls. (Layout V1.1)"
   device_area: "Bedroom"
 
   # Project Naming
   project_name: "Guition.JC1060P470C_I_W_Y"
-  project_version: "v0.8f"
+  project_version: "v0.8g"
 
   # Passwords & Secrets
   api_key: !secret esp-api_key
@@ -104,8 +105,8 @@ substitutions:
   clock_brightness: "4%"
 
   # Home Assistant Entities - Environment
-  bedroom_temperature_entity: "sensor.bedroom_1_environment_z19th_temperature"
+  bedroom_temperature_entity: "sensor.master_bedroom_master_bedroom_environment_z01th_temperature"
-  bedroom_humidity_entity: "sensor.bedroom_1_environment_z19th_humidity"
+  bedroom_humidity_entity: "sensor.master_bedroom_master_bedroom_environment_z01th_humidity"
 
   # Home Assistant Entities - Bedroom / Nearby Controls
   north_lights_entity: "light.tasmo_ifan02_3793_bedrm1_1"
@@ -125,6 +126,12 @@ substitutions:
   # Home Assistant Entities - Actions
   bedtime_button_entity: "input_button.bedtime_mode"
 
+  # Home Assistant Entities - Climate Actions
+  climate_off_script: "script.master_bedroom_hvac_off"
+  climate_heat_script: "script.master_bedroom_hvac_heat"
+  climate_cool_script: "script.master_bedroom_hvac_cool"
+  climate_dry_script: "script.master_bedroom_hvac_dry"
+
 #:########################################################################################:#
 # PACKAGES:
 # Included Common Packages
@@ -1081,18 +1088,128 @@ lvgl:
 
       widgets:
         - label:
-            align: TOP_MID
+            x: 35
-            y: 55
+            y: 24
             text: "Bedroom Climate"
             text_font: font_title
             text_color: 0xFFFFFF
 
+        - label:
+            align: TOP_RIGHT
+            x: -38
+            y: 31
+            text: "Mode controls"
+            text_font: font_small
+            text_color: 0x8FA0B3
+
+        # HVAC mode row
         - button:
-            id: climate_placeholder_left
+            id: climate_off_button
+            x: 35
+            y: 105
+            width: 220
+            height: 140
+            bg_color: 0x31443A
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0x5A7A68
+            radius: 18
+            pressed:
+              bg_color: 0x456052
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "Off"
+                  text_font: font_button
+                  text_color: 0xFFFFFF
+            on_click:
+              - homeassistant.action:
+                  action: script.turn_on
+                  data:
+                    entity_id: "${climate_off_script}"
+
+        - button:
+            id: climate_heat_button
+            x: 280
+            y: 105
+            width: 220
+            height: 140
+            bg_color: 0x6A401B
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0xA6672B
+            radius: 18
+            pressed:
+              bg_color: 0x8A5625
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "Heat"
+                  text_font: font_button
+                  text_color: 0xFFFFFF
+            on_click:
+              - homeassistant.action:
+                  action: script.turn_on
+                  data:
+                    entity_id: "${climate_heat_script}"
+
+        - button:
+            id: climate_cool_button
+            x: 525
+            y: 105
+            width: 220
+            height: 140
+            bg_color: 0x214F72
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0x3E7FA7
+            radius: 18
+            pressed:
+              bg_color: 0x2E6A96
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "Cool"
+                  text_font: font_button
+                  text_color: 0xFFFFFF
+            on_click:
+              - homeassistant.action:
+                  action: script.turn_on
+                  data:
+                    entity_id: "${climate_cool_script}"
+
+        - button:
+            id: climate_dry_button
+            x: 770
+            y: 105
+            width: 220
+            height: 140
+            bg_color: 0x244C60
+            bg_opa: COVER
+            border_width: 2
+            border_color: 0x427B96
+            radius: 18
+            pressed:
+              bg_color: 0x32677F
+            widgets:
+              - label:
+                  align: CENTER
+                  text: "Dehumid"
+                  text_font: font_button
+                  text_color: 0xFFFFFF
+            on_click:
+              - homeassistant.action:
+                  action: script.turn_on
+                  data:
+                    entity_id: "${climate_dry_script}"
+
+        # Lightweight placeholders for the next stage
+        - button:
+            id: climate_setpoint_placeholder
             x: 120
-            y: 180
+            y: 295
             width: 340
-            height: 150
+            height: 135
             bg_color: 0x28313D
             bg_opa: COVER
             border_width: 2
@@ -1101,16 +1218,16 @@ lvgl:
             widgets:
               - label:
                   align: CENTER
-                  text: "Climate Controls"
+                  text: "Setpoint - More Soon"
                   text_font: font_button
                   text_color: 0xAEB8C4
 
         - button:
-            id: climate_placeholder_right
+            id: climate_fan_timer_placeholder
             x: 564
-            y: 180
+            y: 295
             width: 340
-            height: 150
+            height: 135
             bg_color: 0x28313D
             bg_opa: COVER
             border_width: 2
@@ -1119,16 +1236,16 @@ lvgl:
             widgets:
               - label:
                   align: CENTER
-                  text: "More Soon"
+                  text: "Fan and Timer - More Soon"
                   text_font: font_button
                   text_color: 0xAEB8C4
 
         - button:
             id: climate_back_button
             align: BOTTOM_MID
-            y: -70
+            y: -55
             width: 360
-            height: 95
+            height: 90
             bg_color: 0x315843
             bg_opa: COVER
             border_width: 2