441 lines
15 KiB
JavaScript
441 lines
15 KiB
JavaScript
$(function(){
|
|
|
|
//click menu sidebar menu category
|
|
$(".menu_category").on("click", function(){
|
|
var menu_id = $(this).find(".menu-id").text();
|
|
var url = $(this).attr('data-ref');
|
|
show_menu_item_list(url);
|
|
});
|
|
//End menu category Click
|
|
|
|
$(".change_qty").change(function(){
|
|
qty = $(this).val();
|
|
price = $("#unit_price").text();
|
|
$("#total_price").text(qty*price);
|
|
});
|
|
|
|
//show menu item list when click menu category
|
|
function show_menu_item_list(url_item){
|
|
var menu_list = $('.menu_items_list');
|
|
menu_list.empty();
|
|
//Start Ajax
|
|
$.ajax({
|
|
type: "GET",
|
|
url: url_item,
|
|
data: {},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
var menu_items_list = $('.menu_items_list');
|
|
menu_items_list.empty();
|
|
menu_items = data.menu_items;
|
|
|
|
for(var field in menu_items) {
|
|
instances = menu_items[field].instances ;
|
|
$(instances).each(function(i){
|
|
if (instances[i].is_default === true) {
|
|
code = instances[i].code;
|
|
name = instances[i].name;
|
|
price = parseFloat(instances[i].price).toFixed(2);
|
|
is_available = instances[i].is_available ;
|
|
is_on_promotion = instances[i].is_on_promotion;
|
|
item_attributes = instances[i].values;
|
|
promotion_price = instances[i].promotion_price;
|
|
code = instances[i].code;
|
|
}
|
|
});
|
|
|
|
qty = 1;
|
|
options = [];
|
|
|
|
row = '<div class="card">'
|
|
+'<div class="card-head" style="line-height:14px;">'
|
|
+'<small class="col-md-9">'+ menu_items[field].name +'</small>'
|
|
+"<div class='col-md-3 add_icon' data-item-code='"+ menu_items[field].code +"' data-name='"
|
|
+ menu_items[field].name +"' data-qty = '"+ qty +"' data-price = '"
|
|
+ price +"' data-instance-code = '"+ code +"' data-instance = '"
|
|
+ name +"' data-promotion-price = '"+ promotion_price +"' data-attributes = '"
|
|
+ JSON.stringify(item_attributes) +"' data-options = '"
|
|
+ options +"'>"
|
|
+'<i class="fa fa-plus "'
|
|
+ 'style="margin-top:4px;">'
|
|
+'</i></div>'
|
|
+'</div>'
|
|
|
|
+"<div class='menu_item_box' data-item-code='"
|
|
+ menu_items[field].code +"' data-instance = '"
|
|
+JSON.stringify(menu_items[field].instances)+"' data-id = '"
|
|
+JSON.stringify(menu_items[field].attributes)+"' data-item = '"
|
|
+JSON.stringify(item_attributes)+"' data-option = '"
|
|
+JSON.stringify(menu_items[field].options)+"' data-toggle='modal' data-target='.sx_item_detailModal'>"
|
|
|
|
+'<div class="card-block">'
|
|
+'<img id="logo" src="/image/logo.png">'
|
|
|
|
+'</div>'
|
|
|
|
+'<div class="card-footer">'
|
|
+'<small>'+ price +'</small>'
|
|
+'</div>'
|
|
+'</div>';
|
|
$('.menu_items_list').append(row);
|
|
}
|
|
}
|
|
});
|
|
//end Ajax
|
|
}
|
|
//end show list function
|
|
|
|
//click item row for add order
|
|
$(document).on('click', '.menu_item_box', function(event){
|
|
$('.attributes-list').empty();
|
|
$('.options-list').empty();
|
|
$('.attr-alert').addClass('hide');
|
|
$('.add_to_order').removeAttr('data-instance-code');
|
|
$('.add_to_order').removeAttr('data-instance');
|
|
$('.add_to_order').removeAttr('data-price');
|
|
$('.add_to_order').removeAttr('data-promotion-price');
|
|
$('.add_to_order').removeAttr('data-item-code');
|
|
$('.add_to_order').removeAttr('data-qty');
|
|
$('.add_to_order').removeAttr('data-name');
|
|
$('.add_to_order').removeAttr('data-attributes');
|
|
$('.add_to_order').removeAttr('data-options');
|
|
|
|
data = $(this).parent().children().children('.add_icon');
|
|
attributes = $(this).data('id');
|
|
selected_item = $(this).data('item');
|
|
instances = $(this).data('instance');
|
|
item_options = $(this).data('option');
|
|
|
|
instance_attributes = []
|
|
for(var field in instances) {
|
|
value = instances[field].values;
|
|
$(value).each(function(i){
|
|
options = value[i];
|
|
instance_attributes.push(options);
|
|
});
|
|
}
|
|
|
|
for(var field in attributes) {
|
|
value = attributes[field]["values"];
|
|
type = attributes[field]["type"]
|
|
row = "<h4>"+attributes[field]["type"]+"</h4>"
|
|
$(value).each(function(i){
|
|
disabled = ""
|
|
status ="";
|
|
|
|
if(parseInt(jQuery.inArray(value[i], selected_item))!== -1){
|
|
status = "selected-attribute";
|
|
}
|
|
if(parseInt(jQuery.inArray(value[i], instance_attributes)) == -1){
|
|
disabled = "disabled";
|
|
}
|
|
row +="<button id='selected-attribute' data-instances='"+JSON.stringify(instances)+"' data-type='"
|
|
+type+"' data-value='"+value[i]+"' class='btn btn-default attribute_btn "
|
|
+ status +" "+ type +" "+ disabled +" '>"
|
|
+value[i]
|
|
+"</button>";
|
|
});
|
|
$(".attributes-list").append(row);
|
|
}
|
|
|
|
for(var field in item_options) {
|
|
value = item_options[field]["values"];
|
|
type = item_options[field]["type"];
|
|
row = "<h4>"+type+"</h4>"
|
|
$(value).each(function(i){
|
|
row +="<button class='btn btn-default option_btn "+ type +"' data-type='"+type+"' data-value='"
|
|
+value[i]+"'>"+value[i]+"</button>";
|
|
});
|
|
$(".options-list").append(row);
|
|
}
|
|
|
|
$('#change_qty').val(1);
|
|
$('#item_instances').text(instances);
|
|
$('#title_name').text(data.attr('data-name'));
|
|
$('#item_code').text(data.attr('data-item-code'));
|
|
$('#total_price').text(data.attr('data-price'));
|
|
$('#unit_price').text(data.attr('data-price'));
|
|
});
|
|
|
|
// click select option icon for add
|
|
$(document).on('click', '.attribute_btn', function(event){
|
|
value = $(this).data('value');
|
|
type = $(this).data('type');
|
|
instances = $(this).data('instances');
|
|
if ($(".attribute_btn").attr("data-type")==type){
|
|
$('.'+type).removeClass("selected-attribute");
|
|
}
|
|
$(this).addClass('selected-attribute');
|
|
|
|
var selected_attr = get_selected_attributes('selected-attribute');
|
|
|
|
qty = $('#change_qty').val();
|
|
|
|
for(var field in instances) {
|
|
item_attr = instances[field].values;
|
|
|
|
if(JSON.stringify(item_attr) == JSON.stringify(selected_attr)){
|
|
unit_price = instances[field].price ;
|
|
total_price = qty * unit_price ;
|
|
$('#instance_name').text(instances[field].name);
|
|
$('#instance_code').text(instances[field].code);
|
|
$('#promotion_price').text(instances[field].promotion_price);
|
|
$('#total_price').text(total_price);
|
|
$('#unit_price').text(unit_price);
|
|
}
|
|
}
|
|
|
|
}); //End selecct attribute buttom
|
|
|
|
// click select option icon for add
|
|
$(document).on('click', '.option_btn', function(event){
|
|
value = $(this).data('value');
|
|
type = $(this).data('type');
|
|
if ($(".option_btn").attr("data-type")==type){
|
|
$('.'+type).removeClass("selected-option");
|
|
}
|
|
$(this).addClass('selected-option');
|
|
|
|
}); //End selecct attribute buttom
|
|
|
|
// click add order
|
|
$(document).on('click', '.add_to_order', function(event){
|
|
total_price = $('#total_price').text();
|
|
qty = parseInt($('#change_qty').val());
|
|
|
|
var item_row = $('.selected-attribute');
|
|
var instances = jQuery.parseJSON(item_row.attr('data-instances'));
|
|
|
|
attribute_arr = get_selected_attributes('selected-attribute');
|
|
option_arr = get_selected_attributes('selected-option');
|
|
|
|
for(var field in instances) {
|
|
if (JSON.stringify(attribute_arr) === JSON.stringify(instances[field].values)) {
|
|
|
|
$('.add_to_order').attr('data-instance-code',instances[field].code);
|
|
$('.add_to_order').attr('data-instance',instances[field].name);
|
|
$('.add_to_order').attr('data-price',instances[field].price);
|
|
$('.add_to_order').attr('data-promotion-price',instances[field].promotion_price);
|
|
}
|
|
}
|
|
$('.add_to_order').attr('data-item-code',$('#item_code').text());
|
|
$('.add_to_order').attr('data-qty',qty);
|
|
$('.add_to_order').attr('data-name',$('#title_name').text());
|
|
$('.add_to_order').attr('data-attributes',JSON.stringify(attribute_arr));
|
|
$('.add_to_order').attr('data-options',JSON.stringify(option_arr));
|
|
var item_data = $(this);
|
|
show_item_detail(item_data);
|
|
calculate_sub_total();
|
|
|
|
}); //End Add Icon Click
|
|
|
|
// click plus icon for add
|
|
$(document).on('click', '.add_icon', function(event){
|
|
var item_data = $(this);
|
|
show_item_detail(item_data);
|
|
calculate_sub_total();
|
|
}); //End Add Icon Click
|
|
|
|
function show_item_detail(data){
|
|
qty = parseInt(data.attr('data-qty'));
|
|
append = 0;
|
|
price = parseFloat(data.attr('data-price')).toFixed(2);
|
|
instance_name = data.attr('data-instance');
|
|
if (instance_name == "undefined"){
|
|
instance = '';
|
|
}else{
|
|
instance = "("+data.attr('data-instance')+")";
|
|
}
|
|
|
|
var rowCount = $('.summary-items tbody tr').length+1;
|
|
var item_row = $('.summary-items tbody tr');
|
|
|
|
$(item_row).each(function(i){
|
|
item_code = $(item_row[i]).attr('data-code');
|
|
instance_code = $(item_row[i]).attr('data-instance-code');
|
|
|
|
if (item_code == data.attr('data-item-code') && instance_code == data.attr('data-instance-code')) {
|
|
if (qty > 1) {
|
|
qty = parseInt($(item_row[i]).children('#item_qty').text()) + qty;
|
|
}else{
|
|
qty = parseInt($(item_row[i]).children('#item_qty').text()) + 1;
|
|
}
|
|
|
|
$(item_row[i]).children('#item_qty').text(qty);
|
|
parseFloat($(item_row[i]).children('#item_price').text(price*qty)).toFixed(2);
|
|
append =1;
|
|
}else{
|
|
if (qty > 1) {
|
|
qty = qty;
|
|
}else{
|
|
qty = 1;
|
|
}
|
|
}
|
|
});
|
|
if (append===0) {
|
|
row ="<tr class='item_box' data-price ='"
|
|
+price+ "' data-toggle='modal' data-target='#sx_itemModal' 'data-instance ='"
|
|
+instance+ "' data-code='"+data.attr('data-item-code')+"' data-instance-code='"
|
|
+data.attr('data-instance-code')+"' data-attributes='"
|
|
+data.attr('data-attributes')+"' data-options ='"
|
|
+data.attr('data-options')+"' data-row ='"+rowCount+ "'>"
|
|
+'<td class="item-cell-no">'+rowCount+'</td>'
|
|
+'<td class="item-cell-name" id="item_name" >' + data.attr('data-name')+ ' ' + instance +'</td>'
|
|
+'<td class="item-cell-qty" id="item_qty">' + qty + '</td>'
|
|
+'<td class="item-cell-price" id="item_price">'
|
|
+ parseFloat(price).toFixed(2)
|
|
+'</td>'
|
|
+'</tr>';
|
|
$(".summary-items tbody").append(row);
|
|
}
|
|
}
|
|
|
|
// Pay Discount for Payment
|
|
$("#create_order").on('click', function(e){
|
|
e.preventDefault();
|
|
$( "#loading_wrapper" ).show();
|
|
var table_id = $('#table_id').text();
|
|
var booking_id = $('#booking_id').text();
|
|
if (!booking_id.length > 0) {
|
|
console.log("hi")
|
|
var params = {'order_source': "cashier", 'order_type': "dine_in",
|
|
'customer_id': "", 'guest_info': "",'booking_id':booking_id,
|
|
'table_id': table_id,
|
|
'order_items': order_items };
|
|
}
|
|
var table_type = $('#table_type').text();
|
|
var order_items = JSON.stringify(get_order_item_rows());
|
|
|
|
var ajax_url = '../addorders/create';
|
|
console.log(ajax_url)
|
|
|
|
var params = {'order_source': "cashier", 'order_type': "dine_in",
|
|
'customer_id': "", 'guest_info': "",
|
|
'table_id': table_id,
|
|
'order_items': order_items };
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: ajax_url,
|
|
data: params,
|
|
dataType: "json",
|
|
success:function(result){
|
|
$( "#loading_wrapper" ).show();
|
|
$.confirm({
|
|
title: 'Infomation!',
|
|
content: "result.status",
|
|
buttons: {
|
|
confirm: {
|
|
text: 'Ok',
|
|
btnClass: 'btn-green',
|
|
action: function(){
|
|
if(table_type == "Table"){
|
|
window.location.href = "/origami/table/" + table_id
|
|
}
|
|
else {
|
|
window.location.href = "/origami/room/" + table_id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
//click item row for update qty
|
|
$('.summary-items').on('click', '.item_box', function(){
|
|
$(this).attr('data-active',true);
|
|
name = $(this).children('#item_name').text();
|
|
qty = $(this).children('#item_qty').text();
|
|
$('#modal-item-name').text(name);
|
|
$('#modal-qty').val(qty);
|
|
});
|
|
|
|
//click remove buttom in modal box
|
|
$('#sx_itemModal').on('click','#remove', function(){
|
|
$('.summary-items tr').filter(function(){
|
|
if ($(this).attr('data-active') == 'true'){
|
|
$(this).remove();
|
|
}
|
|
});
|
|
calculate_sub_total();
|
|
});
|
|
|
|
//click close
|
|
$('#sx_itemModal').on('click','#close', function(){
|
|
$(".item_box").removeAttr("data-active");
|
|
});
|
|
|
|
//click save buttom after change qty
|
|
$('#sx_itemModal').on('click','#save', function(){
|
|
summary_items_filter();
|
|
calculate_sub_total();
|
|
});
|
|
|
|
//calculate subtotal
|
|
function calculate_sub_total(){
|
|
var total_price = 0;
|
|
var taxable_amount = 0;
|
|
var item_row = $('.summary-items tbody tr');
|
|
|
|
$(item_row).each(function(i){
|
|
var unit_price = parseFloat($(item_row[i]).attr('data-price'));
|
|
var qty = parseFloat($(item_row[i]).children('#item_qty').text());
|
|
total_price += qty*unit_price;
|
|
});
|
|
var fixed_total_price = parseFloat(total_price).toFixed(2);
|
|
var fixed_taxable_amount = parseFloat(taxable_amount).toFixed(2);
|
|
|
|
$('#sub_total').empty();
|
|
$('#sub_total').append(fixed_total_price);
|
|
|
|
if (fixed_total_price > 0) {
|
|
$('.create').removeAttr("disabled", false);
|
|
}else{
|
|
$('.create').attr("disabled", true);
|
|
}
|
|
}
|
|
|
|
function summary_items_filter(){
|
|
$('.summary-items tr').filter(function(){
|
|
if ($(this).attr('data-active') == 'true'){
|
|
qty = $('#modal-qty').val();
|
|
price = parseFloat($(this).attr('data-price'));
|
|
total_price = parseFloat(price*qty).toFixed(2);
|
|
|
|
$(this).find('#item_qty').text(qty);
|
|
$(this).find('.item-cell-price').text(total_price);
|
|
|
|
$(this).removeAttr('data-active');
|
|
}
|
|
});
|
|
}
|
|
|
|
/* Get discount Item rows */
|
|
function get_order_item_rows(){
|
|
var order_items = [];
|
|
var item_row = $('.summary-items tbody tr');
|
|
$(item_row).each(function(i){
|
|
var order_item = {};
|
|
order_item.order_item_id = $(item_row[i]).attr('data-row');
|
|
order_item.item_instance_code = $(item_row[i]).attr('data-instance-code');
|
|
order_item.quantity = $(item_row[i]).children('#item_qty').text();
|
|
order_item.options = $(item_row[i]).attr('data-options');
|
|
order_items.push(order_item);
|
|
});
|
|
return order_items;
|
|
}
|
|
|
|
function get_selected_attributes(selected_class) {
|
|
var item_row = $('.'+selected_class);
|
|
var attribute_arr = [];
|
|
$(item_row).each(function(i){
|
|
value = $(item_row[i]).attr('data-value');
|
|
str = value;
|
|
attribute_arr.push(str);
|
|
});
|
|
return attribute_arr;
|
|
}
|
|
|
|
}); |