<html><head><title>Connecting... - ESP Link</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();


function getStatus() {
	xhr.open("GET", "connstatus.cgi");
	xhr.onreadystatechange=function() {
		if (xhr.readyState==4 && xhr.status>=200 && xhr.status<300) {
			var data=JSON.parse(xhr.responseText);
			if (data.status=="idle" || data.status=="connecting") {
				$("#status").innerHTML="Connecting...";
				window.setTimeout(getStatus, 1000);
			} else if (data.status=="got IP address") {
				$("#status").innerHTML="Connected! Got IP "+data.ip+ ".<br/>" +
					"If you're in the same network, you can access it <a href=\"http://"+data.ip+
					"/\">here</a>.<br/>ESP Link will switch to STA-only mode in a few seconds.";
			} else {
				$("#status").innerHTML="Oops: " + data.status + ". Reason: " + data.reason +
					"<br/>Check password and selected AP.<br/><a href=\"wifi.tpl\">Go Back</a>";
			}
		}
	}
	xhr.send();
}

window.onload=function(e) {
	window.setTimeout(getStatus, 2000);
};
</script>
</head>
<body>
<div id="main">
<h1>ESP Link - Connecting</h1>
<h2>Connecting to AP...</h2>
<p>Status:
<span id="status">...</span>
</p>
</div>
</body>
</html>