html_confAdv.h 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. /* clang-format off */
  2. static const char html_confadv_script[] PROGMEM = R"=====(
  3. <script>
  4. function g(i) { return document.getElementById(i) };
  5. function sp(i){g(i).type=(g(i).type==='text'?'password':'text');}
  6. var xhttp, reqTime, reqFin;
  7. function setCbx(el, da) {
  8. if(da == '1') {
  9. el.checked = true;
  10. el.style.visibility = 'visible';
  11. }
  12. else {
  13. el.checked = false;
  14. el.style.visibility = 'visible';
  15. }
  16. }
  17. function updCbxVal(el) {
  18. if (el.checked) el.value = '1';
  19. else {
  20. el.checked = true;
  21. el.value = '0';
  22. el.style.visibility = 'hidden';
  23. }
  24. }
  25. function transmit(f) {
  26. if (!xhttp) {
  27. reqTime = 0;
  28. reqFin = false;
  29. xhttp = new XMLHttpRequest();
  30. xhttp.timeout = 1000;
  31. xhttp.overrideMimeType('application/json');
  32. xhttp.open('POST', 'confDataAdv');
  33. xhttp.send(f ? (new FormData(f)) : '');
  34. xhttp.onreadystatechange = function () {
  35. if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) {
  36. var data = JSON.parse(xhttp.responseText);
  37. g('tempDec').value = data.tempDec;
  38. g('hyst').value = data.hyst;
  39. g('minOffTime').value = data.minOffTime;
  40. g('tempCorr').value = data.tempCorr;
  41. g('humCorr').value = data.humCorr;
  42. g('offMsg').value = data.offMsg;
  43. g('iTempLab').value = data.iTempLab;
  44. g('oTempLab').value = data.oTempLab;
  45. g('modeName1').value = data.modeName1;
  46. g('modeName0').value = data.modeName0;
  47. g('psetName0').value = data.psetName0;
  48. g('psetName1').value = data.psetName1;
  49. g('psetName2').value = data.psetName2;
  50. xhttp = null;
  51. reqFin = true;
  52. }
  53. else {
  54. if(!reqFin && reqTime > 10) {
  55. xhttp = null;
  56. reqFin = true;
  57. }
  58. }
  59. }
  60. }
  61. return false;
  62. }
  63. //transmit();
  64. function saveConf() {
  65. g('frmConf').submit();
  66. }
  67. function init() {
  68. transmit();
  69. }
  70. setInterval(function () { ++reqTime; }, 1000);
  71. </script>
  72. )====="; // html_confadv_script
  73. static const char html_confadv_body[] PROGMEM = R"=====(
  74. <b>Configuration - Thermostat Advanced</b>
  75. <div class='config'>
  76. <form id='frmConf' action='setConfAdv' method='POST'>
  77. <br>
  78. <fieldset>
  79. <legend>Thermostat - Advanced</legend>
  80. <p><b>Hysteresis [°C]</b><br><input type='text' name='hyst' id='hyst'></p><br>
  81. <p><b>Min. Heating Off-Time [s]</b><br><input type='number' name='minOffTime' id='minOffTime'></p>
  82. <p class='n'>Heating stays off for at least [x] seconds before it <br>can start again.</p><br>
  83. <p><b>Measured Temp Correction [°C] *</b><br><input type='text' name='tempCorr' id='tempCorr'></p>
  84. <p><b>Measured Hum Correction [%] *</b><br><input type='text' name='humCorr' id='humCorr'></p>
  85. <p class='n'>* added to the measured values. <br>Can be negative and/or fractions. <br>Use if measurements deviate from a calibrated sensor.</p><br>
  86. <p><b>Set Temp. Decrease Value **</b><br><input type='text' name='tempDec' id='tempDec'></p>
  87. <p class='n'>** the actual set temperatur is decreased by that value.<br>Can be a fraction. Can be used to prevent over-heating <br>when the thermostat is badly placed.<br></p>
  88. </fieldset>
  89. <div></div><br>
  90. <fieldset>
  91. <legend>Names and Labels</legend>
  92. <p class='n'>Used in some MQTT status/commands, <br>and also for the LCD and Web interface.<br></p><br>
  93. <p><b>Off-Message</b><br><input type='text' name='offMsg' id='offMsg'></p>
  94. <p class='n'>Shown on LCD in OFF mode. <br><b>max. 13 chars!</b></p>
  95. <br>
  96. <p>Labels</p>
  97. <p class='n'>Used on LCD to identify the data displayed. <br><b>MUST be 1 char</b> or empty for default</p>
  98. <p><b>Inside</b><br><input type='text' name='iTempLab' id='iTempLab'/></p>
  99. <p><b>Outside</b><br><input type='text' name='oTempLab' id='oTempLab'/></p>
  100. <br>
  101. <p>Mode</p>
  102. <p class='n'>Used in web interface and for Home Assistant <br>MQTT Climate component support. <br>Should be 'heat' and 'off' normally. <br><b>Case sensitive! Lower case recommended.</b><br>Web interface shows all in capitals.</p>
  103. <p><b>On</b><br><input type='text' name='modeName1' id='modeName1'></p>
  104. <p><b>Off</b><br><input type='text' name='modeName0' id='modeName0'></p>
  105. <br>
  106. <p>Preset Names</p>
  107. <p class='n'>Used in web interface and for Home Assistant <br>MQTT Climate component support.<br>
  108. Also shown on LCD at preset change, <br>therefore may not exceed <b>13 chars!</b><br><b>Case sensitive!</b> Type exactly as in HA!</p>
  109. <p><b>Normal *</b><br><input type='text' name='psetName0' id='psetName0'></p>
  110. <p class='n'>* always sends/receives "<i>none</i>" as this is hardcoded in <br>Home Assistant MQTT Climate component</p>
  111. <p><b>Reduction 1 **</b><br><input type='text' name='psetName1' id='psetName1'></p>
  112. <p><b>Reduction 2 **</b><br><input type='text' name='psetName2' id='psetName2'></p>
  113. <p class='n'>** sent/received as defined</p>
  114. </fieldset>
  115. <br>
  116. </form>
  117. <div></div>
  118. <table style='width:100%'>
  119. <td style='width:50%'><button onclick='location="conf";' class='bgrey'>Cancel</button></td>
  120. <td style='width:50%'><button onclick='return saveConf()' class='bred'>Save</button></td>
  121. </tr></table>
  122. </div>
  123. )====="; // html_confadv_body