Ray fiddles to get temp slider to talk to heater, and show desired temp value.
This commit is contained in:
parent
ff3fcc89f4
commit
2c136eb34c
2 changed files with 28 additions and 19 deletions
|
@ -97,7 +97,7 @@ CScreen2::show()
|
|||
if(tDelta < 0) {
|
||||
// Show current heat demand setting
|
||||
if(getHeaterInfo().isThermostat()) {
|
||||
sprintf(msg, "Setpoint = %d`C", getHeaterInfo().getTemperature_Desired());
|
||||
sprintf(msg, "Setpoint = %.0f`C", getHeaterInfo().getTemperature_Desired());
|
||||
}
|
||||
else {
|
||||
sprintf(msg, "Setpoint = %.1fHz", getHeaterInfo().getPump_Fixed());
|
||||
|
|
|
@ -19,7 +19,7 @@ const char* MAIN_PAGE PROGMEM = R"=====(
|
|||
if (heater.RunState == 0){
|
||||
document.getElementById("myonoffswitch").checked = false;
|
||||
document.getElementById("myonoffswitch").style = "block";
|
||||
} else if(heater.RunState === 7){
|
||||
} else if(heater.RunState >= 7){
|
||||
document.getElementById("myonoffswitch").checked = false;
|
||||
document.getElementById("myonoffswitch").style = "none";
|
||||
} else {
|
||||
|
@ -27,6 +27,7 @@ const char* MAIN_PAGE PROGMEM = R"=====(
|
|||
document.getElementById("myonoffswitch").style = "block";
|
||||
}
|
||||
document.getElementById("slide").value = heater.DesiredTemp;
|
||||
document.getElementById("sliderAmount").innerHTML = heater.DesiredTemp;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -88,13 +89,21 @@ function OnOffCheck(){
|
|||
}
|
||||
}
|
||||
|
||||
var slide = document.getElementById("slide");
|
||||
sliderDiv = document.getElementById("sliderAmount");
|
||||
|
||||
slide.oninput = function() {
|
||||
sliderDiv.innerHTML = this.value;
|
||||
Socket.send("TempDesired," + document.getElementById("slide").value);
|
||||
function onSlide(newVal) {
|
||||
Socket.send("[CMD]degC" + newVal);
|
||||
console.log("Sending desired temp", newVal);
|
||||
document.getElementById("sliderAmount").innerHTML = newVal;
|
||||
}
|
||||
|
||||
// var slide = document.getElementById("slide");
|
||||
// sliderDiv = document.getElementById("sliderAmount");
|
||||
|
||||
// slide.oninput = function() {
|
||||
// sliderDiv.innerHTML = this.value;
|
||||
// // Socket.send("TempDesired," + document.getElementById("slide").value);
|
||||
// Socket.send("[CMD]degC" + document.getElementById("slide").value);
|
||||
// console.log("Sending desired temp", document.getElementById("slide").value, this.value);
|
||||
// }
|
||||
</script>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
@ -286,10 +295,10 @@ MainPage {
|
|||
<div>
|
||||
<h2>Temperature Control</h2>
|
||||
</div>
|
||||
<input id="slide" type="range" min="8" max="35" step="1" value="22">
|
||||
<input type="range" id="slide" min="8" max="35" step="1" value="22" oninput="onSlide(this.value)" onchange="onSlide(this.value)">
|
||||
<div>
|
||||
<b>Desired Temp: </b>
|
||||
<Span id="sliderAmount"></Span>
|
||||
<span id="sliderAmount"></span>
|
||||
<div>
|
||||
</div>
|
||||
<b>Current Temp: </b><span id="TempCurrent">
|
||||
|
|
Loading…
Reference in a new issue