Control stuff in sidebar

This commit is contained in:
Nicolas A. Tonne
2015-06-04 16:26:37 +02:00
parent 011e906c47
commit 6f3b8e4184
6 changed files with 90 additions and 69 deletions

View File

@@ -1,60 +0,0 @@
var start = true;
var id;
var socket;
$(document).ready(function (){
setTimeout(function(){$("#search").focus();},500);
socket = io.connect('http://'+window.location.hostname+':3000');
});
document.getElementById("remote_play").addEventListener("click", function()
{
socket.emit("id", [id, "play", "mock"]);
});
document.getElementById("remote_pause").addEventListener("click", function()
{
socket.emit("id", [id, "pause", "mock"]);
});
document.getElementById("remote_skip").addEventListener("click", function()
{
socket.emit("id", [id, "skip", "mock"]);
});
function controll()
{
if(start)
{
id = $("#search").val().toLowerCase();
$("#search").val("");
start = false;
$("#volume-controll").css("display", "block");
$("#remote-controls").css("display", "block");
$("#search").attr("length", "18");
$("#search").attr("maxlength", "18");
$("#forsearch").html("Type new channel name to change to")
$("#volume-controll").slider({
min: 0,
max: 100,
value: 100,
range: "min",
animate: true,
/*slide: function(event, ui) {
console.log(ui.value);
//localStorage.setItem("volume", ui.value);
},*/
stop:function(event, ui) {
socket.emit("id", [id, "volume", ui.value]);
//console.log(ui.value);
}
});
}else
{
socket.emit("id", [id, "channel", $("#search").val().toLowerCase()]);
$("#search").val("");
}
}

View File

@@ -0,0 +1,50 @@
var start = true;
var id;
//var socket;
$(document).ready(function (){
//setTimeout(function(){$("#code-input").focus();},500);
//socket = io.connect('http://'+window.location.hostname+':3000');
});
document.getElementById("remote_play").addEventListener("click", function()
{
socket.emit("id", [id, "play", "mock"]);
});
document.getElementById("remote_pause").addEventListener("click", function()
{
socket.emit("id", [id, "pause", "mock"]);
});
document.getElementById("remote_skip").addEventListener("click", function()
{
socket.emit("id", [id, "skip", "mock"]);
});
document.getElementById("volume-control").addEventListener("click", function()
{
socket.emit("id", [id, "volume", $("#volume-control").val()]);
});
function control()
{
if(start)
{
id = $("#code-input").val().toLowerCase();
$("#code-input").val("");
start = false;
$("#volume-control").css("display", "block");
$("#remote-controls").css("display", "block");
$("#code-input").attr("length", "18");
$("#code-input").attr("maxlength", "18");
$("#forsearch").html("Type new channel name to change to");
}else
{
socket.emit("id", [id, "channel", $("#code-input").val().toLowerCase()]);
$("#code-input").val("");
}
}