rc-web@66
|
1 //////////////////////////////////////////////
|
rc-web@66
|
2 var socket = io.connect();
|
rc-web@66
|
3 //////////////////////////////////////////////
|
rc-web@70
|
4
|
rc-web@70
|
5
|
rc-web@66
|
6 // Sequencer Controls
|
rc-web@66
|
7 function startSeq() { socket.emit("startSeq") }
|
rc-web@66
|
8 function stopSeq() { socket.emit("stopSeq") }
|
rc-web@66
|
9 function resetSeq() { socket.emit("resetSeq") }
|
rc-web@70
|
10
|
rc-web@66
|
11 //////////////////////////////////////////////
|
rc-web@66
|
12 // Chron Controls
|
rc-web@66
|
13 function stopWatch(value) { socket.emit("stopWatch", value) }
|
rc-web@66
|
14 //////////////////////////////////////////////
|
rc-web@66
|
15 // Metronome Controls
|
rc-web@66
|
16 //socket.on("metroPulse", metronomeTick);
|
rc-web@66
|
17 function metroStart(pulse) { socket.emit("metroStart", pulse);}
|
rc-web@66
|
18 function metroStop() { socket.emit("metroStop");}
|
rc-web@66
|
19 //////////////////////////////////////////////
|
rc-web@66
|
20 // Latency "Pong"
|
rc-web@66
|
21 socket.on("timeFromServer", function(n) {
|
rc-web@66
|
22 socket.emit("clientTimeResponse",n);
|
rc-web@66
|
23 //console.log(n);
|
rc-web@66
|
24 });
|
rc-web@66
|
25 socket.on("latencyFromServer", function(latency) {
|
rc-web@66
|
26 $("#client_latency").text(latency+"ms.")
|
rc-web@66
|
27 });
|
rc-web@66
|
28 function getLatencies(x) { socket.emit("getLatencies", x); }
|
rc-web@66
|
29 //////////////////////////////////////////////
|
rc-web@66
|
30 // Chronometer Controls
|
rc-web@66
|
31 function startChr() { socket.emit("startChr"); }
|
rc-web@66
|
32 function stopChr() { socket.emit("stopChr"); }
|
rc-web@66
|
33 function resetChr() { socket.emit("resetChr");
|
rc-web@66
|
34 $("div#client_chronometer").text("00:00:00.0"); }
|
rc-web@66
|
35 socket.on("chronFromServer", function(chron){
|
rc-web@66
|
36 $("div#c_chronometer").text(chron);
|
rc-web@66
|
37 });
|
rc-web@66
|
38
|
rc-web@66
|
39 //////////////////////////////////////////////
|
rc-web@66
|
40 // SEQUENCER MONITOR
|
rc-web@66
|
41 socket.on("pageFlipfromserver", sequenceMonitor);
|
rc-web@66
|
42 function sequenceMonitor(group, unit,time,mm,seq,unitlast){
|
rc-web@66
|
43 // var n=6; var x=seq-1; var off=((x%n)+n)%n // thanks claudiusmaximus
|
rc-web@66
|
44 if (group == 1) { turnmeoff = "#sqr"+unitlast+".sqa"}
|
rc-web@66
|
45 if (group == 2) { turnmeoff = "#sqr"+unitlast+".sqb"}
|
rc-web@66
|
46 if (group == 3) { turnmeoff = "#sqr"+unitlast+".sqc"}
|
rc-web@66
|
47 if (group == 4) { turnmeoff = "#sqr"+unitlast+".sqd"}
|
rc-web@66
|
48 $(turnmeoff).css({'color':'black'})
|
rc-web@66
|
49
|
rc-web@66
|
50 }
|
rc-web@66
|
51
|
rc-web@66
|
52 // countdown to change
|
rc-web@66
|
53 socket.on("countinFromServer", countinCtrl);
|
rc-web@66
|
54 function countinCtrl(groupID, currentseconds,mm,text,colour,background,unit){
|
rc-web@66
|
55 //console.log("#count"+groupID)
|
rc-web@66
|
56 // all counts to control page
|
rc-web@66
|
57 $("#counttitle"+groupID).css('color','white');
|
rc-web@66
|
58 $("#counttitle"+groupID).text(text);
|
rc-web@66
|
59 $("#count"+groupID).text(currentseconds).css('color','white');
|
rc-web@66
|
60 document.getElementById("count"+groupID).style.color=colour;
|
rc-web@66
|
61 }
|
rc-web@66
|
62
|
rc-web@66
|
63 socket.on("counterText", function(group,unit,counter,seq,unitlast,transect){
|
rc-web@66
|
64
|
rc-web@66
|
65 $("div#transect").text("Transect: " + (transect+1));
|
rc-web@66
|
66
|
rc-web@66
|
67
|
rc-web@66
|
68
|
rc-web@66
|
69 if (group == 1) { $('#inner-'+unit+"-0").text(counter);
|
rc-web@66
|
70 $("div#unitseq0").text((transect+1)+ " : " + (seq+1));
|
rc-web@66
|
71 if (counter == 0 ) { $('#inner-'+unit+"-0").css("visibility","hidden")
|
rc-web@66
|
72 console.log("------------------------- "+ unit)
|
rc-web@66
|
73 }
|
rc-web@66
|
74 else { $('#inner-'+unit+"-0").css({"color" : "white", "background":"black", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible" }) }
|
rc-web@66
|
75 }
|
rc-web@66
|
76
|
rc-web@66
|
77 if (group == 2) { $('#inner-'+unit+"-1").text(counter);
|
rc-web@66
|
78 $("div#unitseq1").text((transect+1)+ " : " + (seq+1));
|
rc-web@66
|
79 if (counter == 0 ) { $('#inner-'+unit+"-1").css("visibility","hidden") }
|
rc-web@66
|
80 else { $('#inner-'+unit+"-1").css({"color":"white","background":"green", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"}) }
|
rc-web@66
|
81 }
|
rc-web@66
|
82
|
rc-web@66
|
83 if (group == 3) { $('#inner-'+unit+"-2").text(counter);
|
rc-web@66
|
84 $("div#unitseq2").text((transect+1)+ " : " + (seq+1));
|
rc-web@66
|
85 if (counter == 0 ) { $('#inner-'+unit+"-2").css("visibility","hidden") }
|
rc-web@66
|
86 else { $('#inner-'+unit+"-2").css({"color":"white","background":"blue", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"}) }
|
rc-web@66
|
87 }
|
rc-web@66
|
88
|
rc-web@66
|
89 if (group == 4) { $('#inner-'+unit+"-3").text(counter);
|
rc-web@66
|
90 $("div#unitseq3").text((transect+1)+ " : " + (seq+1));
|
rc-web@66
|
91 if (counter == 0 ) { $('#inner-'+unit+"-3").css("visibility","hidden")}
|
rc-web@66
|
92 else { $('#inner-'+unit+"-3").css({"color":"white","background":"red", "opacity" : "0.7", "border-radius":"20px", "visibility": "visible"}) }
|
rc-web@66
|
93 }
|
rc-web@66
|
94 }
|
rc-web@66
|
95 );
|
rc-web@66
|
96
|
rc-web@66
|
97 /*
|
rc-web@66
|
98 //////////////////////////////////////////////
|
rc-web@66
|
99 // CLient Popup window code
|
rc-web@66
|
100
|
rc-web@66
|
101 function newPopup(url) {
|
rc-web@66
|
102 popupWindow = window.open(
|
rc-web@66
|
103 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-web@66
|
104
|
rc-web@66
|
105 */
|
rc-web@66
|
106
|
rc-web@70
|
107 //function pad2(number) { return (number < 10 ? '0' : '') + number }
|
rc-web@70
|
108 //socket.on("pageFlipfromserver", pageTurn);
|
rc-web@70
|
109 //function pageTurn (group,unit,time,mm) {
|
rc-web@70
|
110 // var g= pad2(group);
|
rc-web@70
|
111 // var groupPage=document.getElementById('group').value;
|
rc-web@70
|
112 // $("#previewbox-"+group).html("<img src='svg/"+(unit) + ".svg" + "' width='515'>")
|
rc-web@70
|
113 // }
|
rc-web@66
|
114
|