status.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="stylesheet" href="max80.css" />
  5. <title class="status">MAX80</title>
  6. <script src="max80.js"></script>
  7. <script>
  8. var ref_tmr = 0;
  9. function ref_status(seti) {
  10. clearTimeout(ref_tmr);
  11. var rt = document.getElementById('refresh_time');
  12. const setintv = (seti && rt.checkValidity()) ? '?'+rt.value : '';
  13. fetchconfig('sys/getstatus' + setintv)
  14. .then((map) => initform('getstatus',map,true))
  15. .catch(err => {})
  16. .finally (() => {
  17. const when = parseInt(valval(rt)) * 1000;
  18. ref_tmr = setTimeout(ref_status, when);
  19. });
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. <x-inc src="head.html"></x-inc>
  25. <h1 class="status">Status</h1>
  26. <form class="getstatus" id="getstatus">
  27. <fieldset class="status-max80">
  28. <legend>MAX80</legend>
  29. <label class="hwver">
  30. <span>Hardware version:</span>
  31. <input type="text" name="max80.hw.ver" />
  32. </label>
  33. <label class="fwdate">
  34. <span>Firmware build date:</span>
  35. <input type="text" name="max80.fw.date" />
  36. </label>
  37. <label class="fpgaok">
  38. <span>FPGA online:</span>
  39. <input type="checkbox" name="max80.fpga" />
  40. </label>
  41. </fieldset>
  42. <fieldset class="wifi-sta">
  43. <legend>Wifi Client</legend>
  44. <label class="net-connected">
  45. <span>Connected:</span>
  46. <input type="checkbox" name="net.sta.conn" />
  47. </label>
  48. <label class="wifi-ssid">
  49. <span>Network name (SSID):</span>
  50. <input type="text" name="net.sta.ssid" />
  51. </label>
  52. <label class="net-mac">
  53. <span>MAC address:</span>
  54. <input type="text" name="net.sta.mac" />
  55. </label>
  56. <label class="net-ip4">
  57. <span>IP address:</span>
  58. <input type="text" name="net.sta.ip4" />
  59. </label>
  60. <label class="net-ip4-mask">
  61. <span>Netmask:</span>
  62. <input type="text" name="net.sta.ip4.mask" />
  63. </label>
  64. <label class="net-ip4-gw">
  65. <span>Gateway:</span>
  66. <input type="text" name="net.sta.ip4.gw" />
  67. </label>
  68. </fieldset>
  69. <fieldset class="wifi-ap">
  70. <legend>Wifi Access Point</legend>
  71. <label class="net-connected">
  72. <span>Active:</span>
  73. <input type="checkbox" name="net.ap.conn" />
  74. </label>
  75. <label class="wifi-ssid">
  76. <span>Network name (SSID):</span>
  77. <input type="text" name="net.ap.ssid" />
  78. </label>
  79. <label class="net-mac">
  80. <span>MAC address:</span>
  81. <input type="text" name="net.ap.mac" />
  82. </label>
  83. <label class="net-ip4">
  84. <span>IP address:</span>
  85. <input type="text" name="net.ap.ip4" />
  86. </label>
  87. <label class="net-ip4-mask">
  88. <span>Netmask:</span>
  89. <input type="text" name="net.ap.ip4.mask" />
  90. </label>
  91. <label class="net-connected-clients">
  92. <span>Connected clients:</span>
  93. <input type="text" name="net.ap.clients" />
  94. </label>
  95. </fieldset>
  96. <fieldset class="datetime">
  97. <legend>Date and Time</legend>
  98. <label class="localtime">
  99. <span>Current date and time:</span>
  100. <input type="text" name="localtime" />
  101. </label>
  102. <label class="sntp-server">
  103. <span>NTP server:</span>
  104. <input type="text" name="net.sntp.server" />
  105. </label>
  106. <label class="sntp-sync">
  107. <span>Time synchronized:</span>
  108. <input type="checkbox" name="net.sntp.sync" />
  109. </label>
  110. </fieldset>
  111. <fieldset class="refresh">
  112. <legend>Status refresh</legend>
  113. <label class="refresh">
  114. <span>Refresh interval:</span>
  115. <input class="noro" id="refresh_time" type="number"
  116. name="http.status.refresh" value="10" step="5" min="5"
  117. onchange="ref_status(true)" />&nbsp;s
  118. </label>
  119. </fieldset>
  120. </form>
  121. <script>ref_status(false)</script>
  122. </body>
  123. </html>