From bbf280bdf4b6a02c089f471dd0a693d9e8e43fd7 Mon Sep 17 00:00:00 2001
From: Wolfgang Hottgenroth <wolfgang.hottgenroth@icloud.com>
Date: Mon, 17 Nov 2025 08:39:50 +0100
Subject: [PATCH] fix 3

---
 apps/ui/templates/dashboard.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/apps/ui/templates/dashboard.html b/apps/ui/templates/dashboard.html
index 25a5aa4..dac31a9 100644
--- a/apps/ui/templates/dashboard.html
+++ b/apps/ui/templates/dashboard.html
@@ -994,8 +994,8 @@
                         </div>
                         
                         <div class="thermostat-slider-control">
-                            <label class="thermostat-slider-label">
-                                <span>🎯 Zieltemperatur</span>
+                            <label for="slider-{{ device.device_id }}" class="thermostat-slider-label">
+                                🎯 Zieltemperatur: <span id="thermostat-slider-value-{{ device.device_id }}">21.0</span>°C
                             </label>
                             <input type="range" 
                                    min="5" 
@@ -1004,6 +1004,7 @@
                                    value="21.0" 
                                    class="thermostat-slider"
                                    id="slider-{{ device.device_id }}"
+                                   oninput="updateThermostatSliderValue('{{ device.device_id }}', this.value)"
                                    onchange="setThermostatTarget('{{ device.device_id }}', this.value)">
                             <div class="thermostat-slider-range">
                                 <span>5°C</span>
@@ -1365,6 +1366,7 @@
             const currentSpan = document.getElementById(`state-${deviceId}-current`);
             const targetSpan = document.getElementById(`state-${deviceId}-target`);
             const slider = document.getElementById(`slider-${deviceId}`);
+            const sliderValueSpan = document.getElementById(`thermostat-slider-value-${deviceId}`);
             
             if (current !== undefined && currentSpan) {
                 currentSpan.textContent = current.toFixed(1);
@@ -1378,6 +1380,10 @@
                 if (slider) {
                     slider.value = target;
                 }
+                // Sync slider value display
+                if (sliderValueSpan) {
+                    sliderValueSpan.textContent = target.toFixed(1);
+                }
                 thermostatTargets[deviceId] = target;
             }
         }
@@ -1775,6 +1781,14 @@
             }
         }
         
+        // Update thermostat slider value display while dragging
+        function updateThermostatSliderValue(deviceId, value) {
+            const valueSpan = document.getElementById(`thermostat-slider-value-${deviceId}`);
+            if (valueSpan) {
+                valueSpan.textContent = parseFloat(value).toFixed(1);
+            }
+        }
+        
         // Set thermostat target temperature when slider is released
         async function setThermostatTarget(deviceId, value) {
             try {