html_confDevWiFi_DE.h 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. /* clang-format off */
  2. //static const char html_confDevWiFi_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. static const char html_confDevWiFi_script[] PROGMEM = R"=====(
  26. function transmit(f) {
  27. if (!xhttp) {
  28. reqTime = 0;
  29. reqFin = false;
  30. xhttp = new XMLHttpRequest();
  31. xhttp.timeout = 1000;
  32. xhttp.overrideMimeType('application/json');
  33. xhttp.open('POST', 'confDataDevWiFi');
  34. xhttp.send(f ? (new FormData(f)) : '');
  35. xhttp.onreadystatechange = function () {
  36. if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) {
  37. var data = JSON.parse(xhttp.responseText);
  38. g('devName').value = data.devName;
  39. g('hostName').value = data.hostName;
  40. g('SSID1').value = data.SSID1;
  41. g('WPW1').value = data.WPW1;
  42. g('SSID2').value = data.SSID2;
  43. g('WPW2').value = data.WPW2;
  44. g('SSIDAP').innerHTML = data.SSIDAP;
  45. g('WPWAP').value = data.WPWAP;
  46. g('WAPtout').value = data.WAPtout;
  47. g('WConnCheck').value = data.WConnCheck;
  48. g('Wretry').value = data.Wretry;
  49. g('Wreboot').value = data.Wreboot;
  50. setCbx(g('ArdOTA'), data.ArdOTA);
  51. xhttp = null;
  52. reqFin = true;
  53. }
  54. else {
  55. if(!reqFin && reqTime > 10) {
  56. xhttp = null;
  57. reqFin = true;
  58. }
  59. }
  60. }
  61. }
  62. return false;
  63. }
  64. //transmit();
  65. function saveConf() {
  66. updCbxVal(g('ArdOTA'));
  67. g('frmConf').submit();
  68. }
  69. function init() {
  70. transmit();
  71. setCbx(g('WPW1Set'), 0);
  72. setCbx(g('WPW2Set'), 0);
  73. setCbx(g('WPWAPSet'), 0);
  74. }
  75. )====="; // html_confDevWiFi_script
  76. // setInterval(function () { ++reqTime; }, 1000);
  77. //</script>
  78. //)====="; // html_confDevWiFi_script
  79. static const char html_confDevWiFi_body[] PROGMEM = R"=====(
  80. <b>Konfiguration - Ger&auml;t &amp; WLAN</b>
  81. <div class='config'><br>
  82. <form id='frmConf' action='setConfDevWiFi' method='POST'>
  83. <fieldset>
  84. <legend>Ger&auml;t</legend>
  85. <p><b>Ger&auml;tename *</b><br><input type='text' name='devName' id='devName'></p>
  86. <p><b>Hostname</b><br><input type='text' name='hostName' id='hostName'></p>
  87. <p class='n'>wenn leer wird ein zuf&auml;lliger Hostname generiert</p>
  88. </fieldset>
  89. <br>
  90. <p class='n'>Nach dem Start wird zuerst versucht zum Haupt-WLAN-AP zu verbinden. <br>
  91. Wenn dies fehlschl&auml;gt wird der 2. AP benutzt.<br>
  92. Kann auch zu diesem keine Verbindung aufgebaut werden, <br>
  93. wird der Konfigurations-AP aktiviert. <br>
  94. Der Konfigurations-AP wird nach einer konfigurierbaren Zeitspanne abgeschaltet. <br>
  95. Danach wird alle paar Minuten ein Verbindungsaufbau zu den beiden <br>
  96. konfigurierten APs versucht. <br>
  97. Wenn kein Verbindungsaufbau m&ouml;glich ist wird - wenn konfiguriert - <br>
  98. ein Neustart ausgel&ouml;st. <br>
  99. Bei Neuverbindung wird immer der Haupt-AP zuerst versucht. </p>
  100. <div></div>
  101. <fieldset>
  102. <legend>WLAN - Haupt-AP</legend>
  103. <p><b>&Auml;ndern</b>&nbsp;<input type='checkbox' id='WPW1Set' name='WPW1Set'></p>
  104. <p><b>SSID</b><br><input type='text' length=32 name='SSID1' id='SSID1'></p>
  105. <p><b>Passwort</b>&nbsp;<input type='checkbox' onclick='sp("WPW1")'>&nbsp;anzeigen<br><input type='password' length=64 name='WPW1' id='WPW1'></p>
  106. </fieldset>
  107. <br>
  108. <fieldset>
  109. <legend>WLAN - 2. AP</legend>
  110. <p><b>&Auml;ndern</b>&nbsp;<input type='checkbox' id='WPW2Set' name='WPW2Set'></p>
  111. <p><b>SSID</b><br><input type='text' length=32 name='SSID2' id='SSID2'></p>
  112. <p><b>Passwort</b>&nbsp;&nbsp;<input type='checkbox' onclick='sp("WPW2")'>&nbsp;anzeigen<br><input type='password' length=64 name='WPW2' id='WPW2'></p>
  113. </fieldset>
  114. <div></div><br>
  115. <fieldset>
  116. <legend>Konfigurations-AP</legend>
  117. <p><b>SSID</b>: <i><span id='SSIDAP'></span></i>
  118. <p><b>Password *</b><input type='checkbox' id='WPWAPSet' name='WPWAPSet' onclick='sp("WPWAP")'><br><input type='password' name='WPWAP' id='WPWAP'></p>
  119. <p class='n'>* min. 8 Zeichen, leer lassen f&uuml; offenes WLAN. <br>
  120. Die SSID entspricht dem eingestellten Ger&auml;tenamen.</p>
  121. </fieldset>
  122. <div></div><br>
  123. <fieldset>
  124. <legend>Verbindungseinstellungen</legend>
  125. <p><b>Konfiguration-AP abschalten nach [min] *</b><br><input type='number' name='WAPtout' id='WAPtout'></p>
  126. <p><b>WLAN Verbindungscheck-Intervall [s]</b><input type='number' name='WConnCheck' id='WConnCheck'></p>
  127. <p class='n'>min. 10s, max. 3600s</p><br>
  128. <p><b>Verbindungsversuch auf WLAN-1 alle [min] *</b><input type='number' name='Wretry' id='Wretry'></p>
  129. <p class='n'>WLAN-1 immer wieder versuchen obwohl WLAN-2 verbunden ist. <br>
  130. (Haupt-WLAN bevorzugen wenn verf&uuml;gbar)</p><br>
  131. <p><b>Neustart, wenn f&uuml;r [min] keine Verbindung <br>
  132. aufgebaut werden kann *</b><input type='number' name='Wreboot' id='Wreboot'></p>
  133. <p class='n'>* 0 um diese Funktion zu deaktivieren</p>
  134. </fieldset>
  135. <div></div><br>
  136. <fieldset>
  137. <legend>Zus&auml;tzliche Netzwerkdienste</legend>
  138. <p><b>ArduinoOTA</b>&nbsp;<input type='checkbox' id='ArdOTA' name='ArdOTA'></p>
  139. <p class='n'>ArduinoOTA-Dienst auf Port 8266.</p>
  140. </fieldset>
  141. <div></div><br>
  142. </form>
  143. <div></div>
  144. <table style='width:100%'>
  145. <td style='width:50%'><button onclick='location="conf";' class='bgrey'>Abbrechen</button></td>
  146. <td style='width:50%'><button onclick='return saveConf()' class='bred'>Speichern</button></td>
  147. </tr></table>
  148. </div>
  149. )====="; // html_confDevWiFi_body