234 lines
7.1 KiB
Plaintext
Executable File
234 lines
7.1 KiB
Plaintext
Executable File
<div class="container-fluid">
|
|
<div id="loading_wrapper" style="display:none;">
|
|
<div id="loading"></div>
|
|
</div>
|
|
<div class="row">
|
|
<!-- Column One -->
|
|
<div class="col-lg-8 col-md-8 col-sm-8">
|
|
<!-- Order Details -->
|
|
<div class="card" >
|
|
<!-- <div class="card-header">
|
|
<div><strong id="order-title">ORDER DETAILS</strong></div>
|
|
</div> -->
|
|
<div class="card-block">
|
|
<div class="card-title row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<span class="hidden" id ="table_id" value="<%=@table.id%>"><%=@table.id%></span>
|
|
<span class="hidden" id="table_type" value="<%=@table.type%>"><%=@table.type%></span>
|
|
<p class="m-l-10">Order No: <span id="order_no"><%=@order.order_id rescue ' '%></span></p>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
|
<p class="m-r-10">Date: <span id="order_date"> <%=@order.created_at.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></span></p>
|
|
</div>
|
|
</div>
|
|
<div id="order-detail-slimscroll" data-height="160">
|
|
<div class="card-text dining">
|
|
<table class="table table-default" id="order-items-table">
|
|
<thead>
|
|
<tr>
|
|
<th class="item-name">Items</th>
|
|
<th class="item-attr">QTY</th>
|
|
<th class="item-attr">Price</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% sub_total = 0 %>
|
|
<% @order_items.each do |order_item| %>
|
|
<%
|
|
sub_total += order_item.qty*order_item.price
|
|
%>
|
|
<tr class="item-row" id=<%= order_item.order_items_id %> >
|
|
<td style="width:60%; text-align:left">
|
|
<span id="item-account-type" class="hidden"><%=order_item.account_id%></span>
|
|
<span id="item-name-price"><%=order_item.item_name%></span>
|
|
</td>
|
|
<td style="width:20%; text-align:right">
|
|
<span id="item-qty"><%=order_item.qty%></span>
|
|
</td>
|
|
<td style="width:20%; text-align:right">
|
|
<span id="item-total-price"><%=(order_item.qty*order_item.price)%></span>
|
|
</td>
|
|
</tr>
|
|
<%
|
|
end
|
|
%>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<table class="table" id="order-charges-table" border="0">
|
|
<tr>
|
|
<td class="charges-name"><strong>Sub Total:</strong></td>
|
|
<td class="item-attr"><strong id="order-sub-total"><%=sub_total%></strong></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Column One -->
|
|
<div class="col-lg-3 col-md-3 col-sm-3 clearfix"></div>
|
|
<!-- Column Two -->
|
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
|
<!-- Action Panel -->
|
|
<div>
|
|
<button type="button" class="btn bg-default btn-block" id="back" ><i class="material-icons">reply</i> Back </button>
|
|
<button id="order_item_split" class="btn btn-primary btn- action-btn">Order Items Split</button>
|
|
<!-- <button id="per_person" class="btn bg-primary btn-block action-btn">Per Person</button> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
|
|
$('#back').on('click',function(){
|
|
backToOrigami();
|
|
})
|
|
|
|
$(".cashier_number").on('click', function(event){
|
|
if(event.handled !== true) {
|
|
var original_value=0;
|
|
original_value = $('#per_person').val();
|
|
var input_type = $(this).attr("data-type");
|
|
switch (input_type) {
|
|
case 'num':
|
|
var input_value = $(this).attr("data-value");
|
|
if (original_value == "0"){
|
|
$('#per_person').val(input_value);
|
|
}
|
|
else{
|
|
$('#per_person').val(original_value + '' + input_value);
|
|
}
|
|
break;
|
|
|
|
case 'add':
|
|
var input_value = $(this).attr("data-value");
|
|
amount = parseInt(input_value);
|
|
$('#per_person').val(amount);
|
|
break;
|
|
|
|
case 'del' :
|
|
var discount_text=$('#per_person').val();
|
|
$('#per_person').val(discount_text.substr(0,discount_text.length-1));
|
|
break;
|
|
|
|
case 'clr':
|
|
$('#per_person').val("0");
|
|
break;
|
|
}
|
|
event.handled = true;
|
|
} else {
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// Select Sale Item
|
|
$('.item-row').on('click',function(){
|
|
if($(this).hasClass('selected-item') == true){
|
|
$(this).removeClass('selected-item');
|
|
}
|
|
else {
|
|
$(this).addClass('selected-item');
|
|
}
|
|
});
|
|
|
|
//order_item_split
|
|
$('#order_item_split').on('click',function () {
|
|
var cnt_order_item = "<%= @order_items.count %>";
|
|
var order_items = get_selected_order_items();// Selected Order Items
|
|
var cnt_items = parseInt(cnt_order_item) - parseInt(order_items.length);
|
|
if (order_items.length > 0){
|
|
if(cnt_items > 0){
|
|
swal({
|
|
title: "Alert",
|
|
text: "Are you sure, you want to Split?",
|
|
type: "warning",
|
|
showCancelButton: true,
|
|
confirmButtonColor: "#DD6B55",
|
|
confirmButtonText: "Yes, split it!",
|
|
closeOnConfirm: false
|
|
}, function (isConfirm) {
|
|
if(isConfirm){
|
|
splitBillProcess(cnt_items);
|
|
}
|
|
});
|
|
}
|
|
else{
|
|
splitBillProcess(cnt_items);
|
|
}
|
|
}else{
|
|
swal("Opps","Please select at least on item!","warning");
|
|
}
|
|
});
|
|
});
|
|
|
|
/* function for split bill process */
|
|
function splitBillProcess(cnt_items){
|
|
var order_items = get_selected_order_items();// Selected Order Items
|
|
var json_booking = JSON.parse('<%= @booking.to_json.html_safe %>');
|
|
var booking_id = "";
|
|
if(cnt_items == 0){
|
|
booking_id = json_booking.booking_id;
|
|
}
|
|
|
|
var ajax_url = "/origami/split_bills";
|
|
$.ajax({
|
|
type: "POST",
|
|
url: ajax_url,
|
|
dataType: 'JSON',
|
|
data: {'booking_id' : booking_id, 'order_items' : JSON.stringify(order_items)},
|
|
success: function (result) {
|
|
if (!result.status) {
|
|
swal("Information!", result.error_message);
|
|
}
|
|
else {
|
|
if (cnt_items > 0){
|
|
window.location.reload();
|
|
}else{
|
|
backToOrigami();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/* back to origami */
|
|
function backToOrigami(){
|
|
var id = $("#table_id").text();
|
|
var type = $("#table_type").text();
|
|
if (type=="Table") {
|
|
window.location.href = '/origami/table/'+id
|
|
}else{
|
|
window.location.href = '/origami/room/'+id
|
|
}
|
|
}
|
|
|
|
/* Get Selected Sale Item's ID and Price */
|
|
function get_selected_order_items(){
|
|
var order_items = [];
|
|
$('.item-row.selected-item').each(function(i){
|
|
var order_item = {};
|
|
order_item.id = $(this).attr('id').substr(0,16);
|
|
order_item.name = $(this).find('#item-name-price').text().split('@')[0];
|
|
order_item.account_id = $(this).find('#item-account-type').text();
|
|
order_item.price = $(this).find('#item-total-price').text();
|
|
order_items.push(order_item);
|
|
});
|
|
return order_items;
|
|
}
|
|
|
|
//check for isNumber
|
|
function isNumberKey(evt) {
|
|
var charCode = (evt.which) ? evt.which : event.keyCode;
|
|
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
</script>
|