view www/m/js/client.js @ 5:9070b2a7ca65

nodescore magicsquare example web files commited

/////////////////////////////////////////////////
// connect to websocket

var socket = io.connect();

// receive metronome tick from server and execute
// css animation locally

/////////////////////////////////////////////////

socket.on("metroPulse", pulseInClient);
function pulseInClient(pulse,groupID,metrobeat){

    var groupPage=document.getElementById('group').value
//    console.log(pulse+"........"+ groupID+ "==" +groupPage+".........."+metrobeat)
    if (groupID == groupPage) {
//	var metrobeat=metrobeat
//	console.log(pulse+" .................. "+metrobeat)
	metronomeTick(1000, groupID, metrobeat);
    }
}
/////////////////////////////////////////////////

// update the stopwatch value on the client page in line with server
socket.on("chronFromServer", function(chron) {
    $("div#client_chronometer").text(chron);
});

/////////////////////////////////////////////////

function pageFlip(unit) {
    console.log("flipping page:"+ unit);
    $('#sections').trigger('goto', [parseFloat(unit)]); 
    //metroStart(1000); 
    //document.getElementById("countdowncase").style.visibility="hidden";
}

/////////////////////////////////////////////////
// call the fancy jquery functions

function slideTo (target) { $('#sections').trigger('goto', [target]); }
function pad2(number) { return (number < 10 ? '0' : '') + number }       

/////////////////////////////////////////////////
// countdown to change

socket.on("countinFromServer", countinClient);
function countinClient(groupID, currentseconds,mm,text,colour,background){
    var groupPage=document.getElementById('group').value
    if (groupID == groupPage) {
	console.log(currentseconds);
	document.getElementById("countinnumber").style.visibility="visible";
	document.getElementById("countinnumber").style.visibility="visible";
	//$("#countin").text(text);
	$("#countinnumber").text(currentseconds);
	$("#countinnumber").css('background-color', background);
	
	document.getElementById("countinnumber").style.color=colour;

	if ( currentseconds == 0) {
	    document.getElementById("countinnumber").style.visibility='hidden';
//	    document.getElementById("countin").style.visibility='hidden';
	}
    }}

/////////////////////////////////////////////////


/////////////////////////////////////////////////

socket.on("pageFlipfromserver", pageTurn);
function pageTurn (group,unit,time,mm) {
    var groupPage=document.getElementById('group').value;
    console.log("fromservercommand has been executed on client");
    if (group == groupPage) {
	var g= pad2(group); 
	var p= pad2(unit);
	pageFlip(unit); 
    }
    else { 
	console.log("not for this group... ignoring... for group:" + group );
    }
}

/////////////////////////////////////////////////