diff options
Diffstat (limited to 'web/nms.gathering.org/ping.html')
-rw-r--r-- | web/nms.gathering.org/ping.html | 96 |
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> |