1 files changed, 91 insertions, 0 deletions
diff --git a/web/nms.gathering.org/ping.js b/web/nms.gathering.org/ping.js
new file mode 100644
index 0000000..8879e9a
--- /dev/null
+++ b/web/nms.gathering.org/ping.js
@@ -0,0 +1,91 @@
+var switches = [];
+var last_dataset = [];
+get_switches();
+get_ping();
+
+function json_request(url, func, repeat_ms) {
+	var request = new XMLHttpRequest();
+	request.open('GET', url, true);
+
+	request.onload = function() {
+		if (this.status >= 200 && this.status < 400) {
+			func(JSON.parse(this.response));
+		} else if (this.status != 410) {
+			json_request(url, func, repeat_ms);
+		}
+	};
+	request.onerror = function() {
+		json_request(url, func, repeat_ms);
+	};
+	request.send();
+}
+
+function get_switches() {
+	json_request('/switches-json.pl', draw_switches, 1000);
+}
+
+function get_ping() {
+	json_request('/ping-json.pl', update_ping, 1000);
+}
+
+function draw_switches(json) {
+	for (var switchnum in switches) {
+		document.body.removeChild(switches[switchnum]);
+	}
+	switches = [];
+	
+	for (var switchnum in json) {
+		var s = json[switchnum];
+		create_switch(switchnum,
+	  	              s['sysname'],
+		              parseInt(s['x']),
+			      parseInt(s['y']),
+		              parseInt(s['width']),
+		              parseInt(s['height']));
+	}
+	setTimeout(get_switches, 60000);
+	really_update_ping(last_dataset);
+}
+
+function update_ping(json) {
+	last_dataset = json;
+	really_update_ping(json);
+	setTimeout(get_ping, 1000);
+}
+
+function really_update_ping(json) {
+	for (var switchnum in switches) {
+		if (json[switchnum] === null || json[switchnum] === undefined) {
+			switches[switchnum].style.backgroundColor = '#0000ff';
+		} else {
+			// 10ms is max
+			var l = json[switchnum] / 10.0;
+			if (l >= 1.0) { l = 1.0; }
+			l = Math.pow(l, 1.0/2.2);
+			l = Math.round(l * 255.0);
+
+			switches[switchnum].style.backgroundColor = 'rgb(' + l + ', 255, 0)';
+		}
+	}
+}
+
+function create_switch(switchnum, sysname, x, y, width, height) {
+	var s = document.createElement("div");
+	var map = document.getElementById('map');
+	var top_offset = map.getBoundingClientRect().top;
+	var left_offset = map.getBoundingClientRect().left;
+
+	s.style.position = 'absolute';
+	s.style.left = (left_offset + x) + 'px';
+	s.style.top = (top_offset + y) + 'px';
+	s.style.width = width + 'px';
+	s.style.height = height + 'px';
+	s.style.backgroundColor = '#0000ff';
+	s.style.border = '1px solid black';
+	switches[switchnum] = s;
+
+	var text = document.createTextNode(sysname);
+	s.appendChild(text);
+
+	document.body.appendChild(s);
+}