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 <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>
|