This commit is contained in:
2025-11-17 08:39:50 +01:00
parent a7d778b211
commit bbf280bdf4

View File

@@ -994,8 +994,8 @@
</div> </div>
<div class="thermostat-slider-control"> <div class="thermostat-slider-control">
<label class="thermostat-slider-label"> <label for="slider-{{ device.device_id }}" class="thermostat-slider-label">
<span>🎯 Zieltemperatur</span> 🎯 Zieltemperatur: <span id="thermostat-slider-value-{{ device.device_id }}">21.0</span>°C
</label> </label>
<input type="range" <input type="range"
min="5" min="5"
@@ -1004,6 +1004,7 @@
value="21.0" value="21.0"
class="thermostat-slider" class="thermostat-slider"
id="slider-{{ device.device_id }}" id="slider-{{ device.device_id }}"
oninput="updateThermostatSliderValue('{{ device.device_id }}', this.value)"
onchange="setThermostatTarget('{{ device.device_id }}', this.value)"> onchange="setThermostatTarget('{{ device.device_id }}', this.value)">
<div class="thermostat-slider-range"> <div class="thermostat-slider-range">
<span>5°C</span> <span>5°C</span>
@@ -1365,6 +1366,7 @@
const currentSpan = document.getElementById(`state-${deviceId}-current`); const currentSpan = document.getElementById(`state-${deviceId}-current`);
const targetSpan = document.getElementById(`state-${deviceId}-target`); const targetSpan = document.getElementById(`state-${deviceId}-target`);
const slider = document.getElementById(`slider-${deviceId}`); const slider = document.getElementById(`slider-${deviceId}`);
const sliderValueSpan = document.getElementById(`thermostat-slider-value-${deviceId}`);
if (current !== undefined && currentSpan) { if (current !== undefined && currentSpan) {
currentSpan.textContent = current.toFixed(1); currentSpan.textContent = current.toFixed(1);
@@ -1378,6 +1380,10 @@
if (slider) { if (slider) {
slider.value = target; slider.value = target;
} }
// Sync slider value display
if (sliderValueSpan) {
sliderValueSpan.textContent = target.toFixed(1);
}
thermostatTargets[deviceId] = target; 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 // Set thermostat target temperature when slider is released
async function setThermostatTarget(deviceId, value) { async function setThermostatTarget(deviceId, value) {
try { try {