status.html 3.4 KB

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