ABC80
/
max80_fw
mirror of https://git.zytor.com/abc80/max80/fw.git/


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
							<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="max80.css" />
    <title class="status">MAX80</title>
    <script src="max80.js"></script>
    <script>
      var ref_tmr = 0;
      function ref_status(seti) {
	  clearTimeout(ref_tmr);
	  var rt = document.getElementById('refresh_time');
	  const setintv = (seti && rt.checkValidity()) ? '?'+rt.value : '';
	  fetchconfig('sys/getstatus' + setintv)
	      .then((map) => initform('getstatus',map,true))
	      .catch(err => {})
	      .finally (() => {
		  const when = parseInt(valval(rt)) * 1000;
		  ref_tmr = setTimeout(ref_status, when);
	      });
	  fetchconfig('version')
	      .then((map) => initform('getstatus',map,true))
	      .catch(err => {});
      }
    </script>
  </head>
  <body>
    <x-inc src="head.html"></x-inc>
    <h1 class="status">Status</h1>
    <form id="getstatus" class="ro">
      <fieldset class="hw">
	<legend>MAX80</legend>
	<label class="ver">
	  <span>Hardware version:</span>
	  <input type="text" name="max80.hw.ver" />
	</label>
	<label class="fpgaok">
	  <span>FPGA online:</span>
	  <input type="checkbox" name="max80.fpga" />
	</label>
      </fieldset>
      <fieldset class="fw">
	<legend>Firmware</legend>
	<label class="ver">
	  <span>Firmware version:</span>
	  <input type="text" name="COMMIT_VERSION" />
	</label>
	<label class="date">
	  <span>Firmware commit date:</span>
	  <input type="text" name="COMMIT_DATE" />
	</label>
	<label class="commit">
	  <span>Firmware commit ID:</span>
	  <input type="text" name="COMMIT_ID" />
	</label>
      </fieldset>
      <fieldset class="wifi-sta">
	<legend>Wifi Client</legend>
	<label class="net-connected">
	  <span>Connected:</span>
	  <input type="checkbox" name="net.sta.conn" />
	</label>
	<label class="wifi-ssid">
	  <span>Network name (SSID):</span>
	  <input type="text" name="net.sta.ssid" />
	</label>
	<label class="net-mac">
	  <span>MAC address:</span>
	  <input type="text" name="net.sta.mac" />
	</label>
	<label class="net-ip4">
	  <span>IP address:</span>
	  <input type="text" name="net.sta.ip4" />
	</label>
	<label class="net-ip4-mask">
	  <span>Netmask:</span>
	  <input type="text" name="net.sta.ip4.mask" />
	</label>
	<label class="net-ip4-gw">
	  <span>Gateway:</span>
	  <input type="text" name="net.sta.ip4.gw" />
	</label>
      </fieldset>
      <fieldset class="wifi-ap">
	<legend>Wifi Access Point</legend>
	<label class="net-connected">
	  <span>Active:</span>
	  <input type="checkbox" name="net.ap.conn" />
	</label>
	<label class="wifi-ssid">
	  <span>Network name (SSID):</span>
	  <input type="text" name="net.ap.ssid" />
	</label>
	<label class="net-mac">
	  <span>MAC address:</span>
	  <input type="text" name="net.ap.mac" />
	</label>
	<label class="net-ip4">
	  <span>IP address:</span>
	  <input type="text" name="net.ap.ip4" />
	</label>
	<label class="net-ip4-mask">
	  <span>Netmask:</span>
	  <input type="text" name="net.ap.ip4.mask" />
	</label>
	<label class="net-connected-clients">
	  <span>Connected clients:</span>
	  <input type="text" name="net.ap.clients" />
	</label>
      </fieldset>
      <fieldset class="datetime">
	<legend>Date and Time</legend>
	<label class="localtime">
	  <span>Current date and time:</span>
	  <input type="text" name="localtime" />
	</label>
	<label class="sntp-server">
	  <span>NTP server:</span>
	  <input type="text" name="net.sntp.server" />
	</label>
	<label class="sntp-sync">
	  <span>Time synchronized:</span>
	  <input type="checkbox" name="net.sntp.sync" />
	</label>
      </fieldset>
      <fieldset class="refresh">
	<legend>Status refresh</legend>
	<label class="refresh">
	  <span>Refresh interval:</span>
	  <input class="noro" id="refresh_time" type="number"
		 name="http.status.refresh" value="10" step="5" min="5"
		 onchange="ref_status(true)" />&nbsp;s
	</label>
      </fieldset>
    </form>
    <script>ref_status(false)</script>
  </body>
</html>