Added more controllers

php/controller.php

@@ -71,6 +71,11 @@
                         </datalist>
                 </div>
             </form>
+            <div id="remote-controls" style="display:none;">
+              <i id="remote_play" class="mdi-av-play-arrow"></i>
+              <i id="remote_pause" class="mdi-av-pause"></i>
+              <i id="remote_skip" class="mdi-av-skip-next"></i>
+            </div>
             <div id="volume-controll" style="display:none;"></div>
         </div>
 

server/server.js

@@ -116,7 +116,8 @@ io.on('connection', function(socket){
 
   socket.on('id', function(arr)
   {
-    io.sockets.emit(arr[0], [arr[1], arr[2]]);
+    if(arr.length == 3)
+      io.sockets.emit(arr[0], [arr[1], arr[2]]);
   });
 
   socket.on('list', function(list)

static/css/style.css

@@ -754,6 +754,14 @@ ul #chat-log{
     }
 }
 
+#remote-controls {
+	font-size:50px !important;
+}
+
+#remote-controls i {
+	cursor:pointer;
+}
+
 #volume-controll {
     cursor:pointer;
   float:left;

static/js/admin.js

@@ -84,22 +84,29 @@ function pass_save()
 function log_out(){
 	if(localStorage[chan.toLowerCase()]){
 		localStorage.removeItem(chan.toLowerCase());
-		w_p = true;
+		display_logged_out();
-		names=["vote","addsongs","longsongs","frontpage", "allvideos", "removeplay", "skip", "shuffle"];
-		for (var i = 0; i < names.length; i++) {
-				$("input[name="+names[i]+"]").attr("disabled", true);
-		}
-		$("#admin-lock").addClass("mdi-action-lock");
-		$("#admin-lock").removeClass("mdi-action-lock-open clickable");
-		$(".card-action").addClass("hide");
-		adminpass = "";
-		document.getElementById("password").value = "";
 		Materialize.toast("Logged out", 4000);
 	}else{
 		Materialize.toast("Not logged in", 4000);
 	}
 }
 
+function display_logged_out()
+{
+	w_p = true;
+	names=["vote","addsongs","longsongs","frontpage", "allvideos", "removeplay", "skip", "shuffle"];
+	for (var i = 0; i < names.length; i++) {
+			$("input[name="+names[i]+"]").attr("disabled", true);
+	}
+	if(!contains($("#admin-lock").attr("class").split(" "), "mdi-action-lock"))
+		$("#admin-lock").addClass("mdi-action-lock");
+	$("#admin-lock").removeClass("mdi-action-lock-open clickable");
+	if($(".card-action").length != 0 && !contains($(".card-action").attr("class").split(" "), "hide"))
+		$(".card-action").addClass("hide");
+	adminpass = "";
+	document.getElementById("password").value = "";
+}
+
 //function used in html onlick
 function save(){
 	submitAdmin(document.getElementById("adminForm").elements);

static/js/controller.js

@@ -28,11 +28,17 @@ socket.on("id", function(id)
 
           setup_youtube_listener(chan);
           setup_chat_listener(chan);
+          display_logged_out();
 
           socket.emit("list", chan.toLowerCase()+",unused");
 
           window.history.pushState("object or string", "Title", "/"+chan.toLowerCase());
-        }
+        }else if(arr[0] == "pause")
+          ytplayer.pauseVideo()
+        else if(arr[0] == "play")
+          ytplayer.playVideo();
+        else if(arr[0] == "skip")
+          skip();
     });
   }
   began = true;

static/js/mobilecontroller.js

@@ -7,6 +7,21 @@ $(document).ready(function (){
     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)
@@ -14,7 +29,10 @@ function controll()
     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")