244 lines
9.1 KiB
Plaintext
244 lines
9.1 KiB
Plaintext
<div class="page-header">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="<%= root_path %>"><%= t("views.right_panel.button.home") %></a></li>
|
|
<li class="breadcrumb-item active"><%= t :sale %></li>
|
|
<span class="float-right">
|
|
<%= link_to 'Back', root_path %>
|
|
</span>
|
|
</ol>
|
|
</div>
|
|
<style>
|
|
@media screen and (max-width: 785px) {
|
|
section.content{
|
|
margin: 80px 5px 0 5px !important;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="main-box-body clearfix p-l-5 p-r-5">
|
|
<div class="table-responsive">
|
|
<table class="table table-">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="8">
|
|
<%= form_tag transactions_sales_path, :method => :get do %>
|
|
<div class="row clearfix">
|
|
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 mbl-style">
|
|
<label><%= t("views.right_panel.detail.enter_keyboards") %></label>
|
|
<input type="text" id="receipt_no" name="receipt_no" class="form-control" placeholder="Receipt No/Cashier Name/Status" style="margin-right: 10px;height: 34px;">
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-2 col-sm-2 mbl-style">
|
|
<label class="font-14 mbl_lbl"><%= t("views.right_panel.detail.select_period") %></label>
|
|
<select name="period" id="sel_period" class="form-control">
|
|
<option value=""><%= t("views.right_panel.detail.select_period") %></option>
|
|
<option value="0">Today</option>
|
|
<option value="1">Yesterday</option>
|
|
<option value="2">This week</option>
|
|
<option value="3">Last week</option>
|
|
<option value="4">Last 7 days</option>
|
|
<option value="5">This month</option>
|
|
<option value="6">Last month</option>
|
|
<option value="7">Last 30 days</option>
|
|
<option value="8">This year</option>
|
|
<option value="9">Last year</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 col-mbl-view mbl-style">
|
|
<label class="mbl_lbl"><%= t("views.right_panel.detail.from") %></label>
|
|
<input class="form-control datepicker" name="from" id="from" type="text" placeholder="From date" style="height: 34px;">
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 col-mbl-view mbl-style">
|
|
<label class="mbl_lbl"><%= t("views.right_panel.detail.to") %></label>
|
|
<input class="form-control datepicker" name="to" id="to" type="text" placeholder="To date" style="height: 34px;">
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-2 col-sm-2 mbl-style">
|
|
<label class="font-14 mbl_lbl"><%= t("views.right_panel.detail.all_shift") %></label>
|
|
<select class="form-control select" name="shift_name" id="shift_name" >
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 mbl-right-btn mbl-style">
|
|
<label></label>
|
|
<br><input type="submit" value="Search" class='btn btn-primary btn-md'>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
</div>
|
|
<div class="card">
|
|
<div class="table-responsive">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
|
|
<tr>
|
|
<th><%= t("views.right_panel.detail.sale_id") %></th>
|
|
<th><%= t("views.right_panel.detail.receipt_no") %></th>
|
|
<th><%= t("views.right_panel.detail.total_discount") %></th>
|
|
<th><%= t("views.right_panel.detail.tax_amount") %></th>
|
|
<th><%= t("views.right_panel.detail.sub_total") %></th>
|
|
<th><%= t("views.right_panel.detail.grand_total") %></th>
|
|
<th><%= t :cashier %></th>
|
|
<th><%= t("views.right_panel.detail.sales_status") %></th>
|
|
<th><%= t("views.right_panel.detail.receipt_date") %></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<% if @sales != 0 %>
|
|
<% @sales.each do |sale| %>
|
|
<tr>
|
|
<td>
|
|
<% if !@sale_item_audits.nil? %>
|
|
<% @sale_item_audits.each do |audit| %>
|
|
<%if audit.include?(sale.sale_id) %>
|
|
<span style="color:#2196f3;">*</span>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
<%= link_to sale.sale_id, transactions_sale_path(sale) %>
|
|
</td>
|
|
<td><%= sale.receipt_no %></td>
|
|
<td><%= sale.total_discount %></td>
|
|
<td><%= sale.total_tax %></td>
|
|
<td><%= sale.total_amount %></td>
|
|
<td><%= sale.grand_total rescue '-' %></td>
|
|
<td><%= sale.cashier_name rescue '-' %></td>
|
|
<td> <%= sale.sale_audits.where(action: 'CANCEL_MMQR_PAYMENT').exists? ? "payment cancelled (mmqr)" : sale.sale_status %> </td>
|
|
<td> <%= sale.receipt_date.strftime("%d-%m-%Y %I:%M %p") %> </td>
|
|
</tr>
|
|
<% end %>
|
|
<% else %>
|
|
<tr><td colspan="10"><strong><p style="text-align: center">There is no data for search....</p></strong></td></tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
<br>
|
|
<% if @sales != 0 %>
|
|
<%= paginate @sales %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$('#receipt_no').val("<%= params[:receipt_no] %>");
|
|
$('#from').val("<%= params[:from] %>");
|
|
$('#to').val("<%= params[:to] %>");
|
|
$('#sel_period').val("<%= params[:period] %>");
|
|
|
|
var check_arr = [];
|
|
search_by_period();
|
|
$('#sel_period').change(function(){
|
|
|
|
search_by_period();
|
|
|
|
});
|
|
|
|
function search_by_period(){
|
|
var period = $('#sel_period').val();
|
|
var period_type = 0;
|
|
var from = "";
|
|
var to = "";
|
|
|
|
show_shift_name(period,period_type,from,to,'shift_item');
|
|
}
|
|
|
|
// OK button is clicked
|
|
$('#from').bootstrapMaterialDatePicker().on('beforeChange', function(e, date){
|
|
new_date = new Date(date) ;
|
|
month = parseInt(new_date.getMonth()+1)
|
|
from = new_date.getDate() + "-" + month + "-" + new_date.getFullYear();
|
|
$('#from').val(from);
|
|
search_by_date();
|
|
});
|
|
$('#to').bootstrapMaterialDatePicker().on('beforeChange', function(e, date){
|
|
new_date = new Date(date) ;
|
|
month = parseInt(new_date.getMonth()+1)
|
|
to = new_date.getDate() + "-" + month + "-" + new_date.getFullYear();
|
|
$('#to').val(to);
|
|
search_by_date();
|
|
});
|
|
|
|
function search_by_date(){
|
|
|
|
from = $("#from").val();
|
|
to = $("#to").val();
|
|
|
|
var period = 0;
|
|
var period_type = 1;
|
|
|
|
if(to != '' && from != ''){
|
|
shift_name = from + ',' + to;
|
|
|
|
check_arr.push(to);
|
|
|
|
console.log(check_arr.length)
|
|
if(check_arr.length == 1){
|
|
show_shift_name(period,period_type,from,to,'shift_item');
|
|
}
|
|
if(check_arr.length == 3){
|
|
check_arr = [];
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function show_shift_name(period,period_type,from,to,shift_item){
|
|
var shift = $('#shift_name');
|
|
if (from == '' && to == '') {
|
|
from = $("#from").val();
|
|
to = $("#to").val();
|
|
}
|
|
shift.empty();
|
|
|
|
var str = '';
|
|
var param_shift = '';
|
|
var param_shift = '<%= params[:shift_name] rescue '-'%>';
|
|
|
|
url = '<%= reports_get_shift_by_date_path %>';
|
|
|
|
$.get(url, {period :period, period_type :period_type, from :from, to :to, report_type :shift_item} , function(data){
|
|
|
|
str = '<option value="0">--- All Shift ---</option>';
|
|
$(data.message).each(function(index){
|
|
|
|
var local_date = data.message[index].local_opening_date + ' - ' + data.message[index].local_closing_date;
|
|
var sh_date = data.message[index].opening_date + ' - ' + data.message[index].closing_date;
|
|
var shift_id = data.message[index].shift_id ;
|
|
if(param_shift != ''){
|
|
if(shift_id == param_shift){
|
|
selected = 'selected = "selected"';
|
|
}
|
|
else{
|
|
selected = '';
|
|
}
|
|
}else{
|
|
selected = '';
|
|
}
|
|
str += '<option value="'+ shift_id +'" '+ selected +'>' + local_date + '</option>';
|
|
|
|
// console.log(sh_date)
|
|
})
|
|
shift.append(str);
|
|
});
|
|
}
|
|
});
|
|
|
|
</script>
|