Awesome qr shit and fucks

static/css/style.css

@@ -762,36 +762,11 @@ ul #chat-log{
 	cursor:pointer;
 }
 
-/*#volume-controll {
-    cursor:pointer;
-  float:left;
-    position: relative;
-    left: 10px;
-    margin: 13px auto;
-    height:5px;
-    width: 97%;
-    background-color:rgba(0, 0, 0, 0.5);
-    border: none;
-    outline: none;
-    border-radius: 2px;
+#code-text{
+  color:#000;
+}
+#code-link{
+  height: auto;
+  text-align: center;
 }
 
-#volume-controll .ui-slider-range-min {
-    height:5px;
-    width: 75px;
-    position: absolute;
-    background-color:rgba(55, 255, 0, 1);
-    border: none;
-    outline: none;
-    border-radius: 2px;
-}
-
-#volume-controll .ui-slider-handle {
-    height:15px;
-    width:5px;
-    background-color:black;
-    position: absolute;
-    cursor: pointer;
-    outline: none;
-    border: none;
-}*/

static/js/hostcontroller.js

@@ -3,7 +3,11 @@ var id
 
 socket.on("id", function(id)
 {
-  console.log(id);
+  console.log("Unique remote control ID: " + id);
+  var codeURL = "http://"+window.location.hostname+"/remote/"+id;
+  $("#code-text").text(id.toUpperCase())
+  $("#code-qr").attr("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL);
+  $("#code-link").attr("href", codeURL);
   if(!began)
   {
     socket.on(id, function(arr)

static/js/remotecontroller.js

@@ -3,8 +3,11 @@ var id;
 //var socket;
 
 $(document).ready(function (){
-    //setTimeout(function(){$("#code-input").focus();},500);
-    //socket = io.connect('http://'+window.location.hostname+':3000');
+    setTimeout(function(){$("#code-input").focus();},500);
+    socket = io.connect('http://'+window.location.hostname+':3000');
+    id = window.location.pathname.split("/")[2];
+    if(id)
+      control();
 });
 
 document.getElementById("remote_play").addEventListener("click", function()
@@ -31,13 +34,13 @@ function control()
 {
   if(start)
   {
-    id = $("#code-input").val().toLowerCase();
+    if(!id)id = $("#code-input").val().toLowerCase();
     $("#code-input").val("");
     start = false;
 
     $("#volume-control").css("display", "block");
     $("#remote-controls").css("display", "block");
-
+    $("#remote-text").text("Controlling "+ id.toUpperCase())
     $("#code-input").attr("length", "18");
     $("#code-input").attr("maxlength", "18");
     $("#forsearch").html("Type new channel name to change to");