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:
+# V1.19 2026-07-18 Rotated Front Door and Bike Shed camera images 90 degrees anticlockwise
 # V1.18 2026-07-18 Added Lounge Fire, six Security cameras, Jobs page and weather/tide header
 # V1.17 2026-07-18 Swapped Bedroom Climate/Atto buttons and removed Garage test logs
 # V1.16 2026-07-17 Removed garage-door influence from Garage Lights button state
@@ -124,7 +125,7 @@ substitutions:
 
   # Project Naming
   project_name: "Guition.JC1060P470C_I_W_Y"
-  project_version: "v1.18"
+  project_version: "v1.19"
 
   # Passwords & Secrets
   api_key: !secret esp-api_key
@@ -1868,6 +1869,48 @@ script:
                     ? lv_color_hex(0xB88918)
                     : lv_color_hex(0x28313D);
 
+  # Apply the display transform required by the selected Security camera.
+  # Front Door and Bike Shed are mounted sideways and are rotated 90 degrees
+  # anticlockwise. The 0.5625 scale fits the resulting 360x640 image inside
+  # the existing 640x360 camera frame without cropping.
+  - id: refresh_security_camera_transform
+    mode: restart
+    then:
+      - if:
+          condition:
+            lambda: |-
+              return (
+                id(lvgl_ready) &&
+                id(security_page_active)
+              );
+
+          then:
+            - if:
+                condition:
+                  lambda: |-
+                    return (
+                      id(security_camera_selection) == 2 ||
+                      id(security_camera_selection) == 6
+                    );
+
+                then:
+                  - lvgl.image.update:
+                      id: security_camera_widget
+                      rotation: 270
+                      scale: 0.5625
+                      pivot_x: 320
+                      pivot_y: 180
+                      antialias: false
+
+                else:
+                  - lvgl.image.update:
+                      id: security_camera_widget
+                      rotation: 0
+                      scale: 1.0
+                      pivot_x: 320
+                      pivot_y: 180
+                      antialias: false
+
   # Highlight the selected Security camera.
   - id: refresh_security_camera_buttons
     mode: restart
@@ -1938,6 +1981,7 @@ script:
 
           then:
             - script.execute: refresh_security_camera_buttons
+            - script.execute: refresh_security_camera_transform
 
             - if:
                 condition:
@@ -2532,6 +2576,8 @@ image:
                   id: security_camera_widget
                   src: security_camera_image
 
+              - script.execute: refresh_security_camera_transform
+
               - lvgl.label.update:
                   id: security_camera_status_label
                   text: ""