X-Git-Url: http://www.average.org/gitweb/?p=loctrkd.git;a=blobdiff_plain;f=webdemo%2Findex.html;h=d0af1ac9f940d067148ea5c940520fdcb56dbd96;hp=b857360c160b6866aa7f23757f3ed0a5f6fec7a9;hb=af6691efc04cf2fb6aaa22be606b6468cceaffb6;hpb=80feca2b9c331cab9a8657de8a587695c7aaac8d

diff --git a/webdemo/index.html b/webdemo/index.html
index b857360..d0af1ac 100644
--- a/webdemo/index.html
+++ b/webdemo/index.html
@@ -43,6 +43,7 @@
 		send = document.getElementById("send");
 		clear = document.getElementById("clear");
 		subslist = document.getElementById("subslist");
+		devstatus = document.getElementById("devstatus");
 		tstamp = document.getElementById("tstamp");
 		if (qimei) {
 			imei.value = qimei;
@@ -134,6 +135,10 @@
 		markers.addMarker(new OpenLayers.Marker(lonLat, icon));
 		map.setCenter(lonLat, 14);
 	}
+	function display_status(msg) {
+		console.log("status " + JSON.stringify(msg));
+		devstatus.innerHTML = "BAT: " + msg.battery;
+	}
 
 	function open_ws() {
 		wsurl = new URL("ws://localhost/");
@@ -157,7 +162,13 @@
 	}
 	function ws_onmessage(event) {
 		console.log("message " + event.data);
-		set_marker(JSON.parse(event.data));
+		msg = JSON.parse(event.data);
+		if (msg.type === "location") {
+			set_marker(msg);
+		} else if (msg.type === "status") {
+			display_status(msg);
+		}
+
 	}
 	function ws_onerror(event) {
 		console.log("error " + event);
@@ -214,7 +225,10 @@
 		<input type="button" id="clear" name="clear" value="Clear"
 		 onclick="sendIMEI(true)" disabled>
 		<span id="subslist"></span>
-		<span id="tstamp" style="float:right"></span>
+		<span style="float:right">
+			| <span id="devstatus"></span>
+			| <span id="tstamp"></span>
+		</span>
 	</div>
 	<div style="width:100%; height:97%" id="map"></div>
 	<div style="width:100%; height:1%">