Initial setup of project

assets/css/styles.css

@@ -0,0 +1,116 @@
+body {
+        font-family:Arial;
+}
+
+.red {
+	color:red;
+}
+
+.green {
+	color:green;
+}
+
+.network {
+        border:1px solid;
+        padding-top:5px;
+        padding-left:5px;
+}
+
+.tableft {
+        text-align:right;
+        width:50px;
+	display:inline-block;
+}
+
+.menu {
+        float:left;
+        width:9%;
+	height:100%;
+	text-align:center;
+}
+
+.content {
+        border:1px solid;
+        float:left;
+        width:90%;
+        height:100%;
+	padding:3px;
+}
+
+.header {
+        float:left;
+        width:99%;
+	text-align:center;
+}
+
+textarea {
+        width:699px;
+        height:499px;
+}
+
+input.button {
+        width:80%;
+        border:1px solid;
+}
+
+.footer {
+        text-align:center;
+        width:100%;
+        float:left;
+}
+
+input[type=text],input[type=password] {
+	border:1px solid;
+}
+
+input[type=button],input[type=submit] {
+	border:1px solid;
+	border-radius:15px;
+}
+
+input[type=button]:hover {
+	font-weight:bold;
+}
+input[type=submit]:hover {
+	font-weight:bold;
+}
+
+.infoheader {
+	font-size:18px;
+	font-weight:bold;
+	width:100%;
+	text-align:center;
+	margin-top:10px;
+	border-bottom:1px solid;
+}
+
+.infobox {
+	width:100%;
+}
+
+#intinfo {
+	width:48%;
+	padding-left:10px;
+	border-right:1px solid;
+	float:left;
+}
+
+#wifiinfo {
+	width:48%;
+	padding-left:10px;
+	float:left;
+}
+
+.intheader {
+	font-size:14px;
+	text-align:center;
+	font-weight:bold;
+	width:100%;
+}
+
+.intfooter {
+	width:100%;
+	border-top:1px solid;
+	float:left;
+	text-align:center;
+}

assets/js/functions.js

@@ -0,0 +1,72 @@
+function WiFiDown() {
+        var down = confirm("Take down wlan0 ?");
+        if(down) {
+        } else {
+                alert("Action cancelled");
+        }
+}
+
+function UpdateNetworks() {
+	var existing = document.getElementById("networkbox").getElementsByTagName('div').length;
+	document.getElementById("Networks").value = existing;
+}
+
+function AddNetwork() {
+//	existing = document.getElementById("networkbox").getElementsByTagName('div').length;
+//	existing++;
+	var Networks = document.getElementById('Networks').value;
+        document.getElementById('networkbox').innerHTML += '<div id="Networkbox'+Networks+'" class="Networkboxes">Network '+Networks+'<input type="button" value="Delete" onClick="DeleteNetwork('+Networks+')" /><br /> \
+<span class="tableft">SSID :</span><input type="text" name="ssid'+Networks+'" onkeyup="CheckSSID(this)"><br> \
+<span class="tableft">PSK :</span><input type="password" name="psk'+Networks+'" onkeyup="CheckPSK(this)"></div>';
+	Networks++;
+	document.getElementById('Networks').value=Networks;
+
+}
+
+function AddScanned(network) {
+//	var RegEx = new RegExp("[\s\t]+");
+//	networkname = network.split(RegEx)[4];
+//	alert(networkname);
+	existing = document.getElementById("networkbox").getElementsByTagName('div').length;
+        var Networks = document.getElementById('Networks').value;
+	if(existing != 0) {
+	        Networks++;
+	}
+        document.getElementById('Networks').value=Networks;
+        document.getElementById('networkbox').innerHTML += '<div id="Networkbox'+Networks+'" class="Networkboxes">Network '+Networks+'<input type="button" value="Delete" /><br /> \
+<span class="tableft">SSID :</span><input type="text" name="ssid'+Networks+'" id="ssid'+Networks+'" onkeyup="CheckSSID(this)"><br> \
+<span class="tableft">PSK :</span><input type="password" name="psk'+Networks+'" onkeyup="CheckPSK(this)"></div>';
+	document.getElementById('ssid'+Networks).value = network;
+	if(existing == 0) {
+		Networks++
+		document.getElementById('Networks').value = Networks;
+	}
+}
+
+function CheckSSID(ssid) {
+	if(ssid.value.length>31) {
+		ssid.style.background='#FFD0D0';
+		document.getElementById('Save').disabled = true;
+	} else {
+		ssid.style.background='#D0FFD0'
+		document.getElementById('Save').disabled = false;
+	}
+}
+
+function CheckPSK(psk) {
+	if(psk.value.length < 8) { 
+		psk.style.background='#FFD0D0';
+		document.getElementById('Save').disabled = true;
+	} else {
+		psk.style.background='#D0FFD0';
+		document.getElementById('Save').disabled = false;
+	}
+}
+
+function DeleteNetwork(network) {
+	element = document.getElementById('Networkbox'+network);
+	element.parentNode.removeChild(element);
+        var Networks = document.getElementById('Networks').value;
+	Networks--
+	document.getElementById('Networks').value = Networks;
+}