chagne notification modal
This commit is contained in:
@@ -18,23 +18,29 @@ App.check_new_order = App.cable.subscriptions.create('CheckNewOrderChannel', {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// alert(order_lists);
|
// alert(order_lists);
|
||||||
swal({
|
// swal({
|
||||||
title: 'Information',
|
// title: 'Information',
|
||||||
target: document.getElementById("notify_new_order"),
|
// target: document.getElementById("notify_new_order"),
|
||||||
text: "You have new orders <br/>"+
|
// text: "You have new orders <br/>"+
|
||||||
"Are you accept or reject for these orders <b>"+order_lists+"</b>?",
|
// "Are you accept or reject for these orders <b>"+order_lists+"</b>?",
|
||||||
type: 'success',
|
// type: 'success',
|
||||||
html: true,
|
// html: true,
|
||||||
closeOnConfirm: false,
|
// closeOnConfirm: false,
|
||||||
closeOnCancel: false,
|
// closeOnCancel: false,
|
||||||
allowOutsideClick: false
|
// allowOutsideClick: false
|
||||||
}, function (isConfirm) {
|
// }, function (isConfirm) {
|
||||||
if(isConfirm){
|
// if(isConfirm){
|
||||||
swal.close();
|
// swal.close();
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
// $("#notify_new_order_lists").text(order_lists);
|
$("#notify_new_order_lists").text(order_lists);
|
||||||
// $("#notify_new_order").modal({show: true, keyboard: false, backdrop: false});
|
$("#notify_new_order").on('shown.bs.modal', function(e){
|
||||||
|
$("#notify_new_order").focus();
|
||||||
|
$("#notify_order_send_to_kitchen").modal('hide');
|
||||||
|
$("#notify_order_ready_to_delivery").modal('hide');
|
||||||
|
}).on('hide.bs.modal', function (e) {
|
||||||
|
$("#notify_new_order").modal("hide");
|
||||||
|
}).modal({show: true, keyboard: false, backdrop: false});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -18,23 +18,29 @@ App.check_order_ready_to_delivery = App.cable.subscriptions.create('CheckOrderRe
|
|||||||
});
|
});
|
||||||
|
|
||||||
// alert(order_lists);
|
// alert(order_lists);
|
||||||
swal({
|
// swal({
|
||||||
title: 'Information',
|
// title: 'Information',
|
||||||
target: document.getElementById("notify_order_ready_to_delivery"),
|
// target: document.getElementById("notify_order_ready_to_delivery"),
|
||||||
text: "You have orders that are ready to deliver <br/>"+
|
// text: "You have orders that are ready to deliver <br/>"+
|
||||||
"Could you ready these orders <b>"+order_lists+"</b> to deliver?",
|
// "Could you ready these orders <b>"+order_lists+"</b> to deliver?",
|
||||||
type: 'success',
|
// type: 'success',
|
||||||
html: true,
|
// html: true,
|
||||||
closeOnConfirm: false,
|
// closeOnConfirm: false,
|
||||||
closeOnCancel: false,
|
// closeOnCancel: false,
|
||||||
allowOutsideClick: false
|
// allowOutsideClick: false
|
||||||
}, function (isConfirm) {
|
// }, function (isConfirm) {
|
||||||
if(isConfirm){
|
// if(isConfirm){
|
||||||
swal.close();
|
// swal.close();
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
// $("#notify_order_ready_to_delivery_lists").text(order_lists);
|
$("#notify_order_ready_to_delivery_lists").text(order_lists);
|
||||||
// $("#notify_order_ready_to_delivery").modal({show: true, keyboard: false, backdrop: false});
|
$("#notify_order_ready_to_delivery").on('shown.bs.modal', function(e){
|
||||||
|
$("#notify_order_ready_to_delivery").focus();
|
||||||
|
$("#notify_new_order").modal('hide');
|
||||||
|
$("#notify_order_send_to_kitchen").modal('hide');
|
||||||
|
}).on('hide.bs.modal', function (e) {
|
||||||
|
$("#notify_order_ready_to_delivery").modal("hide");
|
||||||
|
}).modal({show: true, keyboard: false, backdrop: false});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -18,23 +18,29 @@ App.check_order_send_to_kitchen = App.cable.subscriptions.create('CheckOrderSend
|
|||||||
});
|
});
|
||||||
|
|
||||||
// alert(order_lists);
|
// alert(order_lists);
|
||||||
swal({
|
// swal({
|
||||||
title: 'Information',
|
// title: 'Information',
|
||||||
target: document.getElementById("notify_order_send_to_kitchen"),
|
// target: document.getElementById("notify_order_send_to_kitchen"),
|
||||||
text: "You have to send order to kitchen <br/>"+
|
// text: "You have to send order to kitchen <br/>"+
|
||||||
"Could you send these orders <b>"+order_lists+"</b> to kitchen?",
|
// "Could you send these orders <b>"+order_lists+"</b> to kitchen?",
|
||||||
type: 'success',
|
// type: 'success',
|
||||||
html: true,
|
// html: true,
|
||||||
closeOnConfirm: false,
|
// closeOnConfirm: false,
|
||||||
closeOnCancel: false,
|
// closeOnCancel: false,
|
||||||
allowOutsideClick: false
|
// allowOutsideClick: false
|
||||||
}, function (isConfirm) {
|
// }, function (isConfirm) {
|
||||||
if(isConfirm){
|
// if(isConfirm){
|
||||||
swal.close();
|
// swal.close();
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
// $("#notify_order_send_to_kitchen_lists").text(order_lists);
|
$("#notify_order_send_to_kitchen_lists").text(order_lists);
|
||||||
// $("#notify_order_send_to_kitchen").modal({show: true, keyboard: false, backdrop: false});
|
$("#notify_order_send_to_kitchen").on('shown.bs.modal', function(e){
|
||||||
|
$("#notify_order_send_to_kitchen").focus();
|
||||||
|
$("#notify_new_order").modal('hide');
|
||||||
|
$("#notify_order_ready_to_delivery").modal('hide');
|
||||||
|
}).on('hide.bs.modal', function (e) {
|
||||||
|
$("#notify_order_send_to_kitchen").modal("hide");
|
||||||
|
}).modal({show: true, keyboard: false, backdrop: false});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -45,7 +45,7 @@ $(function() {
|
|||||||
$("#accepted").on("click", function(){
|
$("#accepted").on("click", function(){
|
||||||
if($(this).text().trim() == "ACCEPT"){
|
if($(this).text().trim() == "ACCEPT"){
|
||||||
$("#status").text($(this).attr("data-value"));
|
$("#status").text($(this).attr("data-value"));
|
||||||
var requested_time = $("#requested_date_time").text();
|
var requested_time = $("#requested_time").text();
|
||||||
$("#requested_order_time").text(requested_time);
|
$("#requested_order_time").text(requested_time);
|
||||||
$("#waiting_timeModal").modal({show : true, backdrop: false, keyboard : false});
|
$("#waiting_timeModal").modal({show : true, backdrop: false, keyboard : false});
|
||||||
}else{
|
}else{
|
||||||
|
|||||||
@@ -31,33 +31,33 @@
|
|||||||
<div class="row m-t--10">
|
<div class="row m-t--10">
|
||||||
<div class="col-lg-5 col-md-5 col-sm-5 div_order_margin">
|
<div class="col-lg-5 col-md-5 col-sm-5 div_order_margin">
|
||||||
<ul class="nav nav-tabs tab-col-teal" role="tablist">
|
<ul class="nav nav-tabs tab-col-teal" role="tablist">
|
||||||
<li class="nav-item red m-b-10" data-color="#F44336" data-type="pending">
|
<li class="nav-item red m-b-5" data-color="#F44336" data-type="pending">
|
||||||
<a class="nav-link" data-toggle="tab" href="#pending" role="tab">
|
<a class="nav-link" data-toggle="tab" href="#pending" role="tab">
|
||||||
<p class="num p-t-10">
|
<p class="num p-t-5">
|
||||||
<%= pending_count %>
|
<%= pending_count %>
|
||||||
</p> <%= t :pending %></a>
|
</p> <%= t :pending %></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item purple m-b-10" data-color="#673AB7" data-type="processing">
|
<li class="nav-item purple m-b-5" data-color="#673AB7" data-type="processing">
|
||||||
<a class="nav-link" data-toggle="tab" href="#processing" role="tab">
|
<a class="nav-link" data-toggle="tab" href="#processing" role="tab">
|
||||||
<p class="num p-t-10">
|
<p class="num p-t-5">
|
||||||
<%= accepted_count %>
|
<%= accepted_count %>
|
||||||
</p> <%= t :processing %></a>
|
</p> <%= t :processing %></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item m-b-10" data-color="#009688" data-type="delivery" style="background-color: #009688;">
|
<li class="nav-item m-b-5" data-color="#009688" data-type="delivery" style="background-color: #009688;">
|
||||||
<a class="nav-link" data-toggle="tab" href="#delivery" role="tab">
|
<a class="nav-link" data-toggle="tab" href="#delivery" role="tab">
|
||||||
<p class="num p-t-10">
|
<p class="num p-t-5">
|
||||||
<%= delivered_count %>
|
<%= delivered_count %>
|
||||||
</p> <%= t :delivering %></a>
|
</p> <%= t :delivering %></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item m-b-10" data-color="#03A9F4" data-type="completed" style="background-color: #03A9F4;">
|
<li class="nav-item m-b-5" data-color="#03A9F4" data-type="completed" style="background-color: #03A9F4;">
|
||||||
<a class="nav-link" data-toggle="tab" href="#completed" role="tab">
|
<a class="nav-link" data-toggle="tab" href="#completed" role="tab">
|
||||||
<p class="num p-t-10">
|
<p class="num p-t-5">
|
||||||
<%= completed_count %>
|
<%= completed_count %>
|
||||||
</p> <%= t :completed %></a>
|
</p> <%= t :completed %></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item m-b-10" data-color="#5bc0de" data-type="processed" style="background-color: #5bc0de;">
|
<li class="nav-item m-b-5" data-color="#5bc0de" data-type="processed" style="background-color: #5bc0de;">
|
||||||
<a class="nav-link" data-toggle="tab" href="#processed" role="tab">
|
<a class="nav-link" data-toggle="tab" href="#processed" role="tab">
|
||||||
<p class="num p-t-10">
|
<p class="num p-t-5">
|
||||||
<%= processed_count %>
|
<%= processed_count %>
|
||||||
</p> <%= t :processed %></a>
|
</p> <%= t :processed %></a>
|
||||||
</li>
|
</li>
|
||||||
@@ -279,7 +279,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-4 div_card_order">
|
<div class="col-lg-4 col-md-4 col-sm-4 div_card_order">
|
||||||
<div class="card">
|
<div class="card m-b-5 p-t-5">
|
||||||
<div class="card-header custom-card-header" style="color:">
|
<div class="card-header custom-card-header" style="color:">
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tr>
|
<tr>
|
||||||
@@ -384,8 +384,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="'col-lg-3 col-md-3 col-sm-3'" style="margin:0px -5px 0px -2px !important ">
|
<div class="col-lg-3 col-md-3 col-sm-3">
|
||||||
<div class="card" style="background-color: #E8EAF6">
|
<div class="card m-b-5 p-t-5" style="background-color: #E8EAF6">
|
||||||
<div class="card-header custom-card-header" style="background-color: #E8EAF6">
|
<div class="card-header custom-card-header" style="background-color: #E8EAF6">
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tr>
|
<tr>
|
||||||
@@ -452,9 +452,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="notify_new_order"></div>
|
<!-- <div id="notify_new_order"></div>
|
||||||
<div id="notify_order_send_to_kitchen"></div>
|
<div id="notify_order_send_to_kitchen"></div>
|
||||||
<div id="notify_order_ready_to_delivery"></div>
|
<div id="notify_order_ready_to_delivery"></div> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p id="ref_no" class="hidden"></p>
|
<p id="ref_no" class="hidden"></p>
|
||||||
@@ -571,11 +571,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div class="modal fade " id="notify_new_order" tabindex="-1" role="dialog">
|
<div class="modal fade text-center" id="notify_new_order" tabindex="-1" role="dialog">
|
||||||
<div class="modal-dialog modal-md" role="document">
|
<div class="modal-dialog modal-md" role="document">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="modal-title text-center" id="notify_new_orderLabel">You have new orders</h4>
|
<h4 class="modal-title text-center" id="notify_new_orderLabel">You have new orders</h4><hr>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body notify_new_orderBody">
|
<div class="modal-body notify_new_orderBody">
|
||||||
<div class="form-group text-center">
|
<div class="form-group text-center">
|
||||||
@@ -593,11 +593,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal fade " id="notify_order_send_to_kitchen" tabindex="-1" role="dialog">
|
<div class="modal fade text-center" id="notify_order_send_to_kitchen" tabindex="-1" role="dialog">
|
||||||
<div class="modal-dialog modal-md" role="document">
|
<div class="modal-dialog modal-md" role="document">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="modal-title" id="notify_order_send_to_kitchenLabel">You have to send order to kitchen</h4>
|
<h4 class="modal-title text-center" id="notify_order_send_to_kitchenLabel">You have to send order to kitchen</h4><hr>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body notify_order_send_to_kitchenBody">
|
<div class="modal-body notify_order_send_to_kitchenBody">
|
||||||
<div class="form-group text-center">
|
<div class="form-group text-center">
|
||||||
@@ -615,11 +615,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal fade " id="notify_order_ready_to_delivery" tabindex="-1" role="dialog">
|
<div class="modal fade text-center" id="notify_order_ready_to_delivery" tabindex="-1" role="dialog">
|
||||||
<div class="modal-dialog modal-md" role="document">
|
<div class="modal-dialog modal-md" role="document">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="modal-title" id="notify_order_ready_to_deliveryLabel">You have orders that are ready to deliver</h4>
|
<h4 class="modal-title text-center" id="notify_order_ready_to_deliveryLabel">You have orders that are ready to deliver</h4><hr>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body notify_order_ready_to_deliveryBody">
|
<div class="modal-body notify_order_ready_to_deliveryBody">
|
||||||
<div class="form-group text-center">
|
<div class="form-group text-center">
|
||||||
@@ -635,5 +635,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user