Display battery

public/script.js

@@ -22,7 +22,22 @@
 		var statusDiv = document.createElement("div");
 		statusDiv.className = "status";
 		if (data.status) {
-			statusDiv.innerHTML = JSON.stringify(data.status);
+			console.log(data.status.status);
+			if (data.status.status.plugged) {
+				var pluggedIcon = document.createElement("img");
+				pluggedIcon.src = "charging.svg";
+				statusDiv.appendChild(pluggedIcon);
+			}
+			if (data.status.status.battery !== undefined) {
+				var batteryLvl = document.createElement("span"),
+					batteryIcon = document.createElement("img"),
+					batteryRes = [ "lowbattery.svg", "quarterbattery.svg", "batteryalmostcharged.svg", "batteryfullycharged.svg" ];
+				batteryIcon.src = batteryRes[Math.floor((data.status.status.battery * batteryRes) / 100)];
+				batteryLvl.appendChild(batteryIcon);
+				batteryLvl.innerHTML += data.status.status.battery +"%";
+			}
+			if (data.status.ping) {
+			}
 		} else {
 			statusDiv.classList.add("no-status");
 		}