update oqs action cable for order cahnnel and oqs channel

app/assets/javascripts/OQS.js

@@ -19,12 +19,7 @@
 
 $(document).ready(function(){
 	
-	// auto refresh every 10 seconds
-	// setTimeout(function(){
-	//    window.location.reload(1);
-	// }, 10000);
-	// $oqs_count = document.getElementById("oqsBox").style.order =1;
-	// $("#oqsBox").css("order", 1);
+
 
 	$(".nav-completed").on("click", function(){
        $("#completed").removeClass('hide')
@@ -33,14 +28,18 @@ $(document).ready(function(){
 
     $(".oqs_click").on("click", function(){
        $(".oqs_click").removeClass('oqs_active');
+       $(".queue_station").removeClass('queue_station_box');
        $("#completed").addClass('hide');
        $(".oqs_append").removeClass('hide');
        $(this).addClass('oqs_active');
+       $(".queue_station").addClass('queue_station_box');
        var oqs_id = $(this).find(".oqs-id").text();
        var url    = 'oqs/get_items/'+oqs_id;
       
        show_details(url); 
 
+       
+
     }); //End Click
  
 	function show_details(url){  
@@ -66,7 +65,7 @@ $(document).ready(function(){
 	          var date = new Date(data[field]["created_at"]); 
           var show_date = date.getDate() + "-" + date.getMonth() + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();
 	           
-	          row ='<div class="card queue_station">'
+	          row ='<div class="card queue_station" data-order="'+date+'">'
 	                  +'<div class="card-block">'
 	                      +'<h4 class="card-title">'
 	                        +'<span class="order-zone-type">'+data[field]["table_type"]+'- </span>'