Flo
/
WiFiSwitch


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<html><body>
  <h1>WiFi Thermostat</h1>
  
  <form id='minusBtn' onsubmit='return transmit(this)'>
	<input type='hidden' name='minusBtn' value='1'>
	<input type='submit' value='-'/>
  </form>
  <span id='setTemp'>22.5</span><br>
  <form id='plusBtn' onsubmit='return transmit(this)'>
    <input type='hidden' name='plusBtn' value='1'>
	<input type='submit' value='+'/>
  </form>
  
  Betriebsmodus: <span id='mode'></span><br>
  <br>
  Aktuell: <span id='temp'></span> °C&nbsp;&nbsp;&nbsp;<span id='hum'></span> %<br>  
  <br>
  WiFi verbunden mit: <span id='ssid'></span><br>
  <h6>Letztes Update vor
  <span id='ut'></span> Sekunden.
  <span id='status'></span>
  </h6>
  <br><a href='/wifi.htm'>WiFi-Einstellungen</a><br>
  <a href='/update'>Firmware Update</a>
  <script>
  function g(i) { return document.getElementById(i) };
  var xhttp, updateTime;
  function transmit(f) {
    if (!xhttp) { 
      g('status').innerHTML = 'lade...';
      xhttp = new XMLHttpRequest();
      xhttp.open('POST', '/api');
      xhttp.send(f ? (new FormData(f)) : '');
      xhttp.onreadystatechange = function () {
        if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) {
          var data = JSON.parse(xhttp.responseText);
          g('temp').innerHTML = data.temp;
		  g('hum').innerHTML = data.hum;
          g('setTemp').innerHTML = data.setTemp;          
          g('ssid').innerHTML = data.ssid;
		  
		  if(data.mode == '0') {
		    g('mode').innerHTML = 'AUS';
		  }
		  else if(data.mode == '1') {
			g('mode').innerHTML = 'Normalbetrieb';
		  }
		  else if(data.mode == '2') {
			g('mode').innerHTML = 'Nachtabsenkung';
		  }

          xhttp = null;
          g('status').innerHTML = '';
          updateTime = 0;
        }
      }
    }
    return false;
  }
  transmit();
  setInterval(function () { g('ut').innerHTML = ++updateTime; }, 1000);
  setInterval(transmit, 5000);
</script>
  </body></html>