update adminbsb theme all theme setting
This commit is contained in:
@@ -13,7 +13,6 @@
|
|||||||
//= require jquery
|
//= require jquery
|
||||||
//= require jquery_nested_form
|
//= require jquery_nested_form
|
||||||
//= require tether
|
//= require tether
|
||||||
//= require bootstrap/js/bootstrap.js
|
|
||||||
//= require bootstrap/js/popper.min
|
//= require bootstrap/js/popper.min
|
||||||
//= require bootstrap/js/bootstrap-material-design.min
|
//= require bootstrap/js/bootstrap-material-design.min
|
||||||
//= require jquery_ujs
|
//= require jquery_ujs
|
||||||
@@ -37,6 +36,7 @@
|
|||||||
//= require BSBMaterial/admin.js
|
//= require BSBMaterial/admin.js
|
||||||
//= require BSBMaterial/pages/index.js
|
//= require BSBMaterial/pages/index.js
|
||||||
//= require BSBMaterial/demo.js
|
//= require BSBMaterial/demo.js
|
||||||
|
//= require BSBMaterial/pages/forms/basic-form-elements
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Inventory::InventoryController < BaseInventoryController
|
class Inventory::InventoryController < ApplicationController#BaseInventoryController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@products = InventoryDefinition.all.active.order('created_at desc')
|
@products = InventoryDefinition.all.active.order('created_at desc')
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Inventory::InventoryDefinitionsController < BaseInventoryController
|
class Inventory::InventoryDefinitionsController < ApplicationController#BaseInventoryController
|
||||||
before_action :set_inventory_definition, only: [:show, :edit, :update, :destroy]
|
before_action :set_inventory_definition, only: [:show, :edit, :update, :destroy]
|
||||||
|
|
||||||
# GET /inventory_definitions
|
# GET /inventory_definitions
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Inventory::StockCheckItemsController < BaseInventoryController
|
class Inventory::StockCheckItemsController < ApplicationController#BaseInventoryController
|
||||||
before_action :set_stock_check_item, only: [:show, :edit, :update, :destroy]
|
before_action :set_stock_check_item, only: [:show, :edit, :update, :destroy]
|
||||||
|
|
||||||
# GET /stock_check_items
|
# GET /stock_check_items
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Inventory::StockChecksController < BaseInventoryController
|
class Inventory::StockChecksController < ApplicationController#BaseInventoryController
|
||||||
def index
|
def index
|
||||||
@check = StockCheck.new
|
@check = StockCheck.new
|
||||||
@inventory_definitions = InventoryDefinition.active.all
|
@inventory_definitions = InventoryDefinition.active.all
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::CardPaymentsController < BaseOrigamiController
|
class Origami::CardPaymentsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
|
|
||||||
def index
|
def index
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::CashInsController < BaseOrigamiController
|
class Origami::CashInsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def new
|
def new
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::CashOutsController < BaseOrigamiController
|
class Origami::CashOutsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def new
|
def new
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::CreditPaymentsController < BaseOrigamiController
|
class Origami::CreditPaymentsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
|
|
||||||
def index
|
def index
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::DiscountsController < BaseOrigamiController
|
class Origami::DiscountsController < ApplicationController#BaseOrigamiController
|
||||||
authorize_resource :class => false
|
authorize_resource :class => false
|
||||||
|
|
||||||
#discount page show from origami index with selected order
|
#discount page show from origami index with selected order
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::InDutiesController < BaseOrigamiController
|
class Origami::InDutiesController < ApplicationController#BaseOrigamiController
|
||||||
before_action :set_in_duty, only: %i[show edit update edit_in_duty update_for_in_duty destroy destroy_in_duty]
|
before_action :set_in_duty, only: %i[show edit update edit_in_duty update_for_in_duty destroy destroy_in_duty]
|
||||||
|
|
||||||
# GET /in_duties
|
# GET /in_duties
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::JcbController < BaseOrigamiController
|
class Origami::JcbController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@sale_id = params[:sale_id]
|
@sale_id = params[:sale_id]
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::MasterController < BaseOrigamiController
|
class Origami::MasterController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@sale_id = params[:sale_id]
|
@sale_id = params[:sale_id]
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::MoveroomController < BaseOrigamiController
|
class Origami::MoveroomController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
authorize_resource :class => false
|
authorize_resource :class => false
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::MovetableController < BaseOrigamiController
|
class Origami::MovetableController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
authorize_resource :class => false
|
authorize_resource :class => false
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::MpuController < BaseOrigamiController
|
class Origami::MpuController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@sale_id = params[:sale_id]
|
@sale_id = params[:sale_id]
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::OtherChargesController < BaseOrigamiController
|
class Origami::OtherChargesController < ApplicationController#BaseOrigamiController
|
||||||
authorize_resource :class => false
|
authorize_resource :class => false
|
||||||
|
|
||||||
def index
|
def index
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::OthersPaymentsController < BaseOrigamiController
|
class Origami::OthersPaymentsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
|
|
||||||
def index
|
def index
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::PaymentsController < BaseOrigamiController
|
class Origami::PaymentsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
authorize_resource :class => false
|
authorize_resource :class => false
|
||||||
def index
|
def index
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::PayparPaymentsController < BaseOrigamiController
|
class Origami::PayparPaymentsController < ApplicationController#BaseOrigamiController
|
||||||
def create
|
def create
|
||||||
sale_id = params[:sale_id]
|
sale_id = params[:sale_id]
|
||||||
redeem_amount = params[:redeem_amount]
|
redeem_amount = params[:redeem_amount]
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::ProductCommissionsController < BaseOrigamiController
|
class Origami::ProductCommissionsController < ApplicationController#BaseOrigamiController
|
||||||
before_action :set_product_commission, only: [:show, :edit, :update, :destroy]
|
before_action :set_product_commission, only: [:show, :edit, :update, :destroy]
|
||||||
|
|
||||||
# GET /product_commissions
|
# GET /product_commissions
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::RedeemPaymentsController < BaseOrigamiController
|
class Origami::RedeemPaymentsController < ApplicationController#BaseOrigamiController
|
||||||
def index
|
def index
|
||||||
@sale_id = params[:sale_id]
|
@sale_id = params[:sale_id]
|
||||||
payment_method = params[:payment_method]
|
payment_method = params[:payment_method]
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::RoomInvoicesController < BaseOrigamiController
|
class Origami::RoomInvoicesController < ApplicationController#BaseOrigamiController
|
||||||
def index
|
def index
|
||||||
@room = DiningFacility.find(params[:room_id])
|
@room = DiningFacility.find(params[:room_id])
|
||||||
puts "room bookig lenght"
|
puts "room bookig lenght"
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::SalesController < BaseOrigamiController
|
class Origami::SalesController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def show
|
def show
|
||||||
@tables = Table.all.active.order('status desc')
|
@tables = Table.all.active.order('status desc')
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::ShiftsController < BaseOrigamiController
|
class Origami::ShiftsController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::TableInvoicesController < BaseOrigamiController
|
class Origami::TableInvoicesController < ApplicationController#BaseOrigamiController
|
||||||
def index
|
def index
|
||||||
@table = DiningFacility.find(params[:table_id])
|
@table = DiningFacility.find(params[:table_id])
|
||||||
puts "table bookig lenght"
|
puts "table bookig lenght"
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::VisaController < BaseOrigamiController
|
class Origami::VisaController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@sale_id = params[:sale_id]
|
@sale_id = params[:sale_id]
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
class Origami::VoucherController < BaseOrigamiController
|
class Origami::VoucherController < ApplicationController#BaseOrigamiController
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@sale_id = params[:sale_id]
|
@sale_id = params[:sale_id]
|
||||||
|
|||||||
@@ -43,7 +43,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||||||
<button type="submit" class="btn bg-blue waves-effect waves-effect">Search</button>
|
<button type="submit" class="btn bg-blue waves-effect">Search</button>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" id="member_acc_no"> -->
|
<!-- <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" id="member_acc_no"> -->
|
||||||
<button type="button" id="member_acc_no" class="btn bg-green btn-sm waves-effect" style="height: 30%;margin-right: 10px;">Member Card</button>
|
<button type="button" id="member_acc_no" class="btn bg-green btn-sm waves-effect" style="height: 30%;margin-right: 10px;">Member Card</button>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-8"><h2> Inventoy Product Lists</h2></div>
|
<div class="col-md-8"><h2> Inventoy Product Lists</h2></div>
|
||||||
<div class="col-md-4"><button id='new_inventory_product' class='btn btn-primary' style='margin-top:15px;'>New Inventory Product</button></div>
|
<div class="col-md-4"><button id='new_inventory_product' class='btn bg-blue waves-effect' style='margin-top:15px;'>New Inventory Product</button></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|||||||
@@ -1,27 +1,28 @@
|
|||||||
<div class="row">
|
<div class="container-fluid">
|
||||||
<div class="col-lg-10 col-md-10 col-sm-10">
|
<div class="row">
|
||||||
<%= render 'inventory_list' %>
|
<div class="col-lg-10 col-md-10 col-sm-10">
|
||||||
</div>
|
<%= render 'inventory_list' %>
|
||||||
<div class="col-lg-2 col-md-2 col-sm-2">
|
</div>
|
||||||
<% if current_login_employee.role == "administrator" || current_login_employee.role == 'manager' %>
|
<div class="col-lg-2 col-md-2 col-sm-2">
|
||||||
<button id="back" type="button" class="btn btn-block btn-primary"> Back</button>
|
<% if current_login_employee.role == "administrator" || current_login_employee.role == 'manager' %>
|
||||||
<% end %>
|
<button id="back" type="button" class="btn bg-default waves-effect"> Back</button>
|
||||||
<button id="stock_taking" type="button" class="btn btn-block btn-primary"> New Stock Taking</button>
|
<% end %>
|
||||||
<button id="stock_check_report" type="button" class="btn btn-block btn-primary"> Stock Check Report</button>
|
<button id="stock_taking" type="button" class="btn bg-blue waves-effect"> New Stock Taking</button>
|
||||||
|
<button id="stock_check_report" type="button" class="btn bg-blue waves-effect"> Stock Check Report</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$('#stock_taking').on('click', function () {
|
$('#stock_taking').on('click', function () {
|
||||||
window.location.href = '<%= inventory_stock_checks_path %>';
|
window.location.href = '<%= inventory_stock_checks_path %>';
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#stock_check_report').on('click', function () {
|
$('#stock_check_report').on('click', function () {
|
||||||
window.location.href = '<%= reports_stock_check_index_path %>';
|
window.location.href = '<%= reports_stock_check_index_path %>';
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#back').on('click', function () {
|
$('#back').on('click', function () {
|
||||||
window.location.href = '<%= dashboard_path %>';
|
window.location.href = '<%= dashboard_path %>';
|
||||||
});
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -45,8 +45,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-actions">
|
<div class="form-actions">
|
||||||
<%= link_to 'Back', inventory_path, class: 'btn btn-success' %>
|
<%= link_to 'Back', inventory_path, class: 'btn bg-default waves-effect' %>
|
||||||
<%= f.button :submit, class: 'btn btn-primary' %>
|
<%= f.button :submit, class: 'btn bg-blue wave' %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
<p id="notice"><%= notice %></p>
|
<p id="notice"><%= notice %></p>
|
||||||
|
|
||||||
<h1>Inventory Definitions</h1>
|
<h1>Inventory Definitions</h1>
|
||||||
@@ -23,3 +24,4 @@
|
|||||||
<br>
|
<br>
|
||||||
|
|
||||||
<%= link_to 'New Inventory Definition', new_inventory_definition_path %>
|
<%= link_to 'New Inventory Definition', new_inventory_definition_path %>
|
||||||
|
</div>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
<div class="span12">
|
<div class="col">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<ul class="breadcrumb">
|
<ul class="breadcrumb">
|
||||||
<li><a href="<%= root_path %>">Home</a></li>
|
<li><a href="<%= root_path %>">Home</a></li>
|
||||||
@@ -9,3 +9,4 @@
|
|||||||
</div>
|
</div>
|
||||||
<%= render 'form', inventory: @inventory_definition %>
|
<%= render 'form', inventory: @inventory_definition %>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,77 +1,89 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class="col-lg-11 col-md-11 col-sm-11">
|
<div class="col-lg-10 col-md-10 col-sm-10">
|
||||||
<h2> Cash In </h2>
|
<h2> Cash In </h2>
|
||||||
<br>
|
<br>
|
||||||
<table class='table table-striped'>
|
<table class='table table-striped'>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Payment Reference
|
<td> Payment Reference
|
||||||
</td>
|
</td>
|
||||||
<td><input type='text' id='reference'/></td>
|
<td>
|
||||||
|
<input type="text" class="form-control" placeholder="Reference" id="reference">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Remark
|
<td> Remark
|
||||||
</td>
|
</td>
|
||||||
<td><input type="text" id='remark'/></td>
|
<td>
|
||||||
|
<input type="text" class="form-control" placeholder="Remark" id="remark">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Payment Method
|
<td> Payment Method
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<button class='btn btn-primary payment-type' data-id='cash' id='cash'>CASH</button>
|
<button class='btn bg-blue waves-effect payment-type' data-id='cash' id='cash'>CASH</button>
|
||||||
<button class='btn btn-primary payment-type' data-id='mpu' id='mpu'>MPU</button>
|
<button class='btn bg-blue waves-effect payment-type' data-id='mpu' id='mpu'>MPU</button>
|
||||||
<button class='btn btn-primary payment-type' data-id='visa' id='visa'>VISA</button>
|
<button class='btn bg-blue waves-effect payment-type' data-id='visa' id='visa'>VISA</button>
|
||||||
<button class='btn btn-primary payment-type' data-id='jcb' id='jcb'>JCB</button>
|
<button class='btn bg-blue waves-effect payment-type' data-id='jcb' id='jcb'>JCB</button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Reference Number
|
<td> Reference Number
|
||||||
</td>
|
</td>
|
||||||
<td><input type='text' id='payment_method_reference'/></td>
|
<td>
|
||||||
|
<input type="text" class="form-control" id="payment_method_reference">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Amount
|
<td> Amount
|
||||||
</td>
|
</td>
|
||||||
<td><input type='text' id='amount'/></td>
|
<td>
|
||||||
|
<input type="text" class="form-control" placeholder="Amount" id="amount">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-2 col-md-2 col-sm-2 ">
|
||||||
<button type="button" class="btn btn-primary btn-block" id='back'> Back </button>
|
<div class="button-demo">
|
||||||
<button type="button" class="btn btn-primary btn-block" id='cash_in'> Cash In </button>
|
<button type="button" class="btn bg-default waves-effect btn-" id='back'> Back </button>
|
||||||
|
<button type="button" class="btn bg-blue waves-effect btn-" id='cash_in'> Cash In </button>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var payment_method = "";
|
var payment_method = "";
|
||||||
$('.payment-type').on('click',function(){
|
$('.payment-type').on('click',function(){
|
||||||
$('.payment-type').css("background-color","#7a62d3")
|
$('.payment-type').css("background-color","#7a62d3")
|
||||||
$(this).css("background-color","green");
|
$(this).css("background-color","green");
|
||||||
var type = $(this).attr('data-id')
|
var type = $(this).attr('data-id')
|
||||||
if(type == 'cash'){
|
if(type == 'cash'){
|
||||||
payment_method = 'cash';
|
payment_method = 'cash';
|
||||||
}else if(type == 'mpu'){
|
}else if(type == 'mpu'){
|
||||||
payment_method = "mpu";
|
payment_method = "mpu";
|
||||||
}else if(type == 'visa'){
|
}else if(type == 'visa'){
|
||||||
payment_method = "visa";
|
payment_method = "visa";
|
||||||
}else if(type == 'jcb'){
|
}else if(type == 'jcb'){
|
||||||
payment_method = "jcb";
|
payment_method = "jcb";
|
||||||
}
|
|
||||||
})
|
|
||||||
$('#cash_in').on('click',function(){
|
|
||||||
var reference = $('#reference').val();
|
|
||||||
var remark = $('#remark').val();
|
|
||||||
var amount = $('#amount').val();
|
|
||||||
var payment_method_reference = $('#payment_method_reference').val();
|
|
||||||
$.ajax({type: "POST",
|
|
||||||
url: "<%= origami_cash_ins_path %>",
|
|
||||||
data: "reference="+ reference + "&remark=" + remark + "&amount="+ amount + "&payment_method="+payment_method + "&payment_method_reference="+ payment_method_reference,
|
|
||||||
success:function(result){
|
|
||||||
window.location.href = '/origami';
|
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
})
|
$('#cash_in').on('click',function(){
|
||||||
$('#back').on('click',function(){
|
var reference = $('#reference').val();
|
||||||
|
var remark = $('#remark').val();
|
||||||
|
var amount = $('#amount').val();
|
||||||
|
var payment_method_reference = $('#payment_method_reference').val();
|
||||||
|
$.ajax({type: "POST",
|
||||||
|
url: "<%= origami_cash_ins_path %>",
|
||||||
|
data: "reference="+ reference + "&remark=" + remark + "&amount="+ amount + "&payment_method="+payment_method + "&payment_method_reference="+ payment_method_reference,
|
||||||
|
success:function(result){
|
||||||
|
window.location.href = '/origami';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
$('#back').on('click',function(){
|
||||||
window.location.href = '/origami';
|
window.location.href = '/origami';
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,49 +1,45 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
|
<div class='row'>
|
||||||
<div class='row'>
|
<div class="col-lg-10 col-md-10 col-sm-10">
|
||||||
<div class="col-lg-11 col-md-11 col-sm-11">
|
<h2>Cash Out</h2>
|
||||||
<h2>Cash Out</h2>
|
|
||||||
<table class='table table-striped'>
|
<table class='table table-striped'>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Payment Reference
|
<td> Payment Reference</td>
|
||||||
</td>
|
<td><input type="text" class="form-control" placeholder="Reference" id="reference"></td>
|
||||||
<td><input id='reference' type='text' value=''/></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Remark
|
<td> Remark</td>
|
||||||
</td>
|
<td><input type="text" class="form-control" placeholder="Remark" id="remark"></td>
|
||||||
<td><input id='remark' type="text" value=''/></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td> Amount
|
<td> Amount </td>
|
||||||
</td>
|
<td><input type="text" class="form-control" placeholder="Amount" id="amount"></td>
|
||||||
<td><input id='amount' type="text" value=''/></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-2 col-md-2 col-sm-2">
|
||||||
<button type="button" class="btn btn-primary btn-block" id='back'> Back </button>
|
<br><br>
|
||||||
<button type="button" class="btn btn-primary btn-block" id='cash_out'> Cash Out </button>
|
<button type="button" class="btn bg-default btn-block" id='back'> Back </button>
|
||||||
|
<button type="button" class="btn bg-blue btn-block" id='cash_out'> Cash Out </button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
$('#cash_out').on('click',function(){
|
$('#cash_out').on('click',function(){
|
||||||
var reference = $('#reference').val();
|
var reference = $('#reference').val();
|
||||||
var remark = $('#remark').val();
|
var remark = $('#remark').val();
|
||||||
var amount = $('#amount').val();
|
var amount = $('#amount').val();
|
||||||
$.ajax({type: "POST",
|
$.ajax({type: "POST",
|
||||||
url: "<%= origami_cash_outs_path %>",
|
url: "<%= origami_cash_outs_path %>",
|
||||||
data: "reference="+ reference + "&remark=" + remark + "&amount="+ amount,
|
data: "reference="+ reference + "&remark=" + remark + "&amount="+ amount,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
window.location.href = '/origami';
|
window.location.href = '/origami';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
|
|
||||||
$('#back').on('click',function(){
|
$('#back').on('click',function(){
|
||||||
window.location.href = '/origami';
|
window.location.href = '/origami';
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,166 +1,180 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-3">
|
||||||
<div class="col-lg-5 col-md-5 col-sm-3">
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-md-6">
|
||||||
<div class="col-md-6">
|
<h2>CREDIT PAYMENT</h2>
|
||||||
<h2>CREDIT PAYMENT</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card" style="margin-top:10px;padding-top:20px;">
|
|
||||||
<div class="rebate-form">
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">You can pay up to </label>
|
|
||||||
<input type="text" name="validamount" id="validamount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@can_credit %>" data-member-value="">
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
<% if @creditcount != 0 %>
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">Recent Credit Amount </label>
|
|
||||||
<input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@creditcount %>" data-member-value="">
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
<% end %>
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">Recent Credit Amount</label>
|
|
||||||
<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
|
|
||||||
<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-6 col-md-1 col-sm-1">
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="1" data-type="num">1</div>
|
|
||||||
<div class=" cashier_number left" data-value="2" data-type="num">2</div>
|
|
||||||
<div class=" cashier_number left" data-value="3" data-type="num">3</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="4" data-type="num">4</div>
|
|
||||||
<div class=" cashier_number left" data-value="5" data-type="num">5</div>
|
|
||||||
<div class=" cashier_number left" data-value="6" data-type="num">6</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="7" data-type="num">7</div>
|
|
||||||
<div class=" cashier_number left" data-value="8" data-type="num">8</div>
|
|
||||||
<div class=" cashier_number left" data-value="9" data-type="num">9</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="0" data-type="num">0</div>
|
|
||||||
<div class=" cashier_number left" data-value="." data-type="num">.</div>
|
|
||||||
<div class=" cashier_number left" data-value="00" data-type="num">00</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number green" data-type="nett" >Nett</div>
|
|
||||||
<div class=" cashier_number red left" data-type="del">Del</div>
|
|
||||||
<div class=" cashier_number orange left" data-type="clr">Clr</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 col-md-1 col-sm-1">
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class="cashier_number long" data-value="1000" data-type="add">1000</div>
|
|
||||||
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class="cashier_number long" data-value="5000" data-type="add">5000</div>
|
|
||||||
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class="pay purple" id="credit_pay">Pay</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="card" style="margin-top:10px;padding-top:20px;">
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="rebate-form">
|
||||||
<button type="button" class="btn btn-primary btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment';"> Back </button>
|
<!-- <div class="row"> -->
|
||||||
</div>
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-5">
|
||||||
|
<label>You can pay up to </label>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
|
<input type="text" name="validamount" id="validamount" class="form-control" readonly="" value="<%=@can_credit %>" data-member-value="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<!-- </div> -->
|
||||||
|
<% if @creditcount != 0 %>
|
||||||
|
<!-- <div class="row"> -->
|
||||||
|
<div class=" row">
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-5">
|
||||||
|
<label>Recent Credit Amount </label>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
|
<input type="text" name="" class="form-control " readonly="" value="<%=@creditcount %>" data-member-value="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<!-- </div> -->
|
||||||
|
<% end %>
|
||||||
|
<!-- <div class="row"> -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-5">
|
||||||
|
<label >Recent Credit Amount</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
|
<input type="text" name="valid_amount" id="valid_amount" class="form-control" value="" data-value="<%=@sale_id %>" data-member-value="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<!-- </div> -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-5">
|
||||||
|
<label>Amount</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7 col-md-7 col-sm-7">
|
||||||
|
<div id="amount" class="form-control">0.0</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-top:75px;">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 col-md-1 col-sm-1">
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="1" data-type="num">1</div>
|
||||||
|
<div class=" cashier_number left" data-value="2" data-type="num">2</div>
|
||||||
|
<div class=" cashier_number left" data-value="3" data-type="num">3</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="4" data-type="num">4</div>
|
||||||
|
<div class=" cashier_number left" data-value="5" data-type="num">5</div>
|
||||||
|
<div class=" cashier_number left" data-value="6" data-type="num">6</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="7" data-type="num">7</div>
|
||||||
|
<div class=" cashier_number left" data-value="8" data-type="num">8</div>
|
||||||
|
<div class=" cashier_number left" data-value="9" data-type="num">9</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="0" data-type="num">0</div>
|
||||||
|
<div class=" cashier_number left" data-value="." data-type="num">.</div>
|
||||||
|
<div class=" cashier_number left" data-value="00" data-type="num">00</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number green" data-type="nett" >Nett</div>
|
||||||
|
<div class=" cashier_number red left" data-type="del">Del</div>
|
||||||
|
<div class=" cashier_number orange left" data-type="clr">Clr</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-md-1 col-sm-1">
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class="cashier_number long" data-value="1000" data-type="add">1000</div>
|
||||||
|
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class="cashier_number long" data-value="5000" data-type="add">5000</div>
|
||||||
|
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class="pay purple" id="credit_pay">Pay</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
|
<button type="button" class="btn bg-blue btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment';"> Back </button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
if(localStorage.getItem("cash") == null || localStorage.getItem("cash") == 'null'){}
|
if(localStorage.getItem("cash") == null || localStorage.getItem("cash") == 'null'){}
|
||||||
else {
|
else {
|
||||||
$('#validamount').attr("value",parseFloat("<%= @can_credit %>") - parseFloat(localStorage.getItem("cash")));
|
$('#validamount').attr("value",parseFloat("<%= @can_credit %>") - parseFloat(localStorage.getItem("cash")));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$(document).on('click', '.cashier_number', function(event){
|
$(document).on('click', '.cashier_number', function(event){
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if(event.handled !== true) {
|
if(event.handled !== true) {
|
||||||
var original_value;
|
var original_value;
|
||||||
original_value = $('#amount').text();
|
original_value = $('#amount').text();
|
||||||
|
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
|
|
||||||
var input_type = $(this).attr("data-type");
|
var input_type = $(this).attr("data-type");
|
||||||
switch (input_type) {
|
switch (input_type) {
|
||||||
case 'num':
|
case 'num':
|
||||||
if (original_value == "0.0"){
|
if (original_value == "0.0"){
|
||||||
$('#amount').text(input_value);
|
$('#amount').text(input_value);
|
||||||
}else{
|
}else{
|
||||||
$('#amount').append(input_value);
|
$('#amount').append(input_value);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'add':
|
case 'add':
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
amount = parseInt(input_value) + parseInt(original_value);
|
amount = parseInt(input_value) + parseInt(original_value);
|
||||||
$('#amount').html(amount);
|
$('#amount').html(amount);
|
||||||
|
|
||||||
break;
|
break;
|
||||||
case 'clr':
|
case 'clr':
|
||||||
$('#amount').html("0.0");
|
$('#amount').html("0.0");
|
||||||
break;
|
break;
|
||||||
case 'del' :
|
case 'del' :
|
||||||
var cash=$('#amount').text();
|
var cash=$('#amount').text();
|
||||||
$('#amount').text(cash.substr(0,cash.length-1));
|
$('#amount').text(cash.substr(0,cash.length-1));
|
||||||
break;
|
break;
|
||||||
case 'nett':
|
case 'nett':
|
||||||
var remain_amount = $('#validamount').val();
|
var remain_amount = $('#validamount').val();
|
||||||
$('#amount').text(remain_amount);
|
$('#amount').text(remain_amount);
|
||||||
break;
|
break;
|
||||||
|
|
||||||
}
|
}
|
||||||
event.handled = true;
|
event.handled = true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$('#credit_pay').on('click',function(){
|
$('#credit_pay').on('click',function(){
|
||||||
var amount = $('#amount').text();
|
var amount = $('#amount').text();
|
||||||
var sale_id = "<%= @sale_id %>";
|
var sale_id = "<%= @sale_id %>";
|
||||||
if(parseFloat(amount) <= parseFloat($("#validamount").attr("value"))){
|
if(parseFloat(amount) <= parseFloat($("#validamount").attr("value"))){
|
||||||
$.ajax({type: "POST",
|
$.ajax({type: "POST",
|
||||||
url: "<%= origami_payment_credit_path %>",
|
url: "<%= origami_payment_credit_path %>",
|
||||||
data: "amount="+ amount + "&sale_id="+ sale_id,
|
data: "amount="+ amount + "&sale_id="+ sale_id,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
if(result){
|
if(result){
|
||||||
alert("Payment success")
|
alert("Payment success")
|
||||||
window.location.href = '/origami/sale/'+ sale_id + "/payment";
|
window.location.href = '/origami/sale/'+ sale_id + "/payment";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
alert("Paid Amount is over!");
|
alert("Paid Amount is over!");
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,63 +1,64 @@
|
|||||||
<div class="row">
|
<div class="container-fluid">
|
||||||
<!-- Column One -->
|
<div class="row">
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
<!-- Column One -->
|
||||||
<!-- Order Details -->
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<div class="card" >
|
<!-- Order Details -->
|
||||||
|
<div class="card" >
|
||||||
<!-- <div class="card-header">
|
<!-- <div class="card-header">
|
||||||
<div><strong id="order-title">ORDER DETAILS</strong></div>
|
<div><strong id="order-title">ORDER DETAILS</strong></div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<div class="card-title row">
|
<div class="card-title row">
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<p id="sale-id" class="hidden"><%=@sale_data.sale_id %></p>
|
<p id="sale-id" class="hidden"><%=@sale_data.sale_id %></p>
|
||||||
<p>Receipt No: <span id="receipt_no"><%=@sale_data.receipt_no rescue ' '%></span></p>
|
<p>Receipt No: <span id="receipt_no"><%=@sale_data.receipt_no rescue ' '%></span></p>
|
||||||
<!-- <p>Cashier: <span id="cashier"><%=@sale_data.cashier_name rescue ' '%></span></p> -->
|
<!-- <p>Cashier: <span id="cashier"><%=@sale_data.cashier_name rescue ' '%></span></p> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
||||||
<p>Date: <span id="receipt_date"> <%=@sale_data.receipt_date.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></span></p>
|
<p>Date: <span id="receipt_date"> <%=@sale_data.receipt_date.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></span></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-text dining">
|
<div class="card-text dining">
|
||||||
<table class="table table-default" id="order-items-table">
|
<table class="table table-default" id="order-items-table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="item-name">Items</th>
|
<th class="item-name">Items</th>
|
||||||
<th class="item-attr">QTY</td>
|
<th class="item-attr">QTY</td>
|
||||||
<th class="item-attr">Price</td>
|
<th class="item-attr">Price</td>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<% sub_total = 0 %>
|
<% sub_total = 0 %>
|
||||||
<% @sale_data.sale_items.each do |sale_item| %>
|
<% @sale_data.sale_items.each do |sale_item| %>
|
||||||
<%
|
<%
|
||||||
sub_total += sale_item.qty*sale_item.unit_price
|
sub_total += sale_item.qty*sale_item.unit_price
|
||||||
if sale_item.price != 0 && sale_item.remark != "void"
|
if sale_item.price != 0 && sale_item.remark != "void"
|
||||||
%>
|
%>
|
||||||
<tr class="item-row" id=<%= sale_item.sale_item_id %> >
|
<tr class="item-row" id=<%= sale_item.sale_item_id %> >
|
||||||
<td style="width:60%; text-align:left">
|
<td style="width:60%; text-align:left">
|
||||||
<span id="item-account-type" class="hidden"><%=sale_item.account_id%></span>
|
<span id="item-account-type" class="hidden"><%=sale_item.account_id%></span>
|
||||||
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
||||||
</td>
|
</td>
|
||||||
<td style="width:20%; text-align:right">
|
<td style="width:20%; text-align:right">
|
||||||
<span id="item-qty"><%=sale_item.qty%></span>
|
<span id="item-qty"><%=sale_item.qty%></span>
|
||||||
</td>
|
</td>
|
||||||
<td style="width:20%; text-align:right">
|
<td style="width:20%; text-align:right">
|
||||||
<span id="item-total-price"><%=(sale_item.qty*sale_item.unit_price)%></span>
|
<span id="item-total-price"><%=(sale_item.qty*sale_item.unit_price)%></span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<%
|
<%
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
%>
|
%>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<table class="table" id="order-charges-table" border="0">
|
<table class="table" id="order-charges-table" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="charges-name"><strong>Sub Total:</strong></td>
|
<td class="charges-name"><strong>Sub Total:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-sub-total"><%=sub_total%></strong></td>
|
<td class="item-attr"><strong id="order-sub-total"><%=sub_total%></strong></td>
|
||||||
</tr>
|
</tr>
|
||||||
<!-- <tr>
|
<!-- <tr>
|
||||||
<td class="charges-name"><strong>Food:</strong></td>
|
<td class="charges-name"><strong>Food:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-food"></strong></td>
|
<td class="item-attr"><strong id="order-food"></strong></td>
|
||||||
@@ -65,39 +66,39 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td class="charges-name"><strong>Beverage:</strong></td>
|
<td class="charges-name"><strong>Beverage:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-beverage"></strong></td>
|
<td class="item-attr"><strong id="order-beverage"></strong></td>
|
||||||
</tr> -->
|
</tr> -->
|
||||||
<tr>
|
<tr>
|
||||||
<%if @sale_data.discount_type == 'member_discount'%>
|
<%if @sale_data.discount_type == 'member_discount'%>
|
||||||
<td class="charges-name"><strong>Member Discount:</strong></td>
|
<td class="charges-name"><strong>Member Discount:</strong></td>
|
||||||
<%else%>
|
<%else%>
|
||||||
<td class="charges-name"><strong>Discount:</strong></td>
|
<td class="charges-name"><strong>Discount:</strong></td>
|
||||||
<%end%>
|
<%end%>
|
||||||
|
|
||||||
<td class="item-attr">(<strong id="order-discount"><%=@sale_data.total_discount rescue 0%></strong>)</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="hidden">
|
|
||||||
<td class="charges-name"><strong>Tax:</strong></td>
|
|
||||||
<td class="item-attr"><strong id="order-Tax"><%=@sale_data.total_tax rescue 0%></strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr class="hidden">
|
|
||||||
<td class="charges-name"><strong>Grand Total:</strong></td>
|
|
||||||
<td class="item-attr"><strong id="order-grand-total"><%=@sale_data.grand_total rescue 0%></strong></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Column One -->
|
|
||||||
|
|
||||||
<!-- Column Two -->
|
<td class="item-attr">(<strong id="order-discount"><%=@sale_data.total_discount rescue 0%></strong>)</td>
|
||||||
<div class="col-lg-5 col-md-5 col-sm-5">
|
</tr>
|
||||||
|
<tr class="hidden">
|
||||||
|
<td class="charges-name"><strong>Tax:</strong></td>
|
||||||
|
<td class="item-attr"><strong id="order-Tax"><%=@sale_data.total_tax rescue 0%></strong></td>
|
||||||
|
</tr>
|
||||||
|
<tr class="hidden">
|
||||||
|
<td class="charges-name"><strong>Grand Total:</strong></td>
|
||||||
|
<td class="item-attr"><strong id="order-grand-total"><%=@sale_data.grand_total rescue 0%></strong></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Column One -->
|
||||||
|
|
||||||
|
<!-- Column Two -->
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-5">
|
||||||
<!-- Discount Amount -->
|
<!-- Discount Amount -->
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div><strong id="order-title">Discount Control</strong></div>
|
<div><strong id="order-title">Discount Control</strong></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<div class="card-title">
|
<div class="card-title">
|
||||||
<div class="form-horizontal">
|
<div class="form-horizontal">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
@@ -106,115 +107,126 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<%
|
<%
|
||||||
@accounts.each do |acc|
|
@accounts.each do |acc|
|
||||||
%>
|
%>
|
||||||
<button id="account-<%= acc.id %>" class="accounts-type btn btn-default"><%= acc.title %></button>
|
<button id="account-<%= acc.id %>" class="accounts-type btn bg-default"><%= acc.title %></button>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="fluid cashier_number" data-value="5" data-type="add">5%</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 cashier_number" data-value="1" data-type="num">1</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="2" data-type="num">2</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="3" data-type="num">3</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row bottom clearfix">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="fluid cashier_number" data-value="10" data-type="add">10%</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 cashier_number" data-value="4" data-type="num">4</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="5" data-type="num">5</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="6" data-type="num">6</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="fluid cashier_number" data-value="15" data-type="add">15%</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 cashier_number" data-value="7" data-type="num">7</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="8" data-type="num">8</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="9" data-type="num">9</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="fluid cashier_number" data-value="20" data-type="add">20%</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 cashier_number" data-value="0" data-type="num">0</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="." data-type="num">.</div>
|
||||||
|
<div class="col-md-3 left cashier_number" data-value="00" data-type="num">00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="fluid cashier_number" data-value="30" data-type="add">30%</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-9">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 cashier_number"></div>
|
||||||
|
<div class="col-md-3 left cashier_number red" data-type="del">DEL</div>
|
||||||
|
<div class="col-md-3 left cashier_number green" data-type="clr">CLR</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<button id="net" class="btn bg-info fluid action-btn">Nett</button>
|
||||||
|
<button id="percentage" class="btn bg-primary fluid action-btn">Percentage</button>
|
||||||
|
<button id="remove-item" class="btn bg-default fluid action-btn">Clear Discount</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<hr />
|
<!-- Column Three -->
|
||||||
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
<div class="row">
|
<!-- Action Panel -->
|
||||||
<div class="col-md-9">
|
<div>
|
||||||
<div class="row bottom">
|
<button type="button" class="btn bg-default btn-block" onclick="window.location.href = '/origami';"><i class="fa fa-arrow-left"></i> Back </button>
|
||||||
<div class="col-md-3">
|
<button id="remove-item-discount" class="btn btn-warning btn- action-btn">Remove Item Discount</button>
|
||||||
<div class="fluid cashier_number" data-value="5" data-type="add">5%</div>
|
<button id="remove-all" class="btn bg-warning btn-block action-btn">Remove All</button>
|
||||||
</div>
|
<button id="pay-discount" class="btn bg-danger btn-block action-btn">Enter</button>
|
||||||
<div class="col-md-9">
|
<% if @member_discount%>
|
||||||
<div class="col-md-4 cashier_number" data-value="1" data-type="num">1</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="2" data-type="num">2</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="3" data-type="num">3</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class="col-md-3">
|
|
||||||
<div class="fluid cashier_number" data-value="10" data-type="add">10%</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-9">
|
|
||||||
<div class="col-md-4 cashier_number" data-value="4" data-type="num">4</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="5" data-type="num">5</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="6" data-type="num">6</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class="col-md-3">
|
|
||||||
<div class="fluid cashier_number" data-value="15" data-type="add">15%</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-9">
|
|
||||||
<div class="col-md-4 cashier_number" data-value="7" data-type="num">7</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="8" data-type="num">8</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="9" data-type="num">9</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class="col-md-3">
|
|
||||||
<div class="fluid cashier_number" data-value="20" data-type="add">20%</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-9">
|
|
||||||
<div class="col-md-4 cashier_number" data-value="0" data-type="num">0</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="." data-type="num">.</div>
|
|
||||||
<div class="col-md-4 left cashier_number" data-value="00" data-type="num">00</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-3">
|
|
||||||
<div class="fluid cashier_number" data-value="30" data-type="add">30%</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-9">
|
|
||||||
<div class="col-md-4 cashier_number"></div>
|
|
||||||
<div class="col-md-4 left cashier_number red" data-type="del">DEL</div>
|
|
||||||
<div class="col-md-4 left cashier_number green" data-type="clr">CLR</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-3">
|
|
||||||
<div class="form-group">
|
|
||||||
<button id="net" class="btn btn-info fluid action-btn">Nett</button>
|
|
||||||
<button id="percentage" class="btn btn-primary fluid action-btn">Percentage</button>
|
|
||||||
<button id="remove-item" class="btn btn-default fluid action-btn">Clear Discount</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Column Three -->
|
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
|
||||||
<!-- Action Panel -->
|
|
||||||
<div>
|
|
||||||
<button type="button" class="btn btn-primary btn-block" onclick="window.location.href = '/origami';"><i class="fa fa-arrow-left"></i> Back </button>
|
|
||||||
<button id="remove-item-discount" class="btn btn-warning btn-block action-btn">RemoveItem Discount</button>
|
|
||||||
<button id="remove-all" class="btn btn-warning btn-block action-btn">Remove All</button>
|
|
||||||
<button id="pay-discount" class="btn btn-danger btn-block action-btn">Enter</button>
|
|
||||||
<% if @member_discount%>
|
|
||||||
<!-- <hr />
|
<!-- <hr />
|
||||||
<button id="member-discount" class="btn btn-success btn-block action-btn
|
<button id="member-discount" class="btn btn-success btn-block action-btn
|
||||||
<%= @sale_data.customer.membership_id ? " " : "disabled"%>">Member Discount</button> -->
|
<%= @sale_data.customer.membership_id ? " " : "disabled"%>">Member Discount</button> -->
|
||||||
<%end %>
|
<%end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$(".cashier_number").on('click', function(event){
|
$(".cashier_number").on('click', function(event){
|
||||||
if(event.handled !== true) {
|
if(event.handled !== true) {
|
||||||
var original_value=0;
|
var original_value=0;
|
||||||
original_value = $('#discount-amount').val();
|
original_value = $('#discount-amount').val();
|
||||||
|
|
||||||
var input_type = $(this).attr("data-type");
|
var input_type = $(this).attr("data-type");
|
||||||
|
|
||||||
switch (input_type) {
|
switch (input_type) {
|
||||||
case 'num':
|
case 'num':
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
if (original_value == "0.0"){
|
if (original_value == "0.0"){
|
||||||
$('#discount-amount').val(input_value);
|
$('#discount-amount').val(input_value);
|
||||||
@@ -224,26 +236,26 @@ $(document).ready(function(){
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'add':
|
case 'add':
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
amount = parseInt(input_value);
|
amount = parseInt(input_value);
|
||||||
$('#discount-amount').val(amount);
|
$('#discount-amount').val(amount);
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'del' :
|
case 'del' :
|
||||||
var discount_text=$('#discount-amount').val();
|
var discount_text=$('#discount-amount').val();
|
||||||
$('#discount-amount').val(discount_text.substr(0,discount_text.length-1));
|
$('#discount-amount').val(discount_text.substr(0,discount_text.length-1));
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'clr':
|
case 'clr':
|
||||||
$('#discount-amount').val("0.0");
|
$('#discount-amount').val("0.0");
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
event.handled = true;
|
event.handled = true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Select Sale Item
|
// Select Sale Item
|
||||||
$('.item-row').on('click',function(){
|
$('.item-row').on('click',function(){
|
||||||
@@ -251,8 +263,8 @@ $(document).ready(function(){
|
|||||||
$(this).removeClass('selected-item');
|
$(this).removeClass('selected-item');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$(this).addClass('selected-item');
|
$(this).addClass('selected-item');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Select discount-item
|
// Select discount-item
|
||||||
@@ -261,8 +273,8 @@ $(document).ready(function(){
|
|||||||
$(this).removeClass('selected-item');
|
$(this).removeClass('selected-item');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$(this).addClass('selected-item');
|
$(this).addClass('selected-item');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Select for account types
|
// Select for account types
|
||||||
@@ -272,19 +284,19 @@ $(document).ready(function(){
|
|||||||
if($(this).hasClass('selected-account') == true){
|
if($(this).hasClass('selected-account') == true){
|
||||||
$(this).removeClass('selected-account');
|
$(this).removeClass('selected-account');
|
||||||
$(".item-row").each(function(i){
|
$(".item-row").each(function(i){
|
||||||
if($(this).children().find("#item-account-type").text() == account_id){
|
if($(this).children().find("#item-account-type").text() == account_id){
|
||||||
$(this).removeClass("selected-item");
|
$(this).removeClass("selected-item");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$(this).addClass('selected-account');
|
$(this).addClass('selected-account');
|
||||||
$(".item-row").each(function(i){
|
$(".item-row").each(function(i){
|
||||||
if($(this).children().find("#item-account-type").text() == account_id){
|
if($(this).children().find("#item-account-type").text() == account_id){
|
||||||
$(this).addClass("selected-item");
|
$(this).addClass("selected-item");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Calculate Net Discount for Payment
|
// Calculate Net Discount for Payment
|
||||||
@@ -362,28 +374,28 @@ $(document).ready(function(){
|
|||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "POST",
|
type: "POST",
|
||||||
url: ajax_url,
|
url: ajax_url,
|
||||||
data: params,
|
data: params,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: result.status,
|
content: result.status,
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
if(result.table_type == "Table"){
|
if(result.table_type == "Table"){
|
||||||
window.location.href = "/origami/table/" + result.table_id
|
window.location.href = "/origami/table/" + result.table_id
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
window.location.href = "/origami/room/" + result.table_id
|
window.location.href = "/origami/room/" + result.table_id
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -397,18 +409,18 @@ $(document).ready(function(){
|
|||||||
var sale_items = get_selected_sale_items();
|
var sale_items = get_selected_sale_items();
|
||||||
if(sale_items.length == 0){
|
if(sale_items.length == 0){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: "You have no selected item!",
|
content: "You have no selected item!",
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
for(var i=0;i < sale_items.length;i++){
|
for(var i=0;i < sale_items.length;i++){
|
||||||
@@ -417,18 +429,18 @@ $(document).ready(function(){
|
|||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: "You have selected no discount item!!",
|
content: "You have selected no discount item!!",
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -439,23 +451,23 @@ $(document).ready(function(){
|
|||||||
data: params,
|
data: params,
|
||||||
success: function(result){
|
success: function(result){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: result.status,
|
content: result.status,
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
if(result.table_type == "Table"){
|
if(result.table_type == "Table"){
|
||||||
window.location.href = "/origami/table/" + result.table_id
|
window.location.href = "/origami/table/" + result.table_id
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
window.location.href = "/origami/room/" + result.table_id
|
window.location.href = "/origami/room/" + result.table_id
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -468,23 +480,23 @@ $(document).ready(function(){
|
|||||||
url: "/origami/" + sale_id + "/remove_all_discount",
|
url: "/origami/" + sale_id + "/remove_all_discount",
|
||||||
success: function(result){
|
success: function(result){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: result.status,
|
content: result.status,
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
if(result.table_type == "Table"){
|
if(result.table_type == "Table"){
|
||||||
window.location.href = "/origami/table/" + result.table_id
|
window.location.href = "/origami/table/" + result.table_id
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
window.location.href = "/origami/room/" + result.table_id
|
window.location.href = "/origami/room/" + result.table_id
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -507,41 +519,41 @@ $(document).ready(function(){
|
|||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "POST",
|
type: "POST",
|
||||||
url: ajax_url,
|
url: ajax_url,
|
||||||
data: params,
|
data: params,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
console.log(result)
|
console.log(result)
|
||||||
if (result.status == "Success") {
|
if (result.status == "Success") {
|
||||||
type = 'green'
|
type = 'green'
|
||||||
btn_color = 'btn-green'
|
btn_color = 'btn-green'
|
||||||
}else{
|
}else{
|
||||||
type = 'red'
|
type = 'red'
|
||||||
btn_color = 'btn-red'
|
btn_color = 'btn-red'
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: result.title,
|
title: result.title,
|
||||||
content: result.status,
|
content: result.status,
|
||||||
columnClass: 'small',
|
columnClass: 'small',
|
||||||
type: type,
|
type: type,
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: btn_color,
|
btnClass: btn_color,
|
||||||
action: function(){
|
action: function(){
|
||||||
if(result.table_type == "Table"){
|
if(result.table_type == "Table"){
|
||||||
window.location.href = "/origami/table/" + result.table_id
|
window.location.href = "/origami/table/" + result.table_id
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
window.location.href = "/origami/room/" + result.table_id
|
window.location.href = "/origami/room/" + result.table_id
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// }
|
// }
|
||||||
// else{
|
// else{
|
||||||
@@ -552,48 +564,48 @@ console.log(result)
|
|||||||
// typeAnimated: true,
|
// typeAnimated: true,
|
||||||
// btnClass: 'btn-danger',
|
// btnClass: 'btn-danger',
|
||||||
// });
|
// });
|
||||||
|
|
||||||
// }
|
// }
|
||||||
|
|
||||||
});//end member discount
|
});//end member discount
|
||||||
});
|
});
|
||||||
|
|
||||||
/* Remove Selection */
|
/* Remove Selection */
|
||||||
function selection_remove(){
|
function selection_remove(){
|
||||||
$(".item-row").removeClass("selected-item");
|
$(".item-row").removeClass("selected-item");
|
||||||
$(".discount_item_row").removeClass("selected-item");
|
$(".discount_item_row").removeClass("selected-item");
|
||||||
$(".accounts-type").removeClass("selected-account");
|
$(".accounts-type").removeClass("selected-account");
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Get Item rows but not discount*/
|
/* Get Item rows but not discount*/
|
||||||
function get_item_rows(){
|
function get_item_rows(){
|
||||||
var sale_items = [];
|
var sale_items = [];
|
||||||
$('.item-row').not('.discount-item-row').each(function(i){
|
$('.item-row').not('.discount-item-row').each(function(i){
|
||||||
var sale_item = {};
|
var sale_item = {};
|
||||||
sale_item.id = $(this).attr('id').substr(0,16);
|
sale_item.id = $(this).attr('id').substr(0,16);
|
||||||
sale_item.name = $(this).find('#item-name-price').text().split('@')[0];
|
sale_item.name = $(this).find('#item-name-price').text().split('@')[0];
|
||||||
sale_item.account_id = $(this).find('#item-account-type').text();
|
sale_item.account_id = $(this).find('#item-account-type').text();
|
||||||
sale_item.price = $(this).find('#item-total-price').text();
|
sale_item.price = $(this).find('#item-total-price').text();
|
||||||
sale_items.push(sale_item);
|
sale_items.push(sale_item);
|
||||||
});
|
});
|
||||||
return sale_items;
|
return sale_items;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Get discount Item rows */
|
/* Get discount Item rows */
|
||||||
function get_discount_item_rows(){
|
function get_discount_item_rows(){
|
||||||
var sale_items = [];
|
var sale_items = [];
|
||||||
$('.discount-item-row').each(function(i){
|
$('.discount-item-row').each(function(i){
|
||||||
var sale_item = {};
|
var sale_item = {};
|
||||||
sale_item.id = $(this).attr('id');
|
sale_item.id = $(this).attr('id');
|
||||||
sale_item.name = $(this).find('#item-name-price').text();
|
sale_item.name = $(this).find('#item-name-price').text();
|
||||||
sale_item.account_id = $(this).find('#item_account_type').text();
|
sale_item.account_id = $(this).find('#item_account_type').text();
|
||||||
sale_item.price = $(this).find('#item-total-price').text();
|
sale_item.price = $(this).find('#item-total-price').text();
|
||||||
sale_items.push(sale_item);
|
sale_items.push(sale_item);
|
||||||
});
|
});
|
||||||
return sale_items;
|
return sale_items;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Get discount Item rows */
|
/* Get discount Item rows */
|
||||||
// function get_selected_discount_items(){
|
// function get_selected_discount_items(){
|
||||||
// var sale_items = [];
|
// var sale_items = [];
|
||||||
// $('.discount-item-row').hasClass('.selected-item').each(function(i){
|
// $('.discount-item-row').hasClass('.selected-item').each(function(i){
|
||||||
@@ -650,18 +662,18 @@ function calculate_overall_discount(type, amount){
|
|||||||
if(type == 1){
|
if(type == 1){
|
||||||
if(amount > 100 ){
|
if(amount > 100 ){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: "Percentage Value over 100!",
|
content: "Percentage Value over 100!",
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
total_discount = (origin_sub_total * amount)/100;
|
total_discount = (origin_sub_total * amount)/100;
|
||||||
@@ -693,9 +705,9 @@ function calculate_item_discount(type, amount, sale_items, account_types){
|
|||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
// else {
|
// else {
|
||||||
var discount_item_row = item_row_template(type,sale_items[i], dis_amount, amount);
|
var discount_item_row = item_row_template(type,sale_items[i], dis_amount, amount);
|
||||||
$("#order-items-table tbody").append(discount_item_row);
|
$("#order-items-table tbody").append(discount_item_row);
|
||||||
total_discount = total_discount + amount;
|
total_discount = total_discount + amount;
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -727,18 +739,18 @@ function calculate_item_discount(type, amount, sale_items, account_types){
|
|||||||
if(type == 1){
|
if(type == 1){
|
||||||
if(amount > 100 ){
|
if(amount > 100 ){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: "Percentage Value over 100!",
|
content: "Percentage Value over 100!",
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
// Check sale items exists
|
// Check sale items exists
|
||||||
@@ -798,23 +810,23 @@ function item_row_template(type, item, discount_amount, amount){
|
|||||||
dis_str = dis_str + "(" + amount + "%)"
|
dis_str = dis_str + "(" + amount + "%)"
|
||||||
}
|
}
|
||||||
var discount_item_row = "<tr class='discount-item-row' id='" + item.id + "'>" +
|
var discount_item_row = "<tr class='discount-item-row' id='" + item.id + "'>" +
|
||||||
"<td style='width: 60%; text-align: left;'>" +
|
"<td style='width: 60%; text-align: left;'>" +
|
||||||
"<span id='item_account_type' class='hidden'>" +
|
"<span id='item_account_type' class='hidden'>" +
|
||||||
item.account_id +
|
item.account_id +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
"<span id='item-name-price'>" +
|
"<span id='item-name-price'>" +
|
||||||
item.name + dis_str +
|
item.name + dis_str +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
"</td>" +
|
"</td>" +
|
||||||
"<td style='width: 20%; text-align: right;'>" +
|
"<td style='width: 20%; text-align: right;'>" +
|
||||||
"<span id='item-qty'>1</span>" +
|
"<span id='item-qty'>1</span>" +
|
||||||
"</td>" +
|
"</td>" +
|
||||||
"<td style='width: 20%; text-align: right;'>" +
|
"<td style='width: 20%; text-align: right;'>" +
|
||||||
"<span id='item-total-price'>" +
|
"<span id='item-total-price'>" +
|
||||||
discount_amount +
|
discount_amount +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
"</td>" +
|
"</td>" +
|
||||||
"</tr>";
|
"</tr>";
|
||||||
return discount_item_row;
|
return discount_item_row;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -16,12 +16,12 @@
|
|||||||
</div><br>
|
</div><br>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<% f.button :submit, "Create", :class => 'btn btn-primary ', :id => 'create' %>
|
<% f.button :submit, "Create", :class => 'btn bg-blue ', :id => 'create' %>
|
||||||
<% f.button :submit, "Update", :class => 'btn btn-primary ', :disabled => '', :id => 'update' %>
|
<% f.button :submit, "Update", :class => 'btn bg-blue ', :disabled => '', :id => 'update' %>
|
||||||
<% f.button :button, "Reset", :class => 'btn btn-danger ', :id => 'reset' %>
|
<% f.button :button, "Reset", :class => 'btn bg-danger ', :id => 'reset' %>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-actions">
|
<div class="form-actions">
|
||||||
<%= f.button :submit, :class => 'btn btn-primary' %>
|
<%= f.button :submit, :class => 'btn bg-blue' %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|||||||
@@ -22,10 +22,10 @@
|
|||||||
<div class="form-actions">
|
<div class="form-actions">
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class="col-md-2">
|
<div class="col-md-2">
|
||||||
<%= link_to 'Back', origami_index_in_duty_path(@table.id), class: 'btn btn-success' %>
|
<%= link_to 'Back', origami_index_in_duty_path(@table.id), class: 'btn bg-default' %>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-10">
|
<div class="col-md-10">
|
||||||
<button type="button" class="btn btn-primary btn-block" id='in_duty'>Create In Duty</button>
|
<button type="button" class="btn bg-blue btn-block" id='in_duty'>Create In Duty</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
<div class="conatiner-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
@@ -34,14 +35,14 @@
|
|||||||
<%= render 'form', in_duty: @in_duty, table: @table %>
|
<%= render 'form', in_duty: @in_duty, table: @table %>
|
||||||
</div>
|
</div>
|
||||||
<span style="float: right">
|
<span style="float: right">
|
||||||
<%= link_to t('.new', :default => t("helpers.links.new")), new_origami_in_duty_path, :class => 'btn btn-primary btn-sm' %>
|
<%= link_to t('.new', :default => t("helpers.links.new")), new_origami_in_duty_path, :class => 'btn bg-blue' %>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-1">
|
<div class="col-md-1">
|
||||||
<button type="button" class="btn btn-primary btn-block" id='back'>Back</button>
|
<button type="button" class="btn btn-primary btn-block" id='back'>Back</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).on('click', ".induty_tr", function () {
|
$(document).on('click', ".induty_tr", function () {
|
||||||
|
|
||||||
|
|||||||
@@ -1,227 +1,238 @@
|
|||||||
<div class="row">
|
<div class="container-fluid">
|
||||||
<!-- Column One -->
|
<div class="row">
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
<!-- Column One -->
|
||||||
<!-- Order Details -->
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<div class="card" >
|
<!-- Order Details -->
|
||||||
|
<div class="card" >
|
||||||
<!-- <div class="card-header">
|
<!-- <div class="card-header">
|
||||||
<div><strong id="order-title">ORDER DETAILS</strong></div>
|
<div><strong id="order-title">ORDER DETAILS</strong></div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<div class="card-title row">
|
<div class="card-title row">
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<p id="sale-id" class="hidden"><%=@sale_data.sale_id %></p>
|
<p id="sale-id" class="hidden"><%=@sale_data.sale_id %></p>
|
||||||
<p>Receipt No: <span id="receipt_no"><%=@sale_data.receipt_no rescue ' '%></span></p>
|
<p>Receipt No: <span id="receipt_no"><%=@sale_data.receipt_no rescue ' '%></span></p>
|
||||||
<!-- <p>Cashier: <span id="cashier"><%=@sale_data.cashier_name rescue ' '%></span></p> -->
|
<!-- <p>Cashier: <span id="cashier"><%=@sale_data.cashier_name rescue ' '%></span></p> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
||||||
<p>Date: <span id="receipt_date"> <%=@sale_data.receipt_date.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></span></p>
|
<p>Date: <span id="receipt_date"> <%=@sale_data.receipt_date.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></span></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-text dining">
|
<div class="card-text dining">
|
||||||
<table class="table table-default" id="order-items-table">
|
<table class="table table-default" id="order-items-table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="item-name">Items</th>
|
<th class="item-name">Items</th>
|
||||||
<th class="item-attr">QTY</td>
|
<th class="item-attr">QTY</td>
|
||||||
<th class="item-attr">Price</td>
|
<th class="item-attr">Price</td>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<% sub_total = 0 %>
|
<% sub_total = 0 %>
|
||||||
<% @sale_data.sale_items.each do |sale_item| %>
|
<% @sale_data.sale_items.each do |sale_item| %>
|
||||||
<%
|
<%
|
||||||
sub_total += sale_item.qty*sale_item.unit_price
|
sub_total += sale_item.qty*sale_item.unit_price
|
||||||
unless sale_item.price == 0
|
unless sale_item.price == 0
|
||||||
%>
|
%>
|
||||||
<tr class="item-row" id=<%= sale_item.sale_item_id %> >
|
<tr class="item-row" id=<%= sale_item.sale_item_id %> >
|
||||||
<td style="width:60%; text-align:left">
|
<td style="width:60%; text-align:left">
|
||||||
<span id="item-account-type" class="hidden"><%=sale_item.account_id%></span>
|
<span id="item-account-type" class="hidden"><%=sale_item.account_id%></span>
|
||||||
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
||||||
</td>
|
</td>
|
||||||
<td style="width:20%; text-align:right">
|
<td style="width:20%; text-align:right">
|
||||||
<span id="item-qty"><%=sale_item.qty%></span>
|
<span id="item-qty"><%=sale_item.qty%></span>
|
||||||
</td>
|
</td>
|
||||||
<td style="width:20%; text-align:right">
|
<td style="width:20%; text-align:right">
|
||||||
<span id="item-total-price"><%=(sale_item.qty*sale_item.unit_price)%></span>
|
<span id="item-total-price"><%=(sale_item.qty*sale_item.unit_price)%></span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<%
|
<%
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
%>
|
%>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<table class="table" id="order-charges-table" border="0">
|
<table class="table" id="order-charges-table" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="charges-name"><strong>Sub Total:</strong></td>
|
<td class="charges-name"><strong>Sub Total:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-sub-total"><%=sub_total%></strong></td>
|
<td class="item-attr"><strong id="order-sub-total"><%=sub_total%></strong></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<%if @sale_data.discount_type == 'member_discount'%>
|
<%if @sale_data.discount_type == 'member_discount'%>
|
||||||
<td class="charges-name"><strong>Member Discount:</strong></td>
|
<td class="charges-name"><strong>Member Discount:</strong></td>
|
||||||
<%else%>
|
<%else%>
|
||||||
<td class="charges-name"><strong>Discount:</strong></td>
|
<td class="charges-name"><strong>Discount:</strong></td>
|
||||||
<%end%>
|
<%end%>
|
||||||
<td class="item-attr">(<strong id="order-discount"><%=@sale_data.total_discount rescue 0%></strong>)</td>
|
<td class="item-attr">(<strong id="order-discount"><%=@sale_data.total_discount rescue 0%></strong>)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="hidden">
|
<tr class="hidden">
|
||||||
<td class="charges-name"><strong>Tax:</strong></td>
|
<td class="charges-name"><strong>Tax:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-Tax"><%=@sale_data.total_tax rescue 0%></strong></td>
|
<td class="item-attr"><strong id="order-Tax"><%=@sale_data.total_tax rescue 0%></strong></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="hidden">
|
<tr class="hidden">
|
||||||
<td class="charges-name"><strong>Grand Total:</strong></td>
|
<td class="charges-name"><strong>Grand Total:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-grand-total"><%=@sale_data.grand_total rescue 0%></strong></td>
|
<td class="item-attr"><strong id="order-grand-total"><%=@sale_data.grand_total rescue 0%></strong></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Column One -->
|
<!-- Column One -->
|
||||||
|
|
||||||
<!-- Column Two -->
|
<!-- Column Two -->
|
||||||
<div class="col-lg-5 col-md-5 col-sm-5">
|
<div class="col-lg-5 col-md-5 col-sm-5">
|
||||||
<!-- Discount Amount -->
|
<!-- Discount Amount -->
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div><strong id="order-title">Other Charges Control</strong></div>
|
<div><strong id="order-title">Other Charges Control</strong></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<div class="card-title">
|
<div class="card-title">
|
||||||
<div class="form-horizontal">
|
<div class="form-horizontal">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="form-group">
|
<div class="-group">
|
||||||
<input type="text" id="other-charges-amount" name="other-charges-amount" class="form-control" placeholder="Amount" />
|
<input type="text" id="other-charges-amount" name="other-charges-amount" class="form-control" placeholder="Amount" />
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="-group">
|
||||||
<textarea id="reasons" name="reasons" rows="2" class="form-control" placeholder="Reasons"></textarea>
|
<textarea id="reasons" name="reasons" rows="2" class="form-control" placeholder="Reasons"></textarea>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="fluid cashier_number" data-value="3000" data-type="add">3000</div>
|
<div class="fluid cashier_number" data-value="3000" data-type="add">3000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="col-md-4 cashier_number" data-value="1" data-type="num">1</div>
|
<div class="row">
|
||||||
<div class="col-md-4 left cashier_number" data-value="2" data-type="num">2</div>
|
<div class="col-md-3 cashier_number" data-value="1" data-type="num">1</div>
|
||||||
<div class="col-md-4 left cashier_number" data-value="3" data-type="num">3</div>
|
<div class="col-md-3 left cashier_number" data-value="2" data-type="num">2</div>
|
||||||
</div>
|
<div class="col-md-3 left cashier_number" data-value="3" data-type="num">3</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="fluid cashier_number" data-value="5000" data-type="add">5000</div>
|
<div class="fluid cashier_number" data-value="5000" data-type="add">5000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="col-md-4 cashier_number" data-value="4" data-type="num">4</div>
|
<div class="row">
|
||||||
<div class="col-md-4 left cashier_number" data-value="5" data-type="num">5</div>
|
<div class="col-md-3 cashier_number" data-value="4" data-type="num">4</div>
|
||||||
<div class="col-md-4 left cashier_number" data-value="6" data-type="num">6</div>
|
<div class="col-md-3 left cashier_number" data-value="5" data-type="num">5</div>
|
||||||
</div>
|
<div class="col-md-3 left cashier_number" data-value="6" data-type="num">6</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="fluid cashier_number" data-value="10000" data-type="add">10000</div>
|
<div class="fluid cashier_number" data-value="10000" data-type="add">10000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="col-md-4 cashier_number" data-value="7" data-type="num">7</div>
|
<div class="row">
|
||||||
<div class="col-md-4 left cashier_number" data-value="8" data-type="num">8</div>
|
<div class="col-md-3 cashier_number" data-value="7" data-type="num">7</div>
|
||||||
<div class="col-md-4 left cashier_number" data-value="9" data-type="num">9</div>
|
<div class="col-md-3 left cashier_number" data-value="8" data-type="num">8</div>
|
||||||
</div>
|
<div class="col-md-3 left cashier_number" data-value="9" data-type="num">9</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="fluid cashier_number" data-value="15000" data-type="add">15000</div>
|
<div class="fluid cashier_number" data-value="15000" data-type="add">15000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="col-md-4 cashier_number" data-value="0" data-type="num">0</div>
|
<div class="row">
|
||||||
<div class="col-md-4 left cashier_number" data-value="." data-type="num">.</div>
|
<div class="col-md-3 cashier_number" data-value="0" data-type="num">0</div>
|
||||||
<div class="col-md-4 left cashier_number" data-value="00" data-type="num">00</div>
|
<div class="col-md-3 left cashier_number" data-value="." data-type="num">.</div>
|
||||||
</div>
|
<div class="col-md-3 left cashier_number" data-value="00" data-type="num">00</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="fluid cashier_number" data-value="20000" data-type="add">20000</div>
|
<div class="fluid cashier_number" data-value="20000" data-type="add">20000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
<div class="col-md-4 cashier_number"></div>
|
<div class="row">
|
||||||
<div class="col-md-4 left cashier_number red" data-type="del">DEL</div>
|
<div class="col-md-3 cashier_number"></div>
|
||||||
<div class="col-md-4 left cashier_number green" data-type="clr">CLR</div>
|
<div class="col-md-3 left cashier_number red" data-type="del">DEL</div>
|
||||||
</div>
|
<div class="col-md-3 left cashier_number green" data-type="clr">CLR</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<button id="add_charges" class="btn btn-info fluid action-btn">Add</button>
|
<button id="add_charges" class="btn bg-info fluid action-btn">Add</button>
|
||||||
<button id="remove-item" class="btn btn-default fluid action-btn">Remove</button>
|
<button id="remove-item" class="btn bg-danger fluid action-btn">Remove</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Column Three -->
|
<!-- Column Three -->
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
<!-- Action Panel -->
|
<!-- Action Panel -->
|
||||||
<div>
|
<div>
|
||||||
<button type="button" class="btn btn-primary btn-block" onclick="window.location.href = '/origami';"><i class="fa fa-arrow-left"></i> Back </button>
|
<button type="button" class="btn bg-default btn-block" onclick="window.location.href = '/origami';"><i class="fa fa-arrow-left"></i> Back </button>
|
||||||
<button id="charge_other" class="btn btn-danger btn-block action-btn">Enter</button>
|
<button id="charge_other" class="btn bg-success btn-block action-btn">Enter</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$(".cashier_number").on('click', function(event){
|
$(".cashier_number").on('click', function(event){
|
||||||
if(event.handled !== true) {
|
if(event.handled !== true) {
|
||||||
var original_value=0;
|
var original_value=0;
|
||||||
original_value = $('#other-charges-amount').val();
|
original_value = $('#other-charges-amount').val();
|
||||||
|
|
||||||
var input_type = $(this).attr("data-type");
|
var input_type = $(this).attr("data-type");
|
||||||
|
|
||||||
switch (input_type) {
|
switch (input_type) {
|
||||||
case 'num':
|
case 'num':
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
if (original_value == "0.0"){
|
if (original_value == "0.0"){
|
||||||
$('#other-charges-amount').val(input_value);
|
$('#other-charges-amount').val(input_value);
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
$('#other-charges-amount').val(original_value + '' + input_value);
|
$('#other-charges-amount').val(original_value + '' + input_value);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'add':
|
case 'add':
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
amount = parseInt(input_value);
|
amount = parseInt(input_value);
|
||||||
$('#other-charges-amount').val(amount);
|
$('#other-charges-amount').val(amount);
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'del' :
|
case 'del' :
|
||||||
var discount_text=$('#other-charges-amount').val();
|
var discount_text=$('#other-charges-amount').val();
|
||||||
$('#other-charges-amount').val(discount_text.substr(0,discount_text.length-1));
|
$('#other-charges-amount').val(discount_text.substr(0,discount_text.length-1));
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'clr':
|
case 'clr':
|
||||||
$('#other-charges-amount').val("0.0");
|
$('#other-charges-amount').val("0.0");
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
event.handled = true;
|
event.handled = true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Select discount-item
|
// Select discount-item
|
||||||
@@ -230,8 +241,8 @@
|
|||||||
$(this).removeClass('selected-item');
|
$(this).removeClass('selected-item');
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$(this).addClass('selected-item');
|
$(this).addClass('selected-item');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Remove selected discount items
|
// Remove selected discount items
|
||||||
@@ -275,61 +286,61 @@
|
|||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "POST",
|
type: "POST",
|
||||||
url: ajax_url,
|
url: ajax_url,
|
||||||
data: params,
|
data: params,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
alert("Success!");
|
alert("Success!");
|
||||||
if(result.table_type == "Table"){
|
if(result.table_type == "Table"){
|
||||||
window.location.href = "/origami/table/" + result.table_id
|
window.location.href = "/origami/table/" + result.table_id
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
window.location.href = "/origami/room/" + result.table_id
|
window.location.href = "/origami/room/" + result.table_id
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
/* Remove Selection */
|
/* Remove Selection */
|
||||||
function selection_remove(){
|
function selection_remove(){
|
||||||
$(".item-row").removeClass("selected-item");
|
$(".item-row").removeClass("selected-item");
|
||||||
$(".discount_item_row").removeClass("selected-item");
|
$(".discount_item_row").removeClass("selected-item");
|
||||||
$(".accounts-type").removeClass("selected-account");
|
$(".accounts-type").removeClass("selected-account");
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Get discount Item rows */
|
/* Get discount Item rows */
|
||||||
function get_other_item_rows(){
|
function get_other_item_rows(){
|
||||||
var sale_items = [];
|
var sale_items = [];
|
||||||
$('.other-item-row').each(function(i){
|
$('.other-item-row').each(function(i){
|
||||||
var sale_item = {};
|
var sale_item = {};
|
||||||
sale_item.id = $(this).attr('id');
|
sale_item.id = $(this).attr('id');
|
||||||
sale_item.name = $(this).find('#item-name-price').text();
|
sale_item.name = $(this).find('#item-name-price').text();
|
||||||
sale_item.price = $(this).find('#item-total-price').text();
|
sale_item.price = $(this).find('#item-total-price').text();
|
||||||
sale_items.push(sale_item);
|
sale_items.push(sale_item);
|
||||||
});
|
});
|
||||||
return sale_items;
|
return sale_items;
|
||||||
}
|
}
|
||||||
|
|
||||||
function item_row_template(sale_id, charge_amount, reasons){
|
function item_row_template(sale_id, charge_amount, reasons){
|
||||||
var item_row = "<tr class='other-item-row' id='SLI-000000000000'>" +
|
var item_row = "<tr class='other-item-row' id='SLI-000000000000'>" +
|
||||||
"<td style='width: 60%; text-align: left;'>" +
|
"<td style='width: 60%; text-align: left;'>" +
|
||||||
"<span id='item_account_type' class='hidden'>" +
|
"<span id='item_account_type' class='hidden'>" +
|
||||||
0 +
|
0 +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
"<span id='item-name-price'>" +
|
"<span id='item-name-price'>" +
|
||||||
reasons +
|
reasons +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
"</td>" +
|
"</td>" +
|
||||||
"<td style='width: 20%; text-align: right;'>" +
|
"<td style='width: 20%; text-align: right;'>" +
|
||||||
"<span id='item-qty'>1</span>" +
|
"<span id='item-qty'>1</span>" +
|
||||||
"</td>" +
|
"</td>" +
|
||||||
"<td style='width: 20%; text-align: right;'>" +
|
"<td style='width: 20%; text-align: right;'>" +
|
||||||
"<span id='item-total-price'>" +
|
"<span id='item-total-price'>" +
|
||||||
charge_amount +
|
charge_amount +
|
||||||
"</span>" +
|
"</span>" +
|
||||||
"</td>" +
|
"</td>" +
|
||||||
"</tr>";
|
"</tr>";
|
||||||
return item_row;
|
return item_row;
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,27 +1,28 @@
|
|||||||
<div class="row">
|
<div class="container-fluid">
|
||||||
<div class="col-lg-11col-md-11 col-sm-11">
|
<div class="row">
|
||||||
<div >
|
<div class="col-lg-11col-md-11 col-sm-11">
|
||||||
<div >
|
<div >
|
||||||
<% @payment_method_setting.where("is_active = true").each do |payment_method|%>
|
<div >
|
||||||
|
<% @payment_method_setting.where("is_active = true").each do |payment_method|%>
|
||||||
<div class="purple others-payment bottom left" data-type="<%= payment_method.payment_method %>" id="<%= payment_method.payment_method %>" data-url="<%=payment_method.gateway_url%>" data-sale-id="<%= @sale_id%>"><%= payment_method.payment_method %></div>
|
<div class="purple others-payment bottom left" data-type="<%= payment_method.payment_method %>" id="<%= payment_method.payment_method %>" data-url="<%=payment_method.gateway_url%>" data-sale-id="<%= @sale_id%>"><%= payment_method.payment_method %></div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
|
<button type="button" class="btn btn-primary btn-block" id='back'>Back</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
|
||||||
<button type="button" class="btn btn-primary btn-block" id='back'>Back</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
$('.others-payment').on('click',function(){
|
$('.others-payment').on('click',function(){
|
||||||
var input_type = $(this).attr("data-type");
|
var input_type = $(this).attr("data-type");
|
||||||
var sale_id = $(this).attr("data-sale-id");
|
var sale_id = $(this).attr("data-sale-id");
|
||||||
window.location.href = '/origami/sale/'+ sale_id + "/payment/others_payment/" + input_type;
|
window.location.href = '/origami/sale/'+ sale_id + "/payment/others_payment/" + input_type;
|
||||||
})
|
})
|
||||||
|
|
||||||
$('#back').on('click',function(){
|
$('#back').on('click',function(){
|
||||||
window.location.href = '/origami/sale/<%= @sale_id %>/payment/';
|
window.location.href = '/origami/sale/<%= @sale_id %>/payment/';
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,107 +1,109 @@
|
|||||||
<div id="loading_wrapper" style="display:none;">
|
<div class="container-fluid">
|
||||||
<div id="loading"></div>
|
<div id="loading_wrapper" style="display:none;">
|
||||||
</div>
|
<div id="loading"></div>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="col-lg-6 col-md-6 col-sm-3">
|
|
||||||
<div class="card" >
|
|
||||||
<div class="card-header">
|
|
||||||
<div id="order-title">
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td style="width:50%;"><strong>Receipt No : <%=@sale_data.receipt_no rescue ' '%></strong></td>
|
|
||||||
<td style="width:50%;"><strong>Receipt Date : <%=@sale_data.receipt_date.utc.getlocal.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><strong>Table No</strong> - <%=@table_no%></td>
|
|
||||||
<td><strong>Sale Id</strong> <span id="sale_id"><% if @sale_data %><%=@sale_data.sale_id %><% end %></span></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="width:50%;"><strong>Customer :</strong> <%= @sale_data.customer.name%></td>
|
|
||||||
<span class="hidden" id="membership_id"><%= @sale_data.customer.membership_id%></span>
|
|
||||||
<span class="hidden" id="member_discount"><%= @member_discount%></span>
|
|
||||||
<td style="width:50%;"><strong>Customer ID :</strong> <%= @sale_data.customer.customer_id%></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-block">
|
|
||||||
<div class="card-title">
|
|
||||||
<table >
|
|
||||||
<!-- <thead> -->
|
|
||||||
<tr>
|
|
||||||
<th style="width:5%">#</th>
|
|
||||||
<th style="width:76%;">Items</th>
|
|
||||||
<th style="width:20%;">QTY</td>
|
|
||||||
<th style="width:20%;">Price</td>
|
|
||||||
</tr>
|
|
||||||
<!-- </thead> -->
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll">
|
|
||||||
<table class="table" id="append-table">
|
|
||||||
<tbody>
|
|
||||||
<% sub_total = 0
|
|
||||||
count = 0
|
|
||||||
%>
|
|
||||||
<% @sale_data.sale_items.each do |sale_item|
|
|
||||||
count += 1
|
|
||||||
%>
|
|
||||||
|
|
||||||
<% sub_total += sale_item.price%>
|
<div class="row">
|
||||||
<tr>
|
<div class="col-lg-6 col-md-6 col-sm-3">
|
||||||
<td><%= count %></td>
|
<div class="card" >
|
||||||
<td style="width:60%; text-align:left">
|
<div class="card-header">
|
||||||
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
<div id="order-title">
|
||||||
</td>
|
<table>
|
||||||
<td style="width:20%; text-align:right">
|
<tr>
|
||||||
<span id="item-qty"><%=sale_item.qty%></span>
|
<td style="width:50%;"><strong>Receipt No : <%=@sale_data.receipt_no rescue ' '%></strong></td>
|
||||||
</td>
|
<td style="width:50%;"><strong>Receipt Date : <%=@sale_data.receipt_date.utc.getlocal.strftime("%d/%m/%Y - %I:%M %p") rescue '-'%></strong></td>
|
||||||
<td style="width:20%; text-align:right">
|
</tr>
|
||||||
<span id="item-total-price"><%=(sale_item.price)%></span>
|
<tr>
|
||||||
</td>
|
<td><strong>Table No</strong> - <%=@table_no%></td>
|
||||||
</tr>
|
<td><strong>Sale Id</strong> <span id="sale_id"><% if @sale_data %><%=@sale_data.sale_id %><% end %></span></td>
|
||||||
<%end %>
|
</tr>
|
||||||
</tbody>
|
<tr>
|
||||||
</table>
|
<td style="width:50%;"><strong>Customer :</strong> <%= @sale_data.customer.name%></td>
|
||||||
</div>
|
<span class="hidden" id="membership_id"><%= @sale_data.customer.membership_id%></span>
|
||||||
<div class="card-footer">
|
<span class="hidden" id="member_discount"><%= @member_discount%></span>
|
||||||
<table class="table" style="margin-bottom:0px">
|
<td style="width:50%;"><strong>Customer ID :</strong> <%= @sale_data.customer.customer_id%></td>
|
||||||
<tfooter>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong>Sub Total</strong></td>
|
|
||||||
<td style="width:20%; text-align:right; border-top:none"><strong><span id="sub-total"><%=sub_total%></span></strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<%if @sale_data.discount_type == 'member_discount'%>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong>Member Discount:</strong></td>
|
|
||||||
<%else%>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong>(Discount)</strong></td>
|
|
||||||
<%end%>
|
|
||||||
|
|
||||||
<td style="width:20%; text-align:right; border-top:none"><strong><span>(<%=@sale_data.total_discount rescue 0%>)</span></strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong>Tax</strong></td>
|
|
||||||
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.total_tax rescue 0%></span></strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong>Rounding Adj:</strong></td>
|
|
||||||
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.rounding_adjustment rescue 0%></span></strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong>Grand Total</strong></td>
|
|
||||||
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.grand_total rescue 0%></span></strong></td>
|
|
||||||
</tr>
|
|
||||||
<%if @balance > 0%>
|
|
||||||
<tr>
|
|
||||||
<td style="width:80%; text-align:left; border-top:none"><strong><%= @accountable_type %></strong></td>
|
|
||||||
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@balance%></span></strong></td>
|
|
||||||
</tr>
|
|
||||||
<% end %>
|
|
||||||
</tfooter>
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div style='text-align:center;margin-top:20px'>
|
</div>
|
||||||
|
<div class="card-block">
|
||||||
|
<div class="card-title">
|
||||||
|
<table >
|
||||||
|
<!-- <thead> -->
|
||||||
|
<tr>
|
||||||
|
<th style="width:5%">#</th>
|
||||||
|
<th style="width:76%;">Items</th>
|
||||||
|
<th style="width:20%;">QTY</td>
|
||||||
|
<th style="width:20%;">Price</td>
|
||||||
|
</tr>
|
||||||
|
<!-- </thead> -->
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll">
|
||||||
|
<table class="table" id="append-table">
|
||||||
|
<tbody>
|
||||||
|
<% sub_total = 0
|
||||||
|
count = 0
|
||||||
|
%>
|
||||||
|
<% @sale_data.sale_items.each do |sale_item|
|
||||||
|
count += 1
|
||||||
|
%>
|
||||||
|
|
||||||
|
<% sub_total += sale_item.price%>
|
||||||
|
<tr>
|
||||||
|
<td><%= count %></td>
|
||||||
|
<td style="width:60%; text-align:left">
|
||||||
|
<span id="item-name-price"><%=sale_item.product_name%>@<%=sale_item.unit_price%></span>
|
||||||
|
</td>
|
||||||
|
<td style="width:20%; text-align:right">
|
||||||
|
<span id="item-qty"><%=sale_item.qty%></span>
|
||||||
|
</td>
|
||||||
|
<td style="width:20%; text-align:right">
|
||||||
|
<span id="item-total-price"><%=(sale_item.price)%></span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<%end %>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<table class="table" style="margin-bottom:0px">
|
||||||
|
<tfooter>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong>Sub Total</strong></td>
|
||||||
|
<td style="width:20%; text-align:right; border-top:none"><strong><span id="sub-total"><%=sub_total%></span></strong></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<%if @sale_data.discount_type == 'member_discount'%>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong>Member Discount:</strong></td>
|
||||||
|
<%else%>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong>(Discount)</strong></td>
|
||||||
|
<%end%>
|
||||||
|
|
||||||
|
<td style="width:20%; text-align:right; border-top:none"><strong><span>(<%=@sale_data.total_discount rescue 0%>)</span></strong></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong>Tax</strong></td>
|
||||||
|
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.total_tax rescue 0%></span></strong></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong>Rounding Adj:</strong></td>
|
||||||
|
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.rounding_adjustment rescue 0%></span></strong></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong>Grand Total</strong></td>
|
||||||
|
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@sale_data.grand_total rescue 0%></span></strong></td>
|
||||||
|
</tr>
|
||||||
|
<%if @balance > 0%>
|
||||||
|
<tr>
|
||||||
|
<td style="width:80%; text-align:left; border-top:none"><strong><%= @accountable_type %></strong></td>
|
||||||
|
<td style="width:20%; text-align:right; border-top:none"><strong><span><%=@balance%></span></strong></td>
|
||||||
|
</tr>
|
||||||
|
<% end %>
|
||||||
|
</tfooter>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div style='text-align:center;margin-top:20px'>
|
||||||
<!-- <INPUT TYPE="Button" class='btn btn-primary' VALUE="Reprint" onClick="" style='width:120px'/>
|
<!-- <INPUT TYPE="Button" class='btn btn-primary' VALUE="Reprint" onClick="" style='width:120px'/>
|
||||||
<INPUT TYPE="Submit" class='btn btn-primary' VALUE="CANCEL" action="origami/index" style='width:120px'/> -->
|
<INPUT TYPE="Submit" class='btn btn-primary' VALUE="CANCEL" action="origami/index" style='width:120px'/> -->
|
||||||
</div>
|
</div>
|
||||||
@@ -242,15 +244,15 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-md-1 col-sm-1">
|
<div class="col-lg-6 col-md-1 col-sm-1">
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="cashier_number long" data-value="1000" data-type="add">1000</div>
|
<div class="cashier_number long left" data-value="1000" data-type="add">1000</div>
|
||||||
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
|
<div class="cashier_number long left" data-value="3000" data-type="add">3000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="cashier_number long" data-value="5000" data-type="add">5000</div>
|
<div class="cashier_number long left" data-value="5000" data-type="add">5000</div>
|
||||||
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
|
<div class="cashier_number long left" data-value="10000" data-type="add">10000</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class="pay purple" id="pay">Pay</div>
|
<div class="pay purple left" id="pay">Pay</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -259,12 +261,12 @@
|
|||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
<!-- Waiter Buttons -->
|
<!-- Waiter Buttons -->
|
||||||
|
|
||||||
<button type="button" class="btn btn-primary btn-block" onclick="localStorage.removeItem('cash');window.location.href = '/origami';"> Back </button>
|
<button type="button" class="btn bg-default btn-block" onclick="localStorage.removeItem('cash');window.location.href = '/origami';"> Back </button>
|
||||||
<button type="button" class="btn btn-primary btn-block" id="foc"> FOC </button>
|
<button type="button" class="btn bg-warning btn-block" id="foc"> FOC </button>
|
||||||
<button type="button" class="btn btn-primary btn-block" id="void"> Void </button>
|
<button type="button" class="btn bg-red btn-block" id="void"> Void </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -484,7 +486,7 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
function calculate_member_discount(sale_id) {
|
function calculate_member_discount(sale_id) {
|
||||||
var sub_total = $('#sub-total').text();
|
var sub_total = $('#sub-total').text();
|
||||||
|
|||||||
@@ -1,74 +1,75 @@
|
|||||||
<div class="row">
|
<div class="container-fludi">
|
||||||
<!-- Column One -->
|
<div class="row">
|
||||||
<div class="col-lg-5 col-md-5 col-sm-5" style="height: 100%">
|
<!-- Column One -->
|
||||||
<div class="card">
|
<div class="col-lg-5 col-md-5 col-sm-5" style="height: 100%">
|
||||||
<div class="card-header">
|
<div class="card">
|
||||||
<div><strong id="order-title">COMMISSIONERS </strong></div>
|
<div class="card-header">
|
||||||
</div>
|
<div><strong id="order-title">COMMISSIONERS </strong></div>
|
||||||
<div class="card-block">
|
</div>
|
||||||
<div class="card-columns" id="commissioners" style="float: left; padding-top:10px; column-gap: 1.2rem; min-height:600px; max-height:600px; overflow-x:scroll;">
|
<div class="card-block">
|
||||||
<div style="color: gray"><i>* Select One Item</i></div>
|
<div class="card-columns" id="commissioners" style="float: left; padding-top:10px; column-gap: 1.2rem; min-height:600px; max-height:600px; overflow-x:scroll;">
|
||||||
<% @commissioners.each do |commissioner| %>
|
<div style="color: gray"><i>* Select One Item</i></div>
|
||||||
<div class="card tables green text-white commissioner" data-commissioner-id="<%= commissioner.id %>" data-commissioner-name="<%= commissioner.name %>">
|
<% @commissioners.each do |commissioner| %>
|
||||||
<div class="card-block">
|
<div class="card tables green text-white commissioner" data-commissioner-id="<%= commissioner.id %>" data-commissioner-name="<%= commissioner.name %>">
|
||||||
<%= commissioner.name %>
|
<div class="card-block">
|
||||||
</div>
|
<%= commissioner.name %>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Column Two -->
|
<!-- Column Two -->
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div><strong id="order-title">INVOICE DETAILS </strong></div>
|
<div><strong id="order-title">INVOICE DETAILS </strong></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-block">
|
<div class="card-block">
|
||||||
<div class="card-title row">
|
<div class="card-title row">
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<p> Receipt No: <span id="receipt_no">
|
<p> Receipt No: <span id="receipt_no">
|
||||||
<%= @saleobj.receipt_no rescue '' %>
|
<%= @saleobj.receipt_no rescue '' %>
|
||||||
</span></p>
|
</span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
|
||||||
<p>Date:
|
<p>Date:
|
||||||
<span id="receipt_date"><%= @saleobj.created_at.utc.getlocal.strftime("%d/%m/%Y - %I:%M %p") rescue '-' %></span>
|
<span id="receipt_date"><%= @saleobj.created_at.utc.getlocal.strftime("%d/%m/%Y - %I:%M %p") rescue '-' %></span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="card-title row customer_detail hide">
|
|
||||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
||||||
<p>Customer : <span id="customer_name"></span></p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="card-title row customer_detail hide">
|
||||||
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
|
<p>Customer : <span id="customer_name"></span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="card-text" style="min-height:500px; max-height:500px; overflow-x:scroll">
|
<div class="card-text" style="min-height:500px; max-height:500px; overflow-x:scroll">
|
||||||
<table class="table " id="order-items-table">
|
<table class="table " id="order-items-table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th width="4%">#</th>
|
<th width="4%">#</th>
|
||||||
<th class="" width="40%">Items</th>
|
<th class="" width="40%">Items</th>
|
||||||
<th style="" width="20%">QTY</th>
|
<th style="" width="20%">QTY</th>
|
||||||
<th class="" width="20%">Price</th>
|
<th class="" width="20%">Price</th>
|
||||||
<th class="" width="20%">Commissioner</th>
|
<th class="" width="20%">Commissioner</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<%
|
|
||||||
count = 0
|
|
||||||
sub_total = 0
|
|
||||||
@saleobj.sale_items.each do |sale_item|
|
|
||||||
count += 1
|
|
||||||
sub_total = sub_total + sale_item.price
|
|
||||||
%>
|
|
||||||
<input type="hidden" id="sale_id" class="sale_id" value="<%= @saleobj.sale_id %>">
|
|
||||||
<%
|
<%
|
||||||
|
count = 0
|
||||||
|
sub_total = 0
|
||||||
|
@saleobj.sale_items.each do |sale_item|
|
||||||
|
count += 1
|
||||||
|
sub_total = sub_total + sale_item.price
|
||||||
|
%>
|
||||||
|
<input type="hidden" id="sale_id" class="sale_id" value="<%= @saleobj.sale_id %>">
|
||||||
|
<%
|
||||||
# Can't check for discount
|
# Can't check for discount
|
||||||
unless sale_item.price == 0
|
unless sale_item.price == 0
|
||||||
%>
|
%>
|
||||||
<tr id="sale_item" class="sale_item" data-sale-item="<%= sale_item.sale_item_id %>">
|
<tr id="sale_item" class="sale_item" data-sale-item="<%= sale_item.sale_item_id %>">
|
||||||
<td width="4%"><%= count %></td>
|
<td width="4%"><%= count %></td>
|
||||||
<td class='product_name' width="40%">
|
<td class='product_name' width="40%">
|
||||||
@@ -85,99 +86,100 @@
|
|||||||
<%= product_commission.commissioner.name rescue '-' %>
|
<%= product_commission.commissioner.name rescue '-' %>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<%
|
<%
|
||||||
end
|
|
||||||
end
|
end
|
||||||
|
end
|
||||||
%>
|
%>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<table class="table" id="order-charges-table" border="0">
|
<table class="table" id="order-charges-table" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="charges-name"><strong>Sub Total:</strong></td>
|
<td class="charges-name"><strong>Sub Total:</strong></td>
|
||||||
<td class="item-attr"><strong id="order-sub-total"><%= sub_total %></strong></td>
|
<td class="item-attr"><strong id="order-sub-total"><%= sub_total %></strong></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="rebate_amount"></tr>
|
<tr class="rebate_amount"></tr>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Column Three -->
|
<!-- Column Three -->
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
<!-- Waiter Buttons -->
|
<!-- Waiter Buttons -->
|
||||||
<button type="button" class="btn btn-primary btn-block" id='back'>Back</button>
|
<button type="button" class="btn btn-primary btn-block" id='back'>Back</button>
|
||||||
<!--<button type="button" class="btn btn-primary btn-block" id='apply'>Apply</button>-->
|
<!--<button type="button" class="btn btn-primary btn-block" id='apply'>Apply</button>-->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
var selected_sale_item = 0;
|
var selected_sale_item = 0;
|
||||||
|
|
||||||
$('.sale_item').on('click', function () {
|
$('.sale_item').on('click', function () {
|
||||||
$('#order-items-table tr').siblings().css( "background-color", "white" );
|
$('#order-items-table tr').siblings().css( "background-color", "white" );
|
||||||
this.style.backgroundColor = 'lightgray';
|
this.style.backgroundColor = 'lightgray';
|
||||||
var sale_item_id = this.getAttribute('data-sale-item');
|
var sale_item_id = this.getAttribute('data-sale-item');
|
||||||
var ajax_url = "/origami/select_sale_item";
|
var ajax_url = "/origami/select_sale_item";
|
||||||
selected_sale_item = sale_item_id;
|
selected_sale_item = sale_item_id;
|
||||||
localStorage.setItem("selected_sale_item", selected_sale_item);
|
localStorage.setItem("selected_sale_item", selected_sale_item);
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "POST",
|
type: "POST",
|
||||||
url: ajax_url,
|
url: ajax_url,
|
||||||
data: 'sale_item_id=' + sale_item_id,
|
data: 'sale_item_id=' + sale_item_id,
|
||||||
success: function (result) {
|
success: function (result) {
|
||||||
if (result != null){
|
if (result != null){
|
||||||
$('#commissioners').empty();
|
$('#commissioners').empty();
|
||||||
result.commissioner.forEach(function (c) {
|
result.commissioner.forEach(function (c) {
|
||||||
if (result.selected_commissioner != null){
|
if (result.selected_commissioner != null){
|
||||||
if (c.id == result.selected_commissioner.id){
|
if (c.id == result.selected_commissioner.id){
|
||||||
sale_item = "<div class=\"card tables blue text-white commissioner\" onclick=\"click_commissioner(this)\" data-commissioner-id=" + c.id + " data-commissioner-name=\"" + c.name + "\">" + "<div class=\"card-block\">" + c.name + "</div>" + "</div>"
|
sale_item = "<div class=\"card tables blue text-white commissioner\" onclick=\"click_commissioner(this)\" data-commissioner-id=" + c.id + " data-commissioner-name=\"" + c.name + "\">" + "<div class=\"card-block\">" + c.name + "</div>" + "</div>"
|
||||||
}else {
|
}else {
|
||||||
sale_item = "<div class=\"card tables green text-white commissioner\" onclick=\"click_commissioner(this)\" data-commissioner-id=" + c.id + " data-commissioner-name=\"" + c.name + "\">" + "<div class=\"card-block\">" + c.name + "</div>" + "</div>"
|
sale_item = "<div class=\"card tables green text-white commissioner\" onclick=\"click_commissioner(this)\" data-commissioner-id=" + c.id + " data-commissioner-name=\"" + c.name + "\">" + "<div class=\"card-block\">" + c.name + "</div>" + "</div>"
|
||||||
}
|
|
||||||
}else {
|
|
||||||
sale_item = "<div class=\"card tables green text-white commissioner\" onclick=\"click_commissioner(this)\" data-commissioner-id=" + c.id + " data-commissioner-name=\"" + c.name + "\">" + "<div class=\"card-block\">" + c.name + "</div>" + "</div>"
|
|
||||||
}
|
|
||||||
$('#commissioners').append(sale_item);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
}else {
|
||||||
});
|
sale_item = "<div class=\"card tables green text-white commissioner\" onclick=\"click_commissioner(this)\" data-commissioner-id=" + c.id + " data-commissioner-name=\"" + c.name + "\">" + "<div class=\"card-block\">" + c.name + "</div>" + "</div>"
|
||||||
|
}
|
||||||
$('#back').on('click', function () {
|
$('#commissioners').append(sale_item);
|
||||||
var table_id = '<%= @table_id %>';
|
})
|
||||||
window.location.href = '/origami/table/' + table_id;
|
}
|
||||||
});
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.commissioner').on('click', function () {
|
$('#back').on('click', function () {
|
||||||
alert('click');
|
var table_id = '<%= @table_id %>';
|
||||||
|
window.location.href = '/origami/table/' + table_id;
|
||||||
});
|
});
|
||||||
|
|
||||||
function click_commissioner(commissioner) {
|
});
|
||||||
var commissioner_id = commissioner.getAttribute('data-commissioner-id');
|
|
||||||
var selected_sale_item = localStorage.getItem("selected_sale_item");
|
$('.commissioner').on('click', function () {
|
||||||
$(commissioner).removeClass("green").addClass("blue");
|
alert('click');
|
||||||
$(commissioner).siblings().removeClass("blue").addClass("green");
|
});
|
||||||
$("tr[data-sale-item=" + selected_sale_item + "] td.commissioner").text(commissioner.getAttribute('data-commissioner-name'));
|
|
||||||
var ajax_url = "/origami/select_commissioner";
|
function click_commissioner(commissioner) {
|
||||||
var param_data = 'sale_item_id=' + selected_sale_item + '&commissioner_id=' + commissioner_id;
|
var commissioner_id = commissioner.getAttribute('data-commissioner-id');
|
||||||
$.ajax({
|
var selected_sale_item = localStorage.getItem("selected_sale_item");
|
||||||
type: "POST",
|
$(commissioner).removeClass("green").addClass("blue");
|
||||||
url: ajax_url,
|
$(commissioner).siblings().removeClass("blue").addClass("green");
|
||||||
data: param_data,
|
$("tr[data-sale-item=" + selected_sale_item + "] td.commissioner").text(commissioner.getAttribute('data-commissioner-name'));
|
||||||
success: function (result) {
|
var ajax_url = "/origami/select_commissioner";
|
||||||
console.log(selected_sale_item + "," +commissioner_id);
|
var param_data = 'sale_item_id=' + selected_sale_item + '&commissioner_id=' + commissioner_id;
|
||||||
if(result.deselect == true){
|
$.ajax({
|
||||||
$(commissioner).removeClass("blue").addClass("green");
|
type: "POST",
|
||||||
$("tr[data-sale-item=" + selected_sale_item + "] td.commissioner").text('-');
|
url: ajax_url,
|
||||||
}
|
data: param_data,
|
||||||
}
|
success: function (result) {
|
||||||
});
|
console.log(selected_sale_item + "," +commissioner_id);
|
||||||
};
|
if(result.deselect == true){
|
||||||
|
$(commissioner).removeClass("blue").addClass("green");
|
||||||
|
$("tr[data-sale-item=" + selected_sale_item + "] td.commissioner").text('-');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -91,7 +91,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment/others_payment';"> Back </button>
|
<button type="button" class="btn bg-default btn-lg btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment/others_payment';"> Back </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|||||||
@@ -1,23 +1,24 @@
|
|||||||
<h1>Open Cashier</h1>
|
<div class="container-fluid">
|
||||||
<br>
|
<h1>Open Cashier</h1>
|
||||||
|
<br>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<table class='table table-striped'>
|
<table class='table table-striped'>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Cashier Terminal</th>
|
<th>Cashier Terminal</th>
|
||||||
<th>
|
<th>
|
||||||
<select class='form-control' id='cashier_terminal'>
|
<select class="form-control show-tick" id='cashier_terminal'>
|
||||||
<% @terminal.each do |ter| %>
|
<% @terminal.each do |ter| %>
|
||||||
<option value="<%= ter.id %>"><%= ter.name %></option>
|
<option value="<%= ter.id %>" ><%= ter.name %></option>
|
||||||
<% end %>
|
<% end %>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<% @float.each do |float| %>
|
<% @float.each do |float| %>
|
||||||
<tr>
|
<tr>
|
||||||
<th><%= float.name %></th>
|
<th><%= float.name %></th>
|
||||||
<th><input class='float-value' type='text' data-value ="<%= float.value %>" value='0' id='<%= float.value %>'></input></th>
|
<th><input class='float-value form-control' type='text' data-value ="<%= float.value %>" value='0' id='<%= float.value %>'></input></th>
|
||||||
</tr>
|
</tr>
|
||||||
<% end %>
|
<% end %>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -26,99 +27,99 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class='col-md-8'>
|
<div class='col-md-8'>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-6 col-md-1 col-sm-1">
|
<div class="col-lg-6 col-md-1 col-sm-1">
|
||||||
<div class="row bottom">
|
<div class="row bottom">
|
||||||
<div class=" cashier_number " data-value="1" data-type="num">1</div>
|
<div class=" cashier_number " data-value="1" data-type="num">1</div>
|
||||||
<div class=" cashier_number left" data-value="2" data-type="num">2</div>
|
<div class=" cashier_number left" data-value="2" data-type="num">2</div>
|
||||||
<div class=" cashier_number left" data-value="3" data-type="num">3</div>
|
<div class=" cashier_number left" data-value="3" data-type="num">3</div>
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="4" data-type="num">4</div>
|
|
||||||
<div class=" cashier_number left" data-value="5" data-type="num">5</div>
|
|
||||||
<div class=" cashier_number left" data-value="6" data-type="num">6</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="7" data-type="num">7</div>
|
|
||||||
<div class=" cashier_number left" data-value="8" data-type="num">8</div>
|
|
||||||
<div class=" cashier_number left" data-value="9" data-type="num">9</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number " data-value="0" data-type="num">0</div>
|
|
||||||
<div class=" cashier_number left" data-value="." data-type="num">.</div>
|
|
||||||
<div class=" cashier_number left" data-value="00" data-type="num">00</div>
|
|
||||||
</div>
|
|
||||||
<div class="row bottom">
|
|
||||||
<div class=" cashier_number orange " data-type="clr">Clr</div>
|
|
||||||
<div class=" cashier_number left" data-type='ent' >Calculate</div>
|
|
||||||
<div class=" cashier_number purple left" id="open_cashier">Open Cashier</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="4" data-type="num">4</div>
|
||||||
|
<div class=" cashier_number left" data-value="5" data-type="num">5</div>
|
||||||
|
<div class=" cashier_number left" data-value="6" data-type="num">6</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="7" data-type="num">7</div>
|
||||||
|
<div class=" cashier_number left" data-value="8" data-type="num">8</div>
|
||||||
|
<div class=" cashier_number left" data-value="9" data-type="num">9</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number " data-value="0" data-type="num">0</div>
|
||||||
|
<div class=" cashier_number left" data-value="." data-type="num">.</div>
|
||||||
|
<div class=" cashier_number left" data-value="00" data-type="num">00</div>
|
||||||
|
</div>
|
||||||
|
<div class="row bottom">
|
||||||
|
<div class=" cashier_number orange " data-type="clr">Clr</div>
|
||||||
|
<div class=" cashier_number left" data-type='ent' >Calculate</div>
|
||||||
|
<div class=" cashier_number purple left" id="open_cashier">Open Cashier</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
var float_value = ""
|
var float_value = ""
|
||||||
var total = 0
|
var total = 0
|
||||||
|
|
||||||
$(document).on('focusout', '.float-value', function(event){
|
$(document).on('focusout', '.float-value', function(event){
|
||||||
float_value = $(this).attr("data-value");
|
float_value = $(this).attr("data-value");
|
||||||
$(document).on('click', '.cashier_number', function(event){
|
$(document).on('click', '.cashier_number', function(event){
|
||||||
if(event.handled !== true) {
|
if(event.handled !== true) {
|
||||||
var input_type = $(this).attr("data-type");
|
var input_type = $(this).attr("data-type");
|
||||||
switch (input_type) {
|
switch (input_type) {
|
||||||
case 'num':
|
case 'num':
|
||||||
var input_value = $(this).attr("data-value");
|
var input_value = $(this).attr("data-value");
|
||||||
var original = $('#'+float_value).val();
|
var original = $('#'+float_value).val();
|
||||||
if (original == "0"){
|
if (original == "0"){
|
||||||
$('#'+float_value).val(input_value);
|
$('#'+float_value).val(input_value);
|
||||||
}else{
|
}else{
|
||||||
$('#'+float_value).val(original + input_value);
|
$('#'+float_value).val(original + input_value);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 'clr':
|
case 'clr':
|
||||||
$('#'+float_value).val("0");
|
$('#'+float_value).val("0");
|
||||||
break;
|
break;
|
||||||
case 'ent':
|
case 'ent':
|
||||||
var sum = 0
|
var sum = 0
|
||||||
<%
|
<%
|
||||||
sum = 0
|
sum = 0
|
||||||
@float.each do |float|
|
@float.each do |float|
|
||||||
%>
|
%>
|
||||||
var float = "<%= float.value %>"
|
var float = "<%= float.value %>"
|
||||||
console.log(float)
|
console.log(float)
|
||||||
var cal = $('#'+ float).val() * float
|
var cal = $('#'+ float).val() * float
|
||||||
sum += cal;
|
sum += cal;
|
||||||
<%
|
<%
|
||||||
end
|
end
|
||||||
%>
|
%>
|
||||||
total = sum
|
total = sum
|
||||||
$('#total').text(total)
|
$('#total').text(total)
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
event.handled = true;
|
event.handled = true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
|
|
||||||
$('#open_cashier').on('click',function(){
|
$('#open_cashier').on('click',function(){
|
||||||
var cashier_terminal = $('#cashier_terminal').val();
|
var cashier_terminal = $('#cashier_terminal').val();
|
||||||
var amount = $('#total').text()||0;
|
var amount = $('#total').text()||0;
|
||||||
$.ajax({type: "POST",
|
$.ajax({type: "POST",
|
||||||
url: "<%= origami_shifts_path %>",
|
url: "<%= origami_shifts_path %>",
|
||||||
data: "opening_balance=" + amount + "&cashier_terminal="+ cashier_terminal,
|
data: "opening_balance=" + amount + "&cashier_terminal="+ cashier_terminal,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
if(result){
|
if(result){
|
||||||
window.location.href = '/origami';
|
window.location.href = '/origami';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,48 +1,49 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
|
<div class='row clearfix'>
|
||||||
|
<div class='col-md-10'>
|
||||||
|
<h1>Close Cashier</h1>
|
||||||
|
<br>
|
||||||
|
<table class='table table-striped'>
|
||||||
|
<tr>
|
||||||
|
<td>Shift Started At</td>
|
||||||
|
<td><%= @shift.shift_started_at.utc.getlocal.strftime("%d/%m/%Y - %I:%M %p") rescue '-' %></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Cashier Name</td>
|
||||||
|
<td><%= @shift.employee.name rescue ''%></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<div class='row'>
|
</table>
|
||||||
<div class='col-md-10'>
|
<hr>
|
||||||
<h1>Close Cashier</h1>
|
<div class='row clearfix '>
|
||||||
<br>
|
<div class='col-md-5'>
|
||||||
<table class='table table-striped'>
|
<span style='font-size:20px;'><b>Closing Balance</b></span>
|
||||||
<tr>
|
</div>
|
||||||
<td>Shift Started At</td>
|
<div class='col-md-6'>
|
||||||
<td><%= @shift.shift_started_at.utc.getlocal.strftime("%d/%m/%Y - %I:%M %p") rescue '-' %></td>
|
<span style='font-size:20px;'><b><input type='text' class="form-control" id='closing_balance_amount' value=''></b></span>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
|
||||||
<td>Cashier Name</td>
|
|
||||||
<td><%= @shift.employee.name rescue ''%></td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</table>
|
|
||||||
<hr>
|
|
||||||
<div class='row'>
|
|
||||||
<div class='col-md-5'>
|
|
||||||
<span style='font-size:20px;'><b>Closing Balance</b></span>
|
|
||||||
</div>
|
|
||||||
<div class='col-md-6'>
|
|
||||||
<span style='font-size:20px;'><b><input type='text' id='closing_balance_amount' value=''></b></span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-lg-2 col-md-2 col-sm-2">
|
||||||
<div class="col-lg-2 col-md-2 col-sm-2">
|
<button type="button" class="btn bg-default btn-block" id='back'> Back </button>
|
||||||
<button type="button" class="btn btn-primary btn-block" id='back'> Back </button>
|
<button type="button" class="btn bg-blue btn-block green" id='close_cashier'> Close Cashier </button>
|
||||||
<button type="button" class="btn btn-primary btn-block green" id='close_cashier'> Close Cashier </button>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
$('#close_cashier').on('click',function(){
|
$('#close_cashier').on('click',function(){
|
||||||
var amount = $('#closing_balance_amount').val();
|
var amount = $('#closing_balance_amount').val();
|
||||||
var shift_id = "<%= @shift.id rescue ""%>"
|
var shift_id = "<%= @shift.id rescue ""%>"
|
||||||
$.ajax({type: "POST",
|
$.ajax({type: "POST",
|
||||||
url: "<%= origami_close_shift_path %>",
|
url: "<%= origami_close_shift_path %>",
|
||||||
data: "closing_balance="+ amount + "&shift_id="+ shift_id,
|
data: "closing_balance="+ amount + "&shift_id="+ shift_id,
|
||||||
success:function(result){
|
success:function(result){
|
||||||
console.log(result)
|
console.log(result)
|
||||||
window.location.href = '/';
|
window.location.href = '/';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
$('#back').on('click',function(){
|
$('#back').on('click',function(){
|
||||||
window.location.href = '/origami';
|
window.location.href = '/origami';
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,47 +1,46 @@
|
|||||||
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-md-5 col-sm-3">
|
||||||
<div class="col-lg-5 col-md-5 col-sm-3">
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-md-6">
|
||||||
<div class="col-md-6">
|
<h2>VISA</h2>
|
||||||
<h2>VISA</h2>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<span class="hidden" id="membership_id"><%= @membership_id%></span>
|
||||||
<span class="hidden" id="membership_id"><%= @membership_id%></span>
|
<span class="hidden" id="member_discount"><%= @member_discount%></span>
|
||||||
<span class="hidden" id="member_discount"><%= @member_discount%></span>
|
<span class="hidden" id="sub-total"><%= @sub_total%></span>
|
||||||
<span class="hidden" id="sub-total"><%= @sub_total%></span>
|
<div class="card" style="margin-top:10px;padding-top:20px;">
|
||||||
<div class="card" style="margin-top:10px;padding-top:20px;">
|
<div class="rebate-form">
|
||||||
<div class="rebate-form">
|
<div class="row">
|
||||||
<div class="row">
|
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
<label class="col-lg-4 col-md-4 col-sm-4">You can pay up to </label>
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">You can pay up to </label>
|
<input type="text" name="validamount" id="validamount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@can_visa %>" data-member-value="">
|
||||||
<input type="text" name="validamount" id="validamount" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@can_visa %>" data-member-value="">
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
<% if @visacount != 0 %>
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">Recent Visa paid amount </label>
|
|
||||||
<input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@visacount %>" data-member-value="">
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
<% end %>
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
|
|
||||||
<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
|
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
<% if @visacount != 0 %>
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
||||||
|
<label class="col-lg-4 col-md-4 col-sm-4">Recent Visa paid amount </label>
|
||||||
|
<input type="text" name="" id="" class="form-control col-lg-7 col-md-7 col-sm-7" readonly="" value="<%=@visacount %>" data-member-value="">
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
||||||
<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
|
<label class="col-lg-4 col-md-4 col-sm-4">Reference Number</label>
|
||||||
<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
|
<input type="text" name="valid_amount" id="valid_amount" class="form-control col-lg-7 col-md-7 col-sm-7" value="" data-value="<%=@sale_id %>" data-member-value="">
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group col-lg-12 col-md-12 col-sm-12">
|
||||||
|
<label class="col-lg-4 col-md-4 col-sm-4">Amount</label>
|
||||||
|
<div id="amount" class="form-control col-lg-7 col-md-7 col-sm-7">0.0</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -94,10 +93,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-1 col-md-1 col-sm-1">
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
||||||
<button type="button" class="btn btn-primary btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment/others_payment';"> Back </button>
|
<button type="button" class="btn bg-default btn-block" onclick="window.location.href = '/origami/sale/<%= @sale_id %>/payment/others_payment';"> Back </button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
if(localStorage.getItem("cash") == null || localStorage.getItem("cash") == 'null'){}
|
if(localStorage.getItem("cash") == null || localStorage.getItem("cash") == 'null'){}
|
||||||
@@ -163,7 +162,7 @@
|
|||||||
data: {'sale_id':sale_id, 'sub_total':sub_total,'is_card':false },
|
data: {'sale_id':sale_id, 'sub_total':sub_total,'is_card':false },
|
||||||
// success:function(result){
|
// success:function(result){
|
||||||
// }
|
// }
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
//end member discount
|
//end member discount
|
||||||
$.ajax({type: "POST",
|
$.ajax({type: "POST",
|
||||||
@@ -172,18 +171,18 @@
|
|||||||
success:function(result){
|
success:function(result){
|
||||||
if(result){
|
if(result){
|
||||||
$.confirm({
|
$.confirm({
|
||||||
title: 'Infomation!',
|
title: 'Infomation!',
|
||||||
content: 'Payment Successfully',
|
content: 'Payment Successfully',
|
||||||
buttons: {
|
buttons: {
|
||||||
confirm: {
|
confirm: {
|
||||||
text: 'Ok',
|
text: 'Ok',
|
||||||
btnClass: 'btn-green',
|
btnClass: 'btn-green',
|
||||||
action: function(){
|
action: function(){
|
||||||
window.location.href = '/origami/sale/'+ sale_id + "/payment";
|
window.location.href = '/origami/sale/'+ sale_id + "/payment";
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user