wlan_config.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <html>
  2. <head>
  3. <link href="firework.css?v=$COMMIT_HASH" rel="stylesheet">
  4. <script type="text/javascript" src="jquery-3.6.0.min.js?v=$COMMIT_HASH"></script>
  5. <script type="text/javascript" src="firework.js?v=$COMMIT_HASH"></script>
  6. <script type="text/javascript" src="/common.js?v=$COMMIT_HASH">
  7. </head>
  8. <body>
  9. <table>
  10. <tr><td>WLAN-SSID</td><td><input type="text" name="ssid" id="ssid"></td><td>SSID of the WLAN</td></tr>
  11. <tr><td>WLAN-Password</td><td><input type="text" name="password" id="password"></td><td>ATTENTION: the password will not be encrypted during the sending.</td>
  12. </tr><tr><td> Hostname</td><td><input type="text" name="hostname" id="hostname"></td><td></td>
  13. </tr><tr><td>Fixed IP</td><td><input type="text" name="ip" id="ip"></td><td>Leave emtpy if set by router</td></tr>
  14. <tr><td>gateway</td><td><input type="text" name="gateway" id="gateway"></td><td>Leave emtpy if set by router</td></tr>
  15. <tr><td>netmask</td><td><input type="text" name="netmask" id="netmask"></td><td>Leave emtpy if set by router</td>
  16. </tr><tr><td>DNS</td><td><input type="text" name="dns" id="dns"></td><td>Leave emtpy if set by router</td></tr>
  17. <tr><td>RSSI Threshold</td><td><input type="number" name="name" id="threshold" min="-100" max="0" step="1" value = "0"></td><td>WLAN Mesh Parameter: Threashold for RSSI value to check for start switching access point in a mesh system.Possible values: -100 to 0, 0 = disabled - Value will be transfered to wlan.ini at next startup)</td></tr>
  18. </table>
  19. <button class="button" type="button" onclick="wr()">Write wlan.ini</button>
  20. <input id="newfile" type="file">
  21. <button class="button" style="width:300px" id="doUpdate" type="button" onclick="upload()">Upload Files</button>
  22. <script language="JavaScript">function wr(){
  23. api = "/config?"+"ssid"+document.getElementById("ssid").value+"&pwd="+document.getElementById("password").value;+"&hn="+document.getElementById("hostname").value;+"&ip="+document.getElementById("ip").value;+"&gw="+document.getElementById("gateway").value;+"&nm="+document.getElementById("netmask").value;+"&dns="+document.getElementById("dns").value;+"&rssi="+document.getElementById("threashold").value;
  24. fetch(api);}
  25. // var xhttp = new XMLHttpRequest();
  26. // xhttp.onreadystatechange = function() {if (xhttp.readyState == 4) {if (xhttp.status == 200) {document.reload();}}};
  27. if (!file.name.includes("remote-setup")){
  28. if (!confirm("The zip file name should contain \"...remote-setup...\". Are you sure that you have downloaded the correct file?"))
  29. return;
  30. }
  31. function upload() {
  32. var xhttp = new XMLHttpRequest();
  33. xhttp.onreadystatechange = function() {
  34. if (xhttp.readyState == 4) {stopProgressTimer();if (xhttp.status == 200) {extract();} }};
  35. var filePath = document.getElementById("newfile").value.split(/[\\\/]/).pop();
  36. var file = document.getElementById("newfile").files[0];
  37. if (!file.name.includes("remote-setup"))
  38. {
  39. if (!confirm("The zip file name should contain \"...remote-setup...\". Are you sure that you have downloaded the correct file?"))
  40. return;
  41. }
  42. var upload_path = "/upload/firmware/" + filePath; xhttp.open("POST", upload_path, true); xhttp.send(file);}
  43. function extract() {
  44. document.getElementById("status").innerText = "Status: Processing on device (takes up to 3 minutes)...";
  45. var xhttp = new XMLHttpRequest();
  46. /* first delete the old firmware */
  47. xhttp.onreadystatechange = function() {
  48. if (xhttp.readyState == 4) {
  49. stopProgressTimer();
  50. if (xhttp.status == 200) {
  51. document.getElementById("status").innerText = "Status: Update completed!";
  52. document.getElementById("doUpdate").disabled = true;
  53. document.getElementById("newfile").disabled = false;
  54. document.cookie = "page=overview.html?v=$COMMIT_HASH" + "; path=/"; // Make sure after the reboot we go to the overview page
  55. if (xhttp.responseText.startsWith("reboot"))
  56. {
  57. doRebootAfterUpdate();
  58. }
  59. else
  60. {
  61. firework.launch('Processing done! (' + xhttp.responseText + ')', 'success', 5000);
  62. }
  63. } else if (xhttp.status == 0) {
  64. firework.launch('Server closed the connection abruptly!', 'danger', 30000);
  65. UpdatePage();
  66. } else {
  67. firework.launch('An error occured: ' + xhttp.responseText, 'danger', 30000);
  68. UpdatePage();
  69. }
  70. }
  71. };
  72. startProgressTimer("Extraction");
  73. var nameneu = document.getElementById("newfile").value;
  74. filePath = nameneu.split(/[\\\/]/).pop();
  75. var _toDo = domainname + "/ota?task=update&file=" + filePath;
  76. xhttp.open("GET", _toDo, true);
  77. xhttp.send();
  78. }
  79. function startProgressTimer(step) {
  80. console.log(step + "...");
  81. document.getElementById('progress').innerHTML = "(0s)";
  82. action_runtime = 0;
  83. progressTimerHandle = setInterval(function() {
  84. action_runtime += 1;
  85. console.log("Progress: " + action_runtime + "s");
  86. document.getElementById('progress').innerHTML = "(" + action_runtime + "s)";
  87. }, 1000);
  88. }
  89. function stopProgressTimer() {
  90. clearInterval(progressTimerHandle);
  91. document.getElementById('progress').innerHTML = "";
  92. }
  93. </script>
  94. </html>
  95. </body>