305 lines
11 KiB
JavaScript
305 lines
11 KiB
JavaScript
|
|
$(function() {
|
|
$("#discount").hide();
|
|
$(".expected_time").hide();
|
|
$(function() {
|
|
$('.first-1').click();
|
|
});
|
|
|
|
customTableClick();
|
|
|
|
$(".nav-item").on("click", function(){
|
|
type = $(this).attr("data-type");
|
|
refreshDetailData();
|
|
if (type == "pending") {
|
|
$(".first-1").click();
|
|
$('#accepted').text("ACCEPT");
|
|
$('#accepted').attr("data-value","accepted");
|
|
}else if(type == "processing"){
|
|
$(".second-1").click();
|
|
$('#accepted').text("SEND TO KITCHEN");
|
|
$('#accepted').attr("data-value","processed");
|
|
}else if(type == "delivery"){
|
|
$(".third-1").click();
|
|
$('#accepted').text("READY TO DELIVERY");
|
|
$('#accepted').attr("data-value","delivery");
|
|
}else if(type == "completed"){
|
|
$(".fourth-1").click();
|
|
$('#accepted').text("PICK-UP");
|
|
$('#accepted').attr("data-value","completed");
|
|
}
|
|
// console.log(type);
|
|
});
|
|
|
|
$("#accepted").on("click", function(){
|
|
if($(this).text().trim() == "ACCEPT"){
|
|
var requested_time = $("#requested_date_time").text();
|
|
$("#requested_order_time").text(requested_time);
|
|
showTimePicker(requested_time);
|
|
$("#waiting_timeModal").modal({show : true, backdrop: false, keyboard : false});
|
|
}else{
|
|
var status = $(this).attr("data-value");
|
|
var order_id = $('#order_id').text();
|
|
var callback = $('#callback_url').text();
|
|
var ref_no = $('#ref_no').text();
|
|
callback_url(callback,ref_no,order_id,status);
|
|
}
|
|
});
|
|
|
|
$("#cancel").on("click", function(){
|
|
var status = $(this).attr("data-value");
|
|
var order_id = $('#order_id').text();
|
|
var callback = $('#callback_url').text();
|
|
var ref_no = $('#ref_no').text();
|
|
callback_url(callback,ref_no,order_id,status);
|
|
});
|
|
|
|
$("#save").on("click",function(){
|
|
$("#waiting_timeErr").text("");
|
|
var status = $("#status").text();
|
|
var order_id = $('#order_id').text();
|
|
var ref_no = $('#ref_no').text();
|
|
var callback = $('#callback_url').text();
|
|
var requested_time = new Date($("#requested_date_time").text());
|
|
var date_time = requested_time.getFullYear()+'-'+(requested_time.getMonth() > 10? requested_time.getMonth() : '0'+ (requested_time.getMonth() + 1))+'-'+(requested_time.getDate()> 10? requested_time.getDate() : '0' + requested_time.getDate());
|
|
var waiting_time = new Date(date_time+' '+$("#waiting_time").val());
|
|
// requested_time.setHours(requested_time.getHours() - 1);
|
|
// console.log(requested_time);
|
|
if(waiting_time.getTime() < requested_time.getTime()){
|
|
var time_diff = (requested_time.getTime() - waiting_time.getTime());
|
|
var expected_time = (Math.floor(time_diff) / 1000) / 60;
|
|
}else{
|
|
var time_diff = (waiting_time.getTime() - requested_time.getTime());
|
|
var expected_time = (Math.floor(time_diff) / 1000) / 60;
|
|
// $("#waiting_time").val("");
|
|
// $("#waiting_timeErr").text("Expected waiting time is greater than requested time!");
|
|
}
|
|
callback_url(callback,ref_no,order_id,status,expected_time,waiting_time);
|
|
});
|
|
});
|
|
|
|
function customTableClick(){
|
|
$(".custom-table .custom-tr").on("click", function(){
|
|
$(".custom-tr").removeClass("tr-active");
|
|
$(this).addClass("tr-active");
|
|
var order_id = $(this).attr("data-id");
|
|
var sr_no = $(this).attr("data-sr-no");
|
|
var url = "order_reservation/get_order/"+order_id;
|
|
show_order_detail(url,sr_no);
|
|
});
|
|
}
|
|
|
|
function refreshDetailData(){
|
|
$('#requested_date_time').text("");
|
|
$("#sr_number").text("");
|
|
$("#delivery_info").text("");
|
|
$("#contact_info").text("");
|
|
$('.summary-items').html("");
|
|
$('#sub_total').text("0.00");
|
|
$('#delivery_fee').text("0.00");
|
|
$('#total_charges').text("0.00");
|
|
$('#discount_amount').text("0.00");
|
|
$('#total_tax').text("0.00");
|
|
$('#grand_total').text("0.00");
|
|
}
|
|
|
|
//show order list
|
|
function show_order_detail(url,sr_no){
|
|
$('.summary-items').html("");
|
|
//Start Ajax
|
|
$.ajax({
|
|
type: "GET",
|
|
url: url,
|
|
data: {},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
// console.log(data);
|
|
var delivery = data["delivery"];
|
|
var items = data["order_items"];
|
|
var item_list = $('.summary-items');
|
|
|
|
var newDate = new Date(data.requested_time);
|
|
var time = timeFormat(newDate);
|
|
var requested_date = newDate.getFullYear() + '-' + (newDate.getMonth() > 10? newDate.getMonth() : '0' + (newDate.getMonth() + 1)) +'-'+ (newDate.getDate() > 10? newDate.getDate() : '0' + newDate.getDate()) +' '+time;
|
|
|
|
if((data.expected_waiting_time!=undefined) && (data.expected_waiting_time!=null)){
|
|
var expDate = new Date(data.expected_waiting_time);
|
|
var exptime = timeFormat(expDate);
|
|
var expected_time = expDate.getFullYear() + '-' + (expDate.getMonth() > 10? expDate.getMonth() : '0' + (expDate.getMonth() + 1)) +'-'+ (expDate.getDate() > 10? expDate.getDate() : '0' + expDate.getDate()) +' '+exptime;
|
|
$('.expected_time').show();
|
|
$('#expected_time').text(expected_time? expected_time : '');
|
|
}else{
|
|
$('.expected_time').hide();
|
|
$('#expected_time').text('');
|
|
}
|
|
|
|
item_list.empty();
|
|
|
|
if(items!=undefined && items!=""){
|
|
if(items.length > 0){
|
|
for(var i in items) {
|
|
var item_price = 0;
|
|
if(items[i].price > 0){
|
|
item_price = items[i].price;
|
|
}else{
|
|
item_price = items[i].unit_price;
|
|
}
|
|
var total = items[i].qty * item_price;
|
|
row = '<tr>'
|
|
+'<td width ="70%" class="body-td align-left">'+items[i].item_name
|
|
+' <br><span class="font-13">'+items[i].qty+ '<span class="col-blue"> <b>X</b>'+items[i].unit_price+'</span></span>'
|
|
+'</td>'
|
|
+'<td width ="30%" class="body-td align-right">'+ total +'</td>'
|
|
+'</tr>';
|
|
$('.summary-items').append(row);
|
|
}
|
|
|
|
if(data.discount_amount > 0){
|
|
$("#discount").show();
|
|
}
|
|
|
|
$('#requested_date_time').text(requested_date);
|
|
$('#sub_total').text(data.total_amount);
|
|
$('#delivery_fee').text((parseFloat(delivery.delivery_fee) > 0)? delivery.delivery_fee : '0.0');
|
|
$('#total_charges').text((parseFloat(data.convenience_charge) > 0)? data.convenience_charge : '0.0');
|
|
$('#discount_amount').text((parseFloat(data.discount_amount) > 0)? data.discount_amount : '0.0');
|
|
$('#total_tax').text(data.total_tax);
|
|
$('#grand_total').text(data.grand_total);
|
|
|
|
var address = delivery.address;
|
|
if(delivery.township != null && delivery.township!=""){
|
|
address += ', ' +delivery.township;
|
|
}else if(delivery.direction_address!=null && delivery.direction_address!=""){
|
|
address += ", (" +delivery.direction_address+")";
|
|
}
|
|
$('#requested_time').text(requested_date);
|
|
$('#customer_name').text(data.customer_name);
|
|
$('#phone').text(data.phone);
|
|
$('#address').text(address);
|
|
$('#delivery_to').text(delivery.provider);
|
|
|
|
$('#ref_no').text(data.transaction_ref);
|
|
$('#callback_url').text(data.callback_url);
|
|
$('#order_id').text(data.order_reservation_id);
|
|
|
|
if(delivery.delivery_type == "service"){
|
|
$("#delivery_info").text("(DELIVERY)");
|
|
}else if(delivery.delivery_type == "pick_up"){
|
|
$("#delivery_info").text("(PICK-UP)");
|
|
}else{
|
|
$("#delivery_info").text("(DIRECT DELIVERY)");
|
|
}
|
|
|
|
if(data.order_remark!=null && data.order_remark!=""){
|
|
$("#order_remark").text(data.order_remark);
|
|
}else if(data.reservation_remark!=null && data.reservation_remark!=""){
|
|
$("#order_remark").text(data.reservation_remark);
|
|
}
|
|
$("#sr_number").text("NO."+sr_no);
|
|
if (data["receipt_no"]) {
|
|
$("#contact_info").text(data["receipt_no"]);
|
|
}else{
|
|
$("#contact_info").text(data["order_reservation_id"]);
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
});
|
|
//end Ajax
|
|
}
|
|
|
|
function showTimePicker(requested_time){
|
|
// var date = new Date(requested_time);
|
|
// var time = timeFormat(date);
|
|
// console.log(time);
|
|
$('.timepicker').bootstrapMaterialDatePicker({
|
|
format: 'HH:mm',
|
|
useSeconds: false,
|
|
clearButton: true,
|
|
date: false
|
|
});
|
|
}
|
|
|
|
function callback_url(callback,ref_no,order_id,status,time,exptime){
|
|
var url = 'order_reservation/update';
|
|
var post_url = "order_reservation/send_status";
|
|
var waiting_time = "";
|
|
if(time!=undefined && time!=""){
|
|
waiting_time = time;
|
|
}
|
|
var expected_time = "";
|
|
if(exptime!=undefined && exptime!=""){
|
|
expected_time = exptime;
|
|
}
|
|
$.ajax({
|
|
type: "POST",
|
|
url: post_url,
|
|
data: {url: callback, ref_no: ref_no, status: status, waiting_time: waiting_time},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if(data.status){
|
|
$.ajax({
|
|
type: "POST",
|
|
url: url,
|
|
data: {'order_id': order_id, 'status': status, 'expected_time' : expected_time},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.status) {
|
|
swal({
|
|
title: 'Information',
|
|
text: "Order has been "+data.message,
|
|
type: 'success',
|
|
html: true,
|
|
closeOnConfirm: false,
|
|
closeOnCancel: false,
|
|
allowOutsideClick: false
|
|
}, function () {
|
|
window.location.href = '/origami/order_reservation';
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
swal({
|
|
title: 'Oops',
|
|
text: data.message,
|
|
type: 'error',
|
|
html: true,
|
|
closeOnConfirm: false,
|
|
closeOnCancel: false,
|
|
allowOutsideClick: false
|
|
}, function () {
|
|
window.location.href = '/origami/order_reservation';
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function timeFormat(date){
|
|
var isPM = date.getHours() >= 12;
|
|
var isMidday = date.getHours() == 12;
|
|
var time = [date.getHours() - (isPM && !isMidday ? 12 : 0),
|
|
date.getMinutes() || '00'].join(':') +
|
|
(isPM ? ' PM' : 'AM');
|
|
return time;
|
|
}
|
|
|
|
function showNewOrder(order_reservation){
|
|
// console.log(order_reservation);
|
|
if((order_reservation!=undefined) && (order_reservation!=null) && (order_reservation!="")){
|
|
var date = new Date(order_reservation.requested_time);
|
|
var time = timeFormat(date);
|
|
var requested_date = date.getFullYear() + '-' + (date.getMonth() > 10? date.getMonth() : '0' + (date.getMonth() + 1)) +'-'+ (date.getDate() > 10? date.getDate() : '0' + date.getDate()) +' '+time;
|
|
swal({
|
|
html: true,
|
|
title: 'Information',
|
|
text: "You have new order <b>" + order_reservation.order_reservation_id + "</b> at <b>"+requested_date+"</b>",
|
|
type: 'success',
|
|
closeOnConfirm: false,
|
|
closeOnCancel: false,
|
|
allowOutsideClick: false
|
|
});
|
|
}
|
|
} |