html_confLog.h 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /* clang-format off */
  2. static const char html_conflog_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 selectElement(el, val) {
  8. el.value = val;
  9. }
  10. function transmit(f) {
  11. if (!xhttp) {
  12. reqTime = 0;
  13. reqFin = false;
  14. xhttp = new XMLHttpRequest();
  15. xhttp.timeout = 1000;
  16. xhttp.overrideMimeType('application/json');
  17. xhttp.open('POST', 'confDataLog');
  18. xhttp.send(f ? (new FormData(f)) : '');
  19. xhttp.onreadystatechange = function () {
  20. if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) {
  21. var data = JSON.parse(xhttp.responseText);
  22. selectElement(g('logLevSer'), data.logLevSer);
  23. selectElement(g('logLevWeb'), data.logLevWeb);
  24. selectElement(g('logLevMqtt'), data.logLevMqtt);
  25. xhttp = null;
  26. reqFin = true;
  27. }
  28. else {
  29. if(!reqFin && reqTime > 10) {
  30. xhttp = null;
  31. reqFin = true;
  32. }
  33. }
  34. }
  35. }
  36. return false;
  37. }
  38. function saveConf() {
  39. g('frmConf').submit();
  40. }
  41. function init() {
  42. transmit();
  43. }
  44. setInterval(function () { ++reqTime; }, 1000);
  45. </script>
  46. )====="; // html_confweb_script
  47. static const char html_conflog_body[] PROGMEM = R"=====(
  48. <p><b>Configuration - Logging</b></p>
  49. <div class='config'>
  50. <form id='frmConf' action='setConfLog' method='POST'>
  51. <fieldset>
  52. <legend>Log Levels</legend>
  53. <p><b>Serial</b><br>
  54. <select name='logLevSer' id='logLevSer'>
  55. <option value="0">Off</option>
  56. <option value="1">Error</option>
  57. <option value="2">Warn</option>
  58. <option value="3">Info</option>
  59. <option value="4">Debug</option>
  60. <option value="5">Verbose</option>
  61. </select></p>
  62. <p><b>Web-Console</b><br>
  63. <select name='logLevWeb' id='logLevWeb'>
  64. <option value="0">Off</option>
  65. <option value="1">Error</option>
  66. <option value="2">Warn</option>
  67. <option value="3">Info</option>
  68. <option value="4">Debug</option>
  69. <option value="5">Verbose</option>
  70. </select></p>
  71. <p><b>MQTT</b><br>
  72. <select name='logLevMqtt' id='logLevMqtt'>
  73. <option value="0">Off</option>
  74. <option value="1">Error</option>
  75. <option value="2">Warn</option>
  76. <option value="3">Info</option>
  77. <option value="4">Debug</option>
  78. <option value="5">Verbose</option>
  79. </select></p>
  80. <br>
  81. </fieldset>
  82. </form>
  83. <div></div>
  84. <table style='width:100%'>
  85. <td style='width:50%'><button onclick='location="conf";' class='bgrey'>Cancel</button></td>
  86. <td style='width:50%'><button onclick='return saveConf()' class='bred'>Save</button></td>
  87. </tr></table>
  88. <div></div>
  89. </div>
  90. )====="; // html_confweb_body