diff options
Diffstat (limited to 'web/nms.gathering.org/nms2/map.html')
-rw-r--r-- | web/nms.gathering.org/nms2/map.html | 126 |
1 files changed, 126 insertions, 0 deletions
diff --git a/web/nms.gathering.org/nms2/map.html b/web/nms.gathering.org/nms2/map.html new file mode 100644 index 0000000..ec4ce43 --- /dev/null +++ b/web/nms.gathering.org/nms2/map.html @@ -0,0 +1,126 @@ +<!DOCTYPE html> +<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta charset="utf-8"> + <title>NMS2</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content=""> + <meta name="author" content=""> + + <script src="js/jquery-1.10.2.min.js"></script> + <!--<script src="http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.js"></script>--> + + <link href="css/bootstrap.min.css" rel="stylesheet"> + <link href="css/bootstrap-responsive.min.css" rel="stylesheet"> + <link href="css/slider.css" rel="stylesheet"> + <!--<link src="http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.css" rel="stylesheet">--> + <style type="text/css"> + body { + padding-top: 60px; + padding-bottom: 40px; + } + .sidebar-nav { + padding: 9px 0; + } + + #canvas { + background-image: url('http://nms.tg15.gathering.org/tg15-salkart.png'); + } + + #tooltip { + position: absolute; + left: 110px; + top: 110px; + border: 1px solid #FF0000; + } + </style> + + <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <style type="text/css"></style></head> + <body> + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container-fluid"> + <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"> + </span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </a> + <div class="nav-collapse collapse"> + <p class="navbar-text pull-right" id="speed">Foobar</p> + <ul class="nav"> + <li><a href="#uplink" onclick="setUpdater(handler_uplinks)" >Uplink map</a></li> + <li><a href="#temp" onclick="setUpdater(handler_temp)" >Temperature map</a></li> + <li><a href="#ping" onclick="setUpdater(handler_ping)" >Ping map</a></li> + </ul> + <p id="info-content" class="navbar-text"> </p> + <p id="info-switch" class="navbar-text pull-left"> </p> + </div><!--/.nav-collapse --> + </div> + </div> + </div> + + <div class="container-fluid"> + <div class="row-fluid"> + <div class="span12"> + <link rel="stylesheet" href="/ping.css"> + <p id="playground"> + <svg id="lines" width="1920" height="1032" style="position: absolute; top: 0; left: 0; z-index: 1"> + </svg> + + <img src="/tg15-salkart.png" alt="" id="map" /> + </p> + </div> + </div> + <div class="row-fluid"> + <div class="span12"> + <div id="info-legend-box"> + <button id="legend-1"> </button> + <button id="legend-2"> </button> + <button id="legend-3"> </button> + <button id="legend-4"> </button> + <button id="legend-5"> </button> + </div> + <div id="info-switch-parent"> + <table class="table" id="info-switch-table"> + </table> + </div> + </div> + </div><!--/row--> + </div><!--/.fluid-container--> + </div> + <script src="js/bootstrap.min.js"></script> + <script src="js/nms2-lib.js"></script> + <script src="js/nms2.js"></script> + <script> + // These are used by ping.js, below. + var draw_linknets = true; + var can_edit = false; + </script> + <script type="text/javascript" src="map.js"></script> + <script> + updatePorts(); + updatePing(); + setInterval(updatePorts,5000); + setInterval(updateInfo,5000); + setInterval(updatePing,1000); + setInterval(updateMap,1000); + setInterval(updateSpeed,3000); + url = document.URL; + if (/#ping/.exec(url)) { + setUpdater(handler_ping); + }else if (/#uplink/.exec(url)) { + setUpdater(handler_uplinks); + } else if (/#temp/.exec(url)) { + setUpdater(handler_temp); + } else { + setUpdater(handler_ping); + } + </script> + </body> +</html> |