diff options
Diffstat (limited to 'web/nms.gathering.org/nms2/map.html')
| -rw-r--r-- | web/nms.gathering.org/nms2/map.html | 185 |
1 files changed, 86 insertions, 99 deletions
diff --git a/web/nms.gathering.org/nms2/map.html b/web/nms.gathering.org/nms2/map.html index ec4ce43..bd81f83 100644 --- a/web/nms.gathering.org/nms2/map.html +++ b/web/nms.gathering.org/nms2/map.html @@ -1,109 +1,91 @@ <!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>--> +<html lang="en"> +<head> + <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org"> + <meta http-equiv="Content-Type" content="text/html; charset=us-ascii"> + <meta charset="utf-8"> - <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; - } + <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" type="text/javascript"> + </script><!--<script src="http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.js"></script>--> + <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> + <link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"> + <link href="css/slider.css" rel="stylesheet" type="text/css"> + <link rel="stylesheet" href="/ping.css" type="text/css"><!--<link src="http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.css" rel="stylesheet">--> - #canvas { - background-image: url('http://nms.tg15.gathering.org/tg15-salkart.png'); - } + <style type="text/css"> + body { + padding-top: 60px; + padding-bottom: 40px; + } + .sidebar-nav { + padding: 9px 0; + } - #tooltip { - position: absolute; - left: 110px; - top: 110px; - border: 1px solid #FF0000; - } - </style> + </style> +</head> - <!-- 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]--> +<body id="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"></a> + <div class="nav-collapse collapse"> + <p class="navbar-text pull-right" id="speed" title="Client port speed"></p> + <ul class="navbar nav"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Map mode<span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <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> + <li><a href="#traffic" onclick="setUpdater(handler_traffic)">Traffic map</a></li> + <li><a href="#" onclick="toggleNightMode()" title="Add 'nightMode' anywhere in the url to auto-enable">Toggle Night Mode</a></li> + </ul> + </li> + </ul> + <p id="updater_name" class="navbar-text"></p> + </div><!--/.nav-collapse --> + </div> + </div> + </div> - <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="panel" style="position: fixed; z-index: 10000;"> + <div class="span4"> + <div id="info-switch-parent" style="background: silver"> + <table class="table" id="info-switch-table"></table> + </div> + </div> + </div><!--/row--> - <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> + <div class="row-fluid"> + <div class="span12"> + <p id="playground"><img src="/tg15-salkart.png" alt="" id="map" style="filter:invert; z-index: 0;"></p> + </div> + </div> - <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. + <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> + </div> + </div><!--/.fluid-container--> + <script src="js/bootstrap.min.js" type="text/javascript"></script> + <script src="js/nms2-lib.js" type="text/javascript"></script> + <script src="js/nms2.js" type="text/javascript"> </script> + <script type="text/javascript"> var draw_linknets = true; var can_edit = false; </script> <script type="text/javascript" src="map.js"></script> - <script> + <script type="text/javascript"> updatePorts(); updatePing(); setInterval(updatePorts,5000); @@ -113,14 +95,19 @@ setInterval(updateSpeed,3000); url = document.URL; if (/#ping/.exec(url)) { - setUpdater(handler_ping); + setUpdater(handler_ping); }else if (/#uplink/.exec(url)) { - setUpdater(handler_uplinks); + setUpdater(handler_uplinks); } else if (/#temp/.exec(url)) { - setUpdater(handler_temp); + setUpdater(handler_temp); + } else if (/#traffic/.exec(url)) { + setUpdater(handler_traffic); } else { - setUpdater(handler_ping); + setUpdater(handler_ping); } - </script> - </body> + if (/nightMode/.exec(url)) { + toggleNightMode(); + } + </script> +</body> </html> |