WiFiSwitch/src/WiFiSwitch/data/conf.htm

<h3>Configuration</h3>

<form id='reloadForm' onsubmit='return transmit(this)'>
<input type='submit' value='reload current values'/>
</form>
  
<form id='form1' onsubmit='return transmit(this)'>Device Name: <input type='text' name='devName' id='devName'/><input type='submit' value='Update'/></form>
<form id='form2' onsubmit='return transmit(this)'>MQTT Server: <input type='text' name='mqttHost' id='mqttHost'/><input type='submit' value='Update'/></form>
<form id='form3' onsubmit='return transmit(this)'>MQTT Port: <input type='number' name='mqttPort' id='mqttPort'/><input type='submit' value='Update'/></form>
<form id='form4' onsubmit='return transmit(this)'>MQTT User: <input type='text' name='mqttUser' id='mqttUser'/><input type='submit' value='Update'/></form>
<form id='form5' onsubmit='return transmit(this)'>MQTT Password: <input type='text' name='mqttPass' id='mqttPass'/><input type='submit' value='Update'/></form>
<form id='form6' onsubmit='return transmit(this)'>In Topic: <input type='text' name='inTop' id='inTop'/><input type='submit'  value='Update'/></form>
<form id='form7' onsubmit='return transmit(this)'>Out Topic: <input type='text' name='outTop' id='outTop'/><input type='submit' value='Update'/></form>
<form id='form8' onsubmit='return transmit(this)'>Out Topic Hold 1: <input type='text' name='outTop_hold1' id='outTop_hold1'/><input type='submit' value='Update'/></form>
<form id='form9' onsubmit='return transmit(this)'>Out Topic Hold 2: <input type='text' name='outTop_hold2' id='outTop_hold2'/><input type='submit' value='Update'/></form>
<form id='form10' onsubmit='return transmit(this)'>Out Topic Hold 3: <input type='text' name='outTop_hold3' id='outTop_hold3'/><input type='submit' value='Update'/></form>
<form id='form11' onsubmit='return transmit(this)'>Out Payload Hold 1: <input type='text' name='outPld_hold1' id='outPld_hold1'/><input type='submit' value='Update'/></form>
<form id='form12' onsubmit='return transmit(this)'>Out Payload Hold 2: <input type='text' name='outPld_hold2' id='outPld_hold2'/><input type='submit' value='Update'/></form>
<form id='form13' onsubmit='return transmit(this)'>Out Payload Hold 3: <input type='text' name='outPld_hold3' id='outPld_hold3'/><input type='submit' value='Update'/></form>
<form id='form14' onsubmit='return transmit(this)'>Domoticz Idx 1: <input type='number' name='domoIdx1' id='domoIdx1'/><input type='submit' value='Update'/></form>
<form id='form15' onsubmit='return transmit(this)'>Domoticz Idx 2: <input type='number' name='domoIdx2' id='domoIdx2'/><input type='submit' value='Update'/></form>
<form id='form16' onsubmit='return transmit(this)'>Domoticz Idx 3: <input type='number' name='domoIdx3' id='domoIdx3'/><input type='submit' value='Update'/></form>
<form id='form17' onsubmit='return transmit(this)'>Domoticz Out Topic: <input type='text' name='domoOutTop' id='domoOutTop'/><input type='submit'  value='Update'/></form>
<form id='form18' onsubmit='return transmit(this)'>Relais Impulse 1: <input type='number' name='impuls1' id='impuls1'/><input type='submit' value='Update'/></form>
<form id='form19' onsubmit='return transmit(this)'>Relais Impulse 2: <input type='number' name='impuls2' id='impuls2'/><input type='submit' value='Update'/></form>
<form id='form20' onsubmit='return transmit(this)'>Relais Impulse 3: <input type='number' name='impuls3' id='impuls3'/><input type='submit' value='Update'/></form>

<br>
<form id='saveForm' onsubmit='return transmit(this)'>
<input type='hidden' name='save' value='1'>
<input type='submit' value='Save changes to Flash'/>
</form>
<form id='rebootForm' onsubmit='return transmit(this)'>
<input type='hidden' name='reboot' value='1'>
<input type='submit' value='Reboot'/>
</form>


<script>
	function g(i) { return document.getElementById(i) };
	var xhttp, updateTime;

	function transmit(f) {
		if (!xhttp) { //prevent simultaneous requests
			//g('status').innerHTML = 'updating...';
			xhttp = new XMLHttpRequest();
			xhttp.open('POST', 'confdata');
			xhttp.send(f ? (new FormData(f)) : '');
			xhttp.onreadystatechange = function () {
				if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) {
					var data = JSON.parse(xhttp.responseText);
					g('devName').value = data.devName
					g('mqttHost').value = data.mqttHost;
					g('mqttPort').value = data.mqttPort;
					g('mqttUser').value = data.mqttUser;
					g('mqttPass').value = data.mqttPass;
					g('inTop').value = data.inTop;
					g('outTop').value = data.outTop;
					g('outTop_hold1').value = data.outTop_hold1;
					g('outTop_hold2').value = data.outTop_hold2;
					g('outTop_hold3').value = data.outTop_hold3;
					g('outPld_hold1').value = data.outPld_hold1;
					g('outPld_hold2').value = data.outPld_hold2;
					g('outPld_hold3').value = data.outPld_hold3;
					g('domoIdx1').value = data.domoIdx1;
					g('domoIdx2').value = data.domoIdx2;
					g('domoIdx3').value = data.domoIdx3;
					g('domoOutTop').value = data.domoOutTop;
					g('impuls1').value = data.impuls1;
					g('impuls2').value = data.impuls2;
					g('impuls3').value = data.impuls3;
					
					xhttp = null;
					//g('status').innerHTML = '';
					updateTime = 0;
				}
			}
		}
		return false; //prevent form redirect
	}
	transmit();
	//setInterval(function () { g('ut').innerHTML = ++updateTime; }, 1000);
	//setInterval(transmit, 5000); //autoupdate display every 5s
</script>