89 lines
3.3 KiB
JavaScript
89 lines
3.3 KiB
JavaScript
App.order_queue_station = App.cable.subscriptions.create('OrderQueueStationChannel', {
|
|
// App.messages = App.cable.subscriptions.create('MessagesChannel', {
|
|
|
|
connected: function() {},
|
|
|
|
disconnected: function() {},
|
|
|
|
received: function(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"] == "[]" || 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 queue_station_box" data-date="'+items[field]["order_id"]+'">'
|
|
+'<strong class="hidden">'+items[field]["order_id"]+'</strong>'
|
|
+'<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);
|
|
}
|
|
}//end looping
|
|
|
|
var $divs = $("div.queue_station");
|
|
var SortListDivs = $divs.sort(function (a, b) {
|
|
first = $(a).attr('data-date');
|
|
next = $(b).attr('data-date');
|
|
console.log(parseInt(first.substring(4, 16)));
|
|
console.log(parseInt(next.substring(4, 16)));
|
|
return parseInt(next.substring(4, 16)) - parseInt(first.substring(4, 16));
|
|
console.log(parseInt(first.substring(4, 16)) > parseInt(next.substring(4, 16)));
|
|
});
|
|
console.log(SortListDivs);
|
|
$("#oqs_container").html(SortListDivs);
|
|
},
|
|
|
|
});
|
|
|