changeset 62:185683004dfb

director page added
author tzara <rc-web@kiben.net>
date Fri, 26 Apr 2013 17:06:49 +0000
parents 19441b219301
children 9bf133b91890
files www/m/director.html
diffstat 1 files changed, 123 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/m/director.html	Fri Apr 26 17:06:49 2013 +0000
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">  
+  <title>controls@nodescore</title>
+  
+  <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
+
+  <link href="css/nodescore-tablet.css" rel="stylesheet">
+  <link href="css/chat-tablet.css" rel="stylesheet">
+  <link href="css/menu.css" rel="stylesheet">
+
+  <script src="js/jquery-1.7.1.min.js"></script>  
+  <script src="/socket.io/socket.io.js"></script>
+
+  <script src="js/controlseq.js"></script>
+</head>
+
+<body>
+
+  <input type="hidden" id="group" value='1'> 
+  <div class="outermaster2" id="outermaster2">     
+    <br/> 
+
+<div id="wide">
+<div id="outer">
+<script type="text/javascript">// <![CDATA[
+var outer = document.getElementById("outer");
+for (var i = 0; i < 36; i++) {
+  var middle = document.createElement("div");
+  middle.setAttributeNS(null, "class", "middle");
+  middle.id = "middle-" + i;
+  for (var j = 0; j < 4; j++) {
+    var inner = document.createElement("p");
+    inner.setAttributeNS(null, "class", "inner-" + j);
+    inner.id = "inner-" + i + "-" + j;
+    var text = document.createTextNode(" ");
+    inner.appendChild(text);
+    middle.appendChild(inner);
+  }
+  outer.appendChild(middle);
+}
+// ]]></script>
+</div>
+
+<div id="outerpreview" >
+  <div class="pview" id="preview-1" >
+    
+    <div class="musicianprog" style="background:black; border: 1px solid yellow;" >
+      <div id="counttitle1" style="display:inline;"></div>
+      <div id="count1" style="color:white; font-size:2em;">x</div>
+    </div>
+    
+  </div>
+  <div class="pview" id="preview-2">
+    <div class="musicianprog" style="background:black; border: 1px solid green; ">
+      <div id="counttitle2" style="display:inline;"></div>
+      <div id="count2" style="color:white; font-size:2em;">x</div>
+    </div>
+  </div>
+  <div class="pview" id="preview-3" >
+    <div class="musicianprog" style="background:black; border: 1px solid aqua; ">
+      <div id="counttitle3" style="display:inline;"></div>
+      <div id="count3" style="color:white; font-size:2em;">x</div>
+    </div>
+  </div>
+  <div class="pview" id="preview-4">
+    <div class="musicianprog" style="background:black; border: 1px solid red; ">
+      <div id="counttitle4" style="display:inline;"></div>
+      <div id="count4" style="color:white; font-size:2em;">x</div>
+    </div>
+  </div>
+</div>
+
+
+
+
+  <div id="c_chronometer"  style="z-index: 2;">00:00:00.0</div>      
+
+<div style="padding: 12px; position:relative; right:-400px; bottom:-100px;"> 
+  <input type="button" value="start" onclick="startSeq();" />
+  <input type="button" value="stop" onclick="stopSeq();" />
+  <input type="button" value="reset" onclick="resetSeq();" />
+</div>
+
+
+</div>
+  
+
+
+
+
+
+
+
+  </div>
+  <!--
+      <div id="xcomms"> 
+	<div id="chat" title="type here to chat with others connected to network" >
+	  <div id="nickname" title="type your login name and press enter">
+	    <form id="set-nickname" class="wrap">
+	      <p>LOGIN:</p>
+	      <input id="nick">
+	      <p id="nickname-err">Nickname already in use</p>
+	    </form>
+	  </div>
+	  <div id="connecting">
+	    <div class="wrap">Connecting to socket.io server</div>
+	  </div>
+	  <div id="messages">
+	    <div id="nicknames"></div>
+	    <div id="lines"></div>
+	  </div>
+	  <form id="send-message">
+	    <input id="message">
+	    <button>Send</button>
+	  </form>
+	</div>
+	
+-->
+
+</body>
+</html>