zoff/js/list.js

var list;
var toSend = "";
var sendURL;
var myScroll;
var scroller = false;
var showToggle =true;
var chan = $("#chan").html();
var hasadmin=0;

socket.on(guid, function(msg){
	populate_list(msg);
});

socket.on("abc", function(){
	alert("alert");
});

socket.on(chan.toLowerCase(), function(msg){
	populate_list(msg);
});

socket.on("skipping", function(obj)
{
	document.getElementById("pBar").innerHTML = "Vote registrated! "+obj[0]+" of "+obj[1]+" has skipped. "+(Math.ceil(obj[1]/2))+" or more is needed!";
	$("#pBar").addClass("opacityFull");
	setTimeout(function(){
		$("#pBar").removeClass("opacityFull");
	},1500);
});

function populate_list(msg)
{
	console.log(msg);
	for(obj in msg)
	{
		console.log(msg[obj]);
	}

	$("#wrapper").empty();

		$.each(msg, function(j, listeID){
			if(listeID.hasOwnProperty('startTime'))
			{
				console.log("startTime");
				console.log(listeID.addsongs);
				if(!adminTogg)
				{
					names=["vote","addsongs","longsongs","frontpage", "allvideos", "removeplay", "skip", "shuffle"];
					for (var i = 0; i < names.length; i++) {
						document.getElementsByName(names[i])[0].checked = (listeID[names[i]] === 'true');
						document.getElementsByName(names[i])[1].checked = (listeID[names[i]] === 'false');
					}

					if(hasadmin)
						$("#setpass").text("Channel has admin");
					else
						$("#setpass").text("Channel has no admin");
				}
			}else if(!listeID.now_playing){
				var video_title=listeID.title.replace(/\\\'/g, "'").replace(/&quot;/g,"'").replace(/&amp;/g,"&");
				var video_id = listeID.id;
				if(find && $.inArray(video_id, bright) == -1) brightness = "brightness";
				else if(find && $.inArray(video_id, bright) != -1) brightness = "brightness fullbrightness";
				else brightness = "";
				var video_thumb = "http://i.ytimg.com/vi/"+video_id+"/mqdefault.jpg";
				var odd = ""; if(j%2===0)odd=" oddlist";
				var delsong = ""; if(pass_corr=="correct")delsong="<input id='del' title='Remove' type='button' class='button' value='X' onclick=\"vote('"+video_id+"','del')\">";
				var finalhtml="<div id='result' class='"+video_id+" result "+brightness+" lresult"+odd+"'>"+
				"<img class='thumb lthumb' src='"+video_thumb+"'>"+
				"<div class='ltitle'>"+video_title+"</div>"+
				"<div class='votes'>"+listeID.votes+
	                    "<a onclick=\"vote('"+video_id+"','pos');\" id='plus'>+</a>"+
	                    "<a onclick=\"vote('"+video_id+"','neg');\" id='minus'>-</a>"+
	                    delsong+
	                    "</div>"+
				"</div>";
				$("#wrapper").append(finalhtml);
			}
		});
		if($("#playlist").height() != $("#player").height() || (peis && $("#playlist").height() != $("#jplayer").height()))
		{
			if(!window.mobilecheck())
			{
				if(peis)
				{
					player_name = "#jplayer";
				}else player_name = "#player";
				$("#playlist").css({height: $(player_name).height()-$("#adminPanel").outerHeight(true)-$("#findform").outerHeight(true)+30});
				$("#playlist").css({overflow: "hidden"});
				if(scroller === false)
				{
					myScroll = new IScroll('#playlist', {
						mouseWheel: true,
						scrollbars: true,
						scrollY: true,
						interactiveScrollbars: true,
						fadeScrollbars: true
					});
					scroller = true;
				}else
				{
					myScroll.refresh();
				}
			}
		}
		if(window.mobilecheck())
		{
			//document.getElementById("player").style.display="none";
			//ytplayer.pauseVideo();
		}else{
			myScroll.refresh();
		}
		$("#settings").css("visibility", "visible");
		$("#settings").css("opacity", "0.7");
		$("#wrapper").css("opacity", "1");
}

function vote(id, vote){
	socket.emit('vote', [chan, id, vote, guid, adminpass]);
}

function skip(){
	socket.emit('skip', [chan, guid]);
}

function show(){
	if(!window.mobilecheck())
	{
		if(showToggle){
	    	showToggle=false;
	    	$("#toptitle").empty();
	        $("#chan").addClass("bigChan");
	        //$("#chan").html("zoff.no/"+encodeURI(chan));
	        $("#chan").html("zoff.no/"+chan);
	    }else{
	    	showToggle=true;
	    	$("#toptitle").html("Zöff");
	    	$("#chan").removeClass("bigChan");
	    	$("#chan").html(chan);
	   }
	   fitToScreen();
	}
}