update oqs action cable for order cahnnel and oqs channel

app/assets/javascripts/OQS.js

@@ -29,11 +29,13 @@ $(document).ready(function(){
     });
 
     $(".oqs_click").on("click", function(){
-       $("#completed").addClass('hide')
-       $(".oqs_append").removeClass('hide')
-       
+       $(".oqs_click").removeClass('oqs_active');
+       $("#completed").addClass('hide');
+       $(".oqs_append").removeClass('hide');
+       $(this).addClass('oqs_active');
        var oqs_id = $(this).find(".oqs-id").text();
        var url    = 'oqs/get_items/'+oqs_id;
+      
        show_details(url); 
 
     }); //End Click

app/assets/javascripts/channels/order.js

@@ -0,0 +1,16 @@
+App.order = App.cable.subscriptions.create('OrderChannel', {
+//	App.messages = App.cable.subscriptions.create('MessagesChannel', {  
+
+  connected: function() {},
+
+  disconnected: function() {},
+
+  received: function(data) {                 
+
+     $('.table_'+data.table.id).removeClass('green');
+     $('.table_'+data.table.id).addClass('blue');
+
+ },
+
+});
+

app/assets/javascripts/channels/order_queue_station.js

@@ -6,24 +6,70 @@ App.order_queue_station = App.cable.subscriptions.create('OrderQueueStationChann
   disconnected: function() {},
 
   received: function(data) {                 
-     console.log(data);
-     alert(data);
-     console.log("hiiiiiiiiiiii");
-     $('#test').append(data);
-  },
+  	// console.log(data.order);
+  	var oqs_id = $('.oqs_active').attr('data-id');
+  	items = data.order;
+  	for(var field in items) {
+  		var price = parseFloat(items[field].price).toFixed(2);
+  		if (items[field]["options"] == "[]") {
+  			var options = "";
+  		}else{
+  			var options = items.options;
+  		}
+  		//for count
+  		test = document.getElementsByClassName("oqs_count");
+
+        for (var i = 0; i < test.length; i++) {
+        	oqs_count_id = $(".oqs_count"+i).attr("data-id");
+        	oqs_count = $(".oqs_count"+i).text();
+       	    if ( oqs_count_id ==  items[field]["order_queue_station_id"]) {
+       	    	oqs_count_total = +oqs_count +1 ;
+       	    	$(".oqs_count"+i).text(oqs_count_total)
+       	    }
+        }
+        //end count
+
+  		var date = new Date(items[field]["created_at"]); 
+  		var show_date = date.getDate() + "-" + date.getMonth() + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();
+
+  		if (oqs_id == items[field]["order_queue_station_id"]) {
+  			row ='<div class="card queue_station">'
+		  		+'<div class="card-block">'
+		  		+'<h4 class="card-title">'
+		  		+'<span class="order-zone-type">'+items[field]["table_type"]+'- </span>'
+		  		+'<span class="order-zone">'+ items[field]["zone"] +'</span>'
+		  		+'<small class="pull-right">'+ items[field]["order_id"] +'- </small>'
+		  		+'</h4>'
+
+		  		+'<h4>'
+		  		+'<span class="order-item">'+ items[field]["item_name"] +'- </span>'
+		  		+'<span class="order-qty">'+ items[field]["qty"] +'- </span>'
+		  		+'</h4>'
+
+		  		+'<p class="card-text item-options">'+ options +'</p>'
+
+		  		+'<p class="card-text">'
+		  		+'<small class="text-muted">Order at'
+		  		+'<span class="order-at">'+ show_date +'</span> - '
+
+		  		+'<span class="order-by">'+ items[field]["item_order_by"] +'</span> '
+		  		+'</small> '
+		  		+'</p>'
+
+		  		+'<p class="hidden order-customer">'+ items[field]["customer_name"] +'</p> '
+		  		+'<p class="hidden assigned-order-item">'+ items[field]["assigned_order_item_id"] +'</p> '
+		  		+'</div>'
+
+		  		+'<div class="card-footer">'
+		  		+'<button id="edit_'+ items[field]["assigned_order_item_id"]+'" class="btn btn-warning order-item order-item-edit">EDIT</button>'
+		  		+' <button id="assigned_queue_' + items[field]["assigned_order_item_id"] +'" class="btn btn-primary order-item order-complete">COMPLETE</button>'
+		  		+'</div>'
+			+'</div>'; 
+  		$('.oqs_append').append(row);
+  		}
+  	}
+     // $("[data-behaviour='message']").html(data.order);
+ },
 
-  order: function(message) {    
-    return this.perform('order', {
-      message: message
-    });
-  }
 });
 
-$(function(){
-	$("#submit_order").on('click', function(event) {     
-		  var orderData=$("#new_order").serializeObject();      		    
-	    App.order_station.order(orderData);      
-	    //orderData='';
-	    return event.preventDefault();  
-	});
-});