Mercurial > hg > nodescore

comparison www/m/controls.html @ 11:0a8133490050

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
absorbed metronome.js .css into main css and client files also some minor html5 and css changes
author tzara <rc-web@kiben.net>
date Sat, 07 Jul 2012 07:10:56 +0000
parents 0e5543ccb8fb
children e05eede75e0d
comparison
equal deleted inserted replaced
10:0e5543ccb8fb 11:0a8133490050
3 <head> 3 <head>
4 <link href="css/nodescore.css" rel="stylesheet"> 4 <link href="css/nodescore.css" rel="stylesheet">
5 <link href="css/metronome.css" rel="stylesheet"> 5 <link href="css/metronome.css" rel="stylesheet">
6 <script src="js/jquery-1.7.1.min.js"></script> 6 <script src="js/jquery-1.7.1.min.js"></script>
7 <script src="/socket.io/socket.io.js"></script> 7 <script src="/socket.io/socket.io.js"></script>
8 <script src="js/metronome.js"></script> 8 <script src="js/client.js"></script>
9 <script src="js/client.js"></script>
10 <script src="js/controlseq.js"></script> 9 <script src="js/controlseq.js"></script>
11 </head> 10 </head>
12 <body> 11 <body>
13 12
14 <input type="hidden" id="group" value='1'> 13 <input type="hidden" id="group" value='1'>
15 14
16 <h1>Multicast Network Score Controls</h1> 15 <div class="page">
17 <div class="outermaster"> 16 <div class="outermaster">
18 <div id="client_chronometer">00:00:00.0</div> 17 <div id="client_chronometer">00:00:00.0</div>
19 <div class="metrocase"> 18 <div class="metrocase">
20 <div id="metronome0"></div> 19 <div id="metronome0"></div>
21 <div id="metronome1"></div> 20 <div id="metronome1"></div>
22 <div id="metronome2"></div> 21 <div id="metronome2"></div>
23 <div id="metronome3"></div> 22 <div id="metronome3"></div>
24 </div> 23 </div>
25 24
26 <div> 25
27 <h2>Calculate Client Latencies</h2><br> 26 <div class="outersquare">
28 <input type="button" value="Get Latencies" onclick="getLatencies(1000);" /> 27
29 <h2 id="client_latency">0ms</h2>
30 </div>
31
32 <h2>Magic Sequencer Monitor</h2><br>
33 <div> 28 <div>
34 <p class="magicsquare" id="1magicsquare0"></p> 29 <p class="magicsquare" id="1magicsquare0"></p>
35 <p class="magicsquare" id="1magicsquare1"></p> 30 <p class="magicsquare" id="1magicsquare1"></p>
36 <p class="magicsquare" id="1magicsquare2"></p> 31 <p class="magicsquare" id="1magicsquare2"></p>
37 <p class="magicsquare" id="1magicsquare3"></p> 32 <p class="magicsquare" id="1magicsquare3"></p>
68 <p class="magicsquare" id="4magicsquare2"></p> 63 <p class="magicsquare" id="4magicsquare2"></p>
69 <p class="magicsquare" id="4magicsquare3"></p> 64 <p class="magicsquare" id="4magicsquare3"></p>
70 <p class="magicsquare" id="4magicsquare4"></p> 65 <p class="magicsquare" id="4magicsquare4"></p>
71 <p class="magicsquare" id="4magicsquare5"></p> 66 <p class="magicsquare" id="4magicsquare5"></p>
72 </div> 67 </div>
73 68
74 <br><br> <br><br> 69 <br><br> <br><br>
75 70
76 71
77 <input type="button" value="START" onclick="startSeq();" /> 72 <input type="button" value="START" onclick="startSeq();" />
78 <input type="button" value="STOP" onclick="stopSeq();" /> 73 <input type="button" value="STOP" onclick="stopSeq();" />
79 <input type="button" value="RESET" onclick="resetSeq();" /> 74 <input type="button" value="RESET" onclick="resetSeq();" />
80 75
81 <br><br> 76 <br><br>
77 </div>
78
79 <div class="latencies">
80 <h2>Calculate Client Latencies</h2><br>
81 <input type="button" value="Get Latencies" onclick="getLatencies(1000);" />
82 <h2 id="client_latency">0ms</h2>
83 </div>
84 </div>
85
86 </div>
87
82 88
83 89
84
85
86
87 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/1.html');">client_1</a>
88 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/2.html');">client_2</a>
89 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/3.html');">client_3</a>
90 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/4.html');">client_4</a>
91 90
92 91
93 92
94 93
95 </body> 94 </body>