diff options
Diffstat (limited to 'web/nms.gathering.org/nms2/index.html')
| -rw-r--r-- | web/nms.gathering.org/nms2/index.html | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/web/nms.gathering.org/nms2/index.html b/web/nms.gathering.org/nms2/index.html new file mode 100644 index 0000000..dc20034 --- /dev/null +++ b/web/nms.gathering.org/nms2/index.html @@ -0,0 +1,131 @@ +<!DOCTYPE html> + +<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"> + + <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="css/ping.css" type="text/css"><!--<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; + } + + </style> +</head> + +<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="#disco" onclick="setUpdater(handler_disco)">DISCO</a></li> + <li class="divider"> </li> + <li><a href="#" onclick="toggleNightMode()" title="Add 'nightMode' anywhere in the url to auto-enable">Toggle Night Mode</a></li> + <li class="divider"> </li> + <li><a href="#" onclick="document.getElementById('nowPickerBox').style.display = 'block';">Travel in time</a></li> + <li class="divider"> </li> + <li><input type="range" id="scaler" name="points" min="0.5" max="3" step="0.01" onchange="scaleChange()" /></li> + <li><a href="#">Scale: <div id="scaler-text"></div></a></li> + </ul> + </li> + </ul> + <p id="updater_name" class="navbar-text"></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="nowPickerBox" style="display:none; background: + white; border: 1px solid #000000;" > + <input type="text" class="form-control" placeholder="YYYY-MM-DD hh:mm:ss" id="nowPicker" value="" /> + <button class="btn btn-default" onclick="changeNow();">Travel</button> + </div> + <div id="info-switch-parent" style="background: silver"> + <table class="table" id="info-switch-table"></table> + </div> + </div> + </div><!--/row--> + + <div class="row-fluid"> + <div class="span12"> +<canvas id="myCanvas" width="1920" height="1032" style="cursor: pointer; border:1px solid #000000;" onclick="canvasClick(event)"> +</canvas> + +<div style="display:none;"><img id="source" src="prototype/tg15-salkart-full.png" ></div> + </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> + </div> + </div><!--/.fluid-container--> + <script src="js/bootstrap.min.js" type="text/javascript"></script> + <script type="text/javascript"> + var draw_linknets = true; + var can_edit = false; + </script> + <script type="text/javascript" src="js/nms.js"></script> + <script type="text/javascript"> + updatePorts(); + updatePing(); + window.addEventListener('resize',resizeEvent,true); + document.addEventListener('load',resizeEvent,true); + setInterval(updatePorts,5000); + setInterval(updateInfo,5000); + setInterval(updatePing,1000); + setInterval(updateMap,1000); + setInterval(updateSpeed,3000); + setInterval(drawScene,1000); + 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 if (/#traffic/.exec(url)) { + setUpdater(handler_traffic); + } else if (/#disco/.exec(url)) { + setUpdater(handler_disco); + } else { + setUpdater(handler_ping); + } + if (/nightMode/.exec(url)) { + toggleNightMode(); + } + </script> +</body> +</html> |