86 lines
3.3 KiB
JavaScript
Executable File
86 lines
3.3 KiB
JavaScript
Executable File
App.order_queue_station = App.cable.subscriptions.create('OrderQueueStationChannel', {
|
|
// App.messages = App.cable.subscriptions.create('MessagesChannel', {
|
|
|
|
connected: function() {},
|
|
|
|
disconnected: function() {},
|
|
|
|
received: function(data) {
|
|
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[field]["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()+1) + "-" + date.getFullYear() + ' ' + date.getHours()+ ':' + date.getMinutes();
|
|
|
|
if (oqs_id == items[field]["order_queue_station_id"]) {
|
|
|
|
row ='<div class="card queue_station animated shake queue_station_box" data-order-no="'+items[field]["order_id"]+'">'
|
|
+'<strong class="hidden">'+items[field]["order_id"]+'</strong>'
|
|
+'<div class="card-block">'
|
|
|
|
|
|
+'<div class="row">'
|
|
+'<span class="col-md-4 order-zone-type font-13">'+items[field]["table_type"]+'-'+ items[field]["zone"] +'</span>'
|
|
+'<span class="order-zone hidden font-14">'+ items[field]["zone"] +'</span>'
|
|
+'<span class="col-md-8"><small class="float-right font-13">'+items[field]["order_id"]+'</small></span>'
|
|
+'</div>'
|
|
+'<p class="m-b--10">'
|
|
+'<span class="order-item font-15">'+ items[field]["item_name"] +'- </span>'
|
|
+'<span class="order-qty"> [x'+ items[field]["qty"] +'] </span>'
|
|
+'</p>'
|
|
|
|
+'<br/><p class="card-text item-options">'+ options +'</p>'
|
|
|
|
+'<span class="card-text">'
|
|
+'<span class="text-muted">Order at - '
|
|
+'<span class="order-at">'+ show_date +'</span> <br>'
|
|
|
|
+'Order By - <span class="order-by">'+ items[field]["item_order_by"] +'</span> '
|
|
+'</span> '
|
|
+'</span>'
|
|
|
|
+'<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-order-no');
|
|
next = $(b).attr('data-order-no');
|
|
|
|
return parseInt(next.substring(4, 16)) - parseInt(first.substring(4, 16));
|
|
});
|
|
$("#oqs_container").html(SortListDivs);
|
|
},
|
|
});
|
|
|