aboutsummaryrefslogtreecommitdiffstats
path: root/web/nms.gathering.org/ping.html
diff options
context:
space:
mode:
Diffstat (limited to 'web/nms.gathering.org/ping.html')
-rw-r--r--web/nms.gathering.org/ping.html96
1 files changed, 1 insertions, 95 deletions
diff --git a/web/nms.gathering.org/ping.html b/web/nms.gathering.org/ping.html
index 99e8e72..377ae62 100644
--- a/web/nms.gathering.org/ping.html
+++ b/web/nms.gathering.org/ping.html
@@ -1,100 +1,6 @@
<html>
<body>
<p style="border: 1px solid black;" id="playground"><img src="tg14-salkart.png" alt="" id="map" style="border: 1px solid black"; /></p>
- <script type="text/javascript">
- <!--
-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);
-}
- -->
- </script>
+ <script type="text/javascript" src="ping.js"></script>
</body>
</html>