<html><head><title>Network settings - RN+ Smartswitch</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<script type="text/javascript" src="140medley.min.js"></script>
<script type="text/javascript">

var xhr=j();
var currAp="%currSsid%";

function createInputForAp(ap) {
	if (ap.essid=="" && ap.rssi==0) return;
	var div=document.createElement("div");
	div.id="apdiv";
	var input=document.createElement("input");
	input.type="radio";
	input.name="essid";
	input.value=ap.essid;
	if (currAp==ap.essid) input.checked="1";
	input.id="opt-"+ap.essid;
	var label=document.createElement("label");
	label.htmlFor="opt-"+ap.essid;
	label.textContent=ap.essid+" (rssi "+ap.rssi+")";
	div.appendChild(input);
	div.appendChild(label);
	return div;
}

function getSelectedEssid() {
	var e=document.forms.wifiform.elements;
	for (var i=0; i<e.length; i++) {
		if (e[i].type=="radio" && e[i].checked) return e[i].value;
	}
	return currAp;
}


function scanAPs() {
	xhr.open("GET", "wifiscan.cgi");
	xhr.onreadystatechange=function() {
		if (xhr.readyState==4 && xhr.status>=200 && xhr.status<300) {
			var data=JSON.parse(xhr.responseText);
			currAp=getSelectedEssid();
			if (data.result.inProgress=="0" && data.result.APs.length>1) {
				$("#aps").innerHTML="";
				for (var i=0; i<data.result.APs.length; i++) {
					if (data.result.APs[i].essid=="" && data.result.APs[i].rssi==0) continue;
					$("#aps").appendChild(createInputForAp(data.result.APs[i]));
				}
				window.setTimeout(scanAPs, 20000);
			} else {
				window.setTimeout(scanAPs, 1000);
			}
		}
	}
	xhr.send();
}


window.onload=function(e) {
	scanAPs();
};
</script>
</head>
<body>
<body><div class="header"><div class="float_left"><h1><a href="http://www.rnplus.nl">RN+</a> SMARTSWITCH</h1></div><div class="float_right"><a href="/">Home</a>&nbsp;<a href="/wifi">Network settings</a></div></div>
<div class="main">
<strong>Network settings</strong>
<hr />
On this page you can configure the network settings for this RN+ Smartswitch device.
<hr />
<strong>Overview</strong>
<table><tr><td>Mode</td><td>%WiFiMode%</td><td><i>When connected to an accesspoint the WiFi mode will be "client". When working as standalone device the wifi mode will be "STA+AP".</i></td></tr>
<tr><td>SSID</td><td>%currSsid%&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>Password</td><td>%WiFiPasswd%&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>IP address</td><td>%ipaddress%</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>Client settings</td><td>SSID</td><td>%currSsid%&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>Password</td><td>%WiFiPasswd%&nbsp;</td></tr>
<tr><td>AP settings</td><td>SSID</td><td>%currAPSsid%&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>Password</td><td>%WiFiAPPasswd%&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>Encryption mode</td><td>%WiFiAPsec%</td></tr>
<tr><td>&nbsp;</td><td>Channel</td><td>%WiFiAPchannel%</td></tr>
</table>
<hr />
<form name="wifiform" action="pwdconf.cgi" method="post">
<strong>Security</strong>
<table>
<tr><td>Password for webinterface</td><td>&nbsp;</td></tr>
<tr><td>Save</td><td><input type="submit" name="save" value="Save security configuration" disabled="true"></td></tr>
</table>
</form>
</table>
<hr />
<form name="wifiform" action="connect.cgi" method="post">
<strong>WiFi client setup</strong>
<table><tr><td>Available networks</td><td><div id="aps">Scanning...</div></td><td>&nbsp;</td></tr><tr><td>WiFi password</td><td><input type="text" name="passwd" val="%WiFiPasswd%"></td><td><i>When you are setting up a WiFi connection with an accesspoint you have to enter the password here, if applicable. (Supported methods: WEP, WPA and WPA2)</i></td></tr><tr><td>Connect</td><td><input type="submit" name="connect" value="Connect to WiFi network"></td><td>&nbsp;</td></tr>
</table>
</form>
<hr />
<form name="wifiform" action="apconf.cgi" method="post">
<strong>WiFi accesspoint setup</strong>
<table>
<tr><td>SSID</td><td><input type="text" name="essid" /></td></tr>
<tr><td>Password</td><td><input type="text" name="passwd" /></td></tr>
<tr><td>Encryption mode</td><td><select name="encmode"><option value="0" selected>Open</option><option value="1">WEP</option><option value="2">WPA PSK</option><option value="3">WPA2 PSK</option><option value="4">WPA/WPA2 PSK</option></select></td></tr>
<tr><td>Channel</td><td><input type="text" name="channel" value="11"/></td></tr>
<tr><td>Save</td><td><input type="submit" name="save" value="Save accesspoint configuration"></td></tr>
</table>
</form>
<hr />
<form name="wifiform" action="modeconf.cgi" method="post">
<strong>System configuration</strong>
<table>
<tr><td>Mode</td><td><select name="sysmode"><option value="1" selected>Client</option><option value="2">Accesspoint</option><option value="3">Client + Accesspoint</option></select></td></tr>
<tr><td>Save</td><td><input type="submit" name="save" value="Save system configuration"></td></tr>
</table>
</form>
</div>
</body>
</html>
