rc@74
|
1 //////////////////////////////////////////////
|
rc@74
|
2 var socket = io.connect();
|
rc@74
|
3 //////////////////////////////////////////////
|
rob@91
|
4 // Sequencer Controls
|
rob@91
|
5 var sstate=0;
|
rc@74
|
6
|
rob@94
|
7 function setSpeed(s) {
|
rob@94
|
8 socket.emit("setSpeed", s);
|
rob@94
|
9 }
|
rob@94
|
10
|
rob@91
|
11 function startSeq() {
|
rob@93
|
12 //console.log("yeah")
|
rob@91
|
13 // if (sstate==0){
|
rob@91
|
14 socket.emit("startSeq");
|
rob@91
|
15 // var sstate=1;
|
rob@91
|
16 //}
|
rob@91
|
17 }
|
rc@74
|
18
|
rob@91
|
19 function stopSeq() {
|
rob@91
|
20 //if (sstate==1){
|
rob@91
|
21 socket.emit("stopSeq")
|
rob@91
|
22 // var sstate=0;
|
rob@91
|
23 // }
|
rob@91
|
24 }
|
rob@91
|
25
|
rob@92
|
26 function resetSeq() {
|
rob@92
|
27 // send reset message to server
|
rob@92
|
28 socket.emit("resetSeq")
|
rob@92
|
29 // clear all the indicators on the overview
|
rob@92
|
30 for (i = 0; i < 64; i++) {$('#inner-'+i+"-0").css("visibility","hidden")}
|
rob@92
|
31 for (i = 0; i < 64; i++) {$('#inner-'+i+"-1").css("visibility","hidden")}
|
rob@92
|
32 for (i = 0; i < 64; i++) {$('#inner-'+i+"-2").css("visibility","hidden")}
|
rob@92
|
33 for (i = 0; i < 64; i++) {$('#inner-'+i+"-3").css("visibility","hidden")}
|
rob@92
|
34 }
|
rob@92
|
35
|
rob@93
|
36 // hard-reset - reboot server
|
rob@93
|
37 function breakSeq() { socket.emit("breakSeq") }
|
rob@93
|
38
|
rc@74
|
39 //////////////////////////////////////////////
|
rc@74
|
40 // Chron Controls
|
rc@74
|
41 function stopWatch(value) { socket.emit("stopWatch", value) }
|
rc@74
|
42 //////////////////////////////////////////////
|
rc@74
|
43 // Metronome Controls
|
rc@74
|
44 //socket.on("metroPulse", metronomeTick);
|
rc@74
|
45 function metroStart(pulse) { socket.emit("metroStart", pulse);}
|
rc@74
|
46 function metroStop() { socket.emit("metroStop");}
|
rob@91
|
47
|
rc@74
|
48 //////////////////////////////////////////////
|
rc@74
|
49 // Latency "Pong"
|
rc@74
|
50 socket.on("timeFromServer", function(n) {
|
rc@74
|
51 socket.emit("clientTimeResponse",n);
|
rc@74
|
52 //console.log(n);
|
rc@74
|
53 });
|
rc@74
|
54 socket.on("latencyFromServer", function(latency) {
|
rc@74
|
55 $("#client_latency").text(latency+"ms.")
|
rc@74
|
56 });
|
rc@74
|
57 function getLatencies(x) { socket.emit("getLatencies", x); }
|
rc@74
|
58 //////////////////////////////////////////////
|
rc@74
|
59 // Chronometer Controls
|
rob@91
|
60
|
rc@74
|
61 function startChr() { socket.emit("startChr"); }
|
rob@91
|
62 function stopChr() { socket.emit("stopChr"); }
|
rob@93
|
63 function resetChr() {
|
rob@93
|
64 socket.emit("resetChr");
|
rob@93
|
65 $("div#client_chronometer").text("00:00:00.0");
|
rob@93
|
66 }
|
rob@91
|
67
|
rc@74
|
68 socket.on("chronFromServer", function(chron){
|
rc@74
|
69 $("div#c_chronometer").text(chron);
|
rc@74
|
70 });
|
rc@74
|
71
|
rc@74
|
72 //////////////////////////////////////////////
|
rc@74
|
73 // SEQUENCER MONITOR
|
rc@74
|
74 socket.on("pageFlipfromserver", sequenceMonitor);
|
rc@74
|
75 function sequenceMonitor(group, unit,time,mm,seq,unitlast){
|
rc@74
|
76 // var n=6; var x=seq-1; var off=((x%n)+n)%n // thanks claudiusmaximus
|
rc@74
|
77 if (group == 1) { turnmeoff = "#sqr"+unitlast+".sqa"}
|
rc@74
|
78 if (group == 2) { turnmeoff = "#sqr"+unitlast+".sqb"}
|
rc@74
|
79 if (group == 3) { turnmeoff = "#sqr"+unitlast+".sqc"}
|
rc@74
|
80 if (group == 4) { turnmeoff = "#sqr"+unitlast+".sqd"}
|
rc@74
|
81 $(turnmeoff).css({'color':'black'})
|
rc@74
|
82
|
rc@74
|
83 }
|
rc@74
|
84
|
rc@74
|
85 // countdown to change
|
rc@74
|
86 socket.on("countinFromServer", countinCtrl);
|
rc@74
|
87 function countinCtrl(groupID, currentseconds,mm,text,colour,background,unit){
|
rc@74
|
88 //console.log("#count"+groupID)
|
rc@74
|
89 // all counts to control page
|
rob@79
|
90 $("#counttitle"+groupID).css('color','black');
|
rc@74
|
91 $("#counttitle"+groupID).text(text);
|
rob@79
|
92 $("#count"+groupID).text(currentseconds).css('color','black');
|
rc@74
|
93 document.getElementById("count"+groupID).style.color=colour;
|
rc@74
|
94 }
|
rc@74
|
95
|
rob@93
|
96
|
rc@74
|
97 socket.on("counterText", function(group,unit,counter,seq,unitlast,transect){
|
rc@74
|
98
|
rob@90
|
99 $("div#transect").text("Transect: " + (transect+1) + " Unit: " + seq);
|
rc@74
|
100
|
rc@74
|
101 if (group == 1) { $('#inner-'+unit+"-0").text(counter);
|
rob@83
|
102 $("div#unitseq0").text((transect+1)+ " : " + (seq+1));
|
rob@83
|
103 $("div#timeleft1").text(counter);
|
rc@74
|
104 if (counter == 0 ) { $('#inner-'+unit+"-0").css("visibility","hidden")
|
rob@93
|
105 //console.log("------------------------- "+ unit)
|
rc@74
|
106 }
|
rob@83
|
107 else { $('#inner-'+unit+"-0").css({"color" : "yellow", "background":"black", "opacity" : "0.6", "border-radius":"10px", "visibility": "visible" }) }
|
rc@74
|
108 }
|
rc@74
|
109
|
rc@74
|
110 if (group == 2) { $('#inner-'+unit+"-1").text(counter);
|
rob@83
|
111 $("div#unitseq1").text((transect+1)+ " : " + (seq+1));
|
rob@83
|
112 $("div#timeleft2").text(counter);
|
rc@74
|
113 if (counter == 0 ) { $('#inner-'+unit+"-1").css("visibility","hidden") }
|
rob@83
|
114 else { $('#inner-'+unit+"-1").css({"color":"yellow","background":"green", "opacity" : "0.6", "border-radius":"10px", "visibility": "visible"}) }
|
rc@74
|
115 }
|
rc@74
|
116
|
rc@74
|
117 if (group == 3) { $('#inner-'+unit+"-2").text(counter);
|
rc@74
|
118 $("div#unitseq2").text((transect+1)+ " : " + (seq+1));
|
rob@83
|
119 $("div#timeleft3").text(counter);
|
rc@74
|
120 if (counter == 0 ) { $('#inner-'+unit+"-2").css("visibility","hidden") }
|
rob@83
|
121 else { $('#inner-'+unit+"-2").css({"color":"yellow","background":"blue", "opacity" : "0.6", "border-radius":"10px", "visibility": "visible"}) }
|
rc@74
|
122 }
|
rc@74
|
123
|
rc@74
|
124 if (group == 4) { $('#inner-'+unit+"-3").text(counter);
|
rc@74
|
125 $("div#unitseq3").text((transect+1)+ " : " + (seq+1));
|
rob@83
|
126 $("div#timeleft4").text(counter);
|
rc@74
|
127 if (counter == 0 ) { $('#inner-'+unit+"-3").css("visibility","hidden")}
|
rob@83
|
128 else { $('#inner-'+unit+"-3").css({"color":"yellow","background":"red", "opacity" : "0.6", "border-radius":"10px", "visibility": "visible"}) }
|
rc@74
|
129 }
|
rc@74
|
130 }
|
rc@74
|
131 );
|
rc@74
|
132
|
rc@74
|
133 /*
|
rc@74
|
134 //////////////////////////////////////////////
|
rc@74
|
135 // CLient Popup window code
|
rc@74
|
136
|
rc@74
|
137 function newPopup(url) {
|
rc@74
|
138 popupWindow = window.open(
|
rc@74
|
139 url,'popUpWindow','height=400,width=800,left=10,top=10,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,titlebar=no,directories=no,status=yes')}
|
rc@74
|
140
|
rc@74
|
141 */
|
rc@74
|
142
|
rc@74
|
143 //function pad2(number) { return (number < 10 ? '0' : '') + number }
|
rc@74
|
144 //socket.on("pageFlipfromserver", pageTurn);
|
rc@74
|
145 //function pageTurn (group,unit,time,mm) {
|
rc@74
|
146 // var g= pad2(group);
|
rc@74
|
147 // var groupPage=document.getElementById('group').value;
|
rc@74
|
148 // $("#previewbox-"+group).html("<img src='svg/"+(unit) + ".svg" + "' width='515'>")
|
rc@74
|
149 // }
|
rc@74
|
150
|