Mercurial > hg > nodescore

diff www/m/controls.html @ 5:9070b2a7ca65

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
nodescore magicsquare example web files commited
author tzara <rc-web@kiben.net>
date Wed, 04 Jul 2012 13:10:04 +0000
parents
children 33e6dc370ef7
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/m/controls.html	Wed Jul 04 13:10:04 2012 +0000
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link href="css/style-performer.css" rel="stylesheet">
+    <link href="css/metronome.css" rel="stylesheet">
+    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
+    <script src="/jquery-uijs/jquery-ui-1.8.17.custom.min.js"></script>
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="js/metronome.js"></script>
+    <script src="js/client.js"></script>
+    <script src="js/controlseq.js"></script>
+  </head>
+  <body>  
+
+  <input type="hidden" id="group" value='1'>
+
+	<h1>Multicast Network Score Controls</h1>
+    <div class="outermaster">
+
+      <div id="client_chronometer">00:00:00.0</div>
+      
+      <div class="metrocase">
+	<div id="metronome0"></div>
+	<div id="metronome1"></div>
+	<div id="metronome2"></div>
+	<div id="metronome3"></div>
+      </div>
+      
+
+      <div>
+	<h2>Calculate Client Latencies</h2><br>
+	<input type="button" value="Get Latencies" onclick="getLatencies(1000);" />
+	<h2 id="client_latency">0ms</h2>
+      </div>
+      
+	  
+	  
+	  <h2>Magic Sequencer Monitor</h2><br>
+	  
+      <div>
+	<p class="magicsquare" id="1magicsquare0"></p>
+	<p class="magicsquare" id="1magicsquare1"></p>
+	<p class="magicsquare" id="1magicsquare2"></p>
+	<p class="magicsquare" id="1magicsquare3"></p>
+	<p class="magicsquare" id="1magicsquare4"></p>
+	<p class="magicsquare" id="1magicsquare5"></p>
+      </div>
+      
+      <br><br>      <br><br>
+      
+      <div>
+	<p class="magicsquare" id="2magicsquare0"></p>
+	<p class="magicsquare" id="2magicsquare1"></p>
+	<p class="magicsquare" id="2magicsquare2"></p>
+	<p class="magicsquare" id="2magicsquare3"></p>
+	<p class="magicsquare" id="2magicsquare4"></p>
+	<p class="magicsquare" id="2magicsquare5"></p>
+      </div>
+      
+      <br><br>      <br><br>
+      <div>
+	<p class="magicsquare" id="3magicsquare0"></p>
+	<p class="magicsquare" id="3magicsquare1"></p>
+	<p class="magicsquare" id="3magicsquare2"></p>
+	<p class="magicsquare" id="3magicsquare3"></p>
+	<p class="magicsquare" id="3magicsquare4"></p>
+	<p class="magicsquare" id="3magicsquare5"></p>
+      </div>
+      
+      <br><br>      <br><br>
+      
+      <div>
+	<p class="magicsquare" id="4magicsquare0"></p>
+	<p class="magicsquare" id="4magicsquare1"></p>
+	<p class="magicsquare" id="4magicsquare2"></p>
+	<p class="magicsquare" id="4magicsquare3"></p>
+	<p class="magicsquare" id="4magicsquare4"></p>
+	<p class="magicsquare" id="4magicsquare5"></p>
+      </div>
+      
+      <br><br>      <br><br>
+      
+
+      <input type="button" value="START" onclick="startSeq();" />
+      <input type="button" value="STOP" onclick="stopSeq();" />
+
+      <br><br>
+
+
+
+
+
+<a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/1.html');">client_1</a>
+<a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/2.html');">client_2</a>
+<a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/3.html');">client_3</a>
+<a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/4.html');">client_4</a>
+
+
+
+    
+</body>
+</html>