Merge pull request 'fixed updating charts with selected time range' (#34) from fix-sleep-overview-not-updating into main

Reviewed-on: #34

.gitea/workflows/refresh_showcase_data.yml

@@ -28,6 +28,8 @@ jobs:
 
       - name: Run showcase data seeding script
         env:
+          ADMIN_USERNAME: ${{ secrets.ADMIN_USERNAME }}
+          ADMIN_PASSWORD: ${{ secrets.ADMIN_PASSWORD }}
           POSTGRES_URI: ${{ secrets.POSTGRES_URI }}
         run: |
           uv run python scripts/seed_showcase_data.py

src/baby_monitor/static/sleep.html

@@ -345,13 +345,16 @@
         }
       }
 
-      document
+      function attachTimeRangeListener() {
-        .getElementById("timeRangeFilter")
+        const timeRangeFilter = document.getElementById("timeRangeFilter");
-        .addEventListener("change", function () {
+        if (timeRangeFilter) {
-          // Save selection to localStorage
+          timeRangeFilter.addEventListener("change", function () {
-          localStorage.setItem("lastSleepTimeRange", this.value);
+            // Save selection to localStorage
-          loadData();
+            localStorage.setItem("lastSleepTimeRange", this.value);
-        });
+            renderCharts();
+          });
+        }
+      }
 
       async function loadData() {
         try {
@@ -443,6 +446,9 @@
             attachChildFilterListener();
           }
 
+          // Always attach time range listener after recreating the controls
+          attachTimeRangeListener();
+
           renderCharts();
         } catch (error) {
           console.error("Error loading data:", error);