git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify out of stock channel

Browse Source
This commit is contained in:
Zin Moe
2020-03-25 19:01:07 +06:30
parent c324c26f36
commit 1dc01d6055
6 changed files with 394 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/foodcourt/addorders/detail.html.erb
View File

@@ -108,7 +108,7 @@
</div>
<div class="col-md-7 col-lg-7 col-sm-7 m-t-10 d-flex flex-column h-100" style="margin-left: -10px;
<div class="col-md-7 col-lg-7 col-sm-7 m-t-10 d-flex flex-column h-100" id="menu-item-list" style="margin-left: -10px;
margin-right: -10px;">
<div class="card h-100" style="margin-bottom: 10px;">
<div class="card-block d-flex flex-column h-100" style="">

168
app/views/settings/out_of_stock/_form.html.erb
View File

@@ -1,11 +1,11 @@
<%= stylesheet_link_tag 'addorder', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'addorder', 'data-turbolinks-track': 'reload' %>
<div class="container-fluid " style="padding:0px 3px 0px 3px;">
<div class="container-fluid h-100" style="padding:0px 3px 0px 3px;">
<div id="oqs_loading_wrapper" style="display:none;">
<div id="oqs_loading"></div>
</div>
<div class="row m-t--20">
<div class="col-lg-2 col-md-2 col-sm-2 hidden" id="menu_data">
<div class="row m-t--25 h-100">
<div class="col-lg-2 col-md-2 col-sm-2 hidden d-flex flex-column h-100" id="menu_data">
<li class="list-menu">
<a href="javascript:void(0);" class="menu-toggle dropdown-toggle toggled my-toggle " style="">
@@ -23,7 +23,7 @@
<%end%>
</ul>
</li>
<div id="menu1-slimscroll" data-height="0">
<div id="menu1-slimscroll" class="flex-grow-1" data-height="0">
<ul class="nav nav-tabs flex-column category_list" role="tablist" id="ul-navbar">
<li class="nav-item product" data-ref="<%= origami_get_all_product_path %>">
<a class="nav-link" data-toggle="tab" href="" role="tab">Products</a>
@@ -46,26 +46,30 @@
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 hidden" id="menu_cache">
<li class="list-menu">
<a href="javascript:void(0);" class="menu-toggle dropdown-toggle toggled my-toggle " style="">
<span class="main_menu menu_cache_name" id="main_menu menu_cache_name"></span>
</a>
<ul class="ml-menu menu_list aria-hidden menu_cache_list" style="border-top: 1px solid #fff">
</ul>
</li>
<div id="menu-slimscroll" data-height="0">
<ul class="nav nav-tabs flex-column category_list category_cache_list" role="tablist" id="ul-navbar">
<li class="nav-item product" data-ref="<%= origami_get_all_product_path %>">
<a class="nav-link" data-toggle="tab" href="" role="tab">Products</a>
<div class="col-lg-2 col-md-2 col-sm-2 h-100 d-flex flex-column hidden" id="menu_cache">
<div class="card h-100" style="margin-bottom: 10px;">
<div class="card-header">
<li class="list-menu" style="background-color: #fff;">
<a href="javascript:void(0);" class="menu-toggle dropdown-toggle toggled my-toggle " style="">
<span class="main_menu menu_cache_name" id="main_menu menu_cache_name"></span>
</a>
<ul class="ml-menu menu_list aria-hidden menu_cache_list" style="border-top: 1px solid #fff">
</ul>
</li>
</ul>
</div>
<div class="card-block d-flex flex-column h-100">
<div id="foodcourt-slimscroll" class="h-100">
<ul class="nav nav-tabs flex-column category_list category_cache_list" role="tablist" id="ul-navbar">
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-7 col-lg-7 col-sm-7 m-t-10" >
<div class="card">
<div class="card-block" style="">
<div class="card-text" id="custom-slimscroll">
<div class="col-md-7 col-lg-7 col-sm-7 h-100 d-flex flex-column">
<div class="card h-100" style="margin-bottom: 10px;">
<div class="card-block flex-column d-flex h-100" style="">
<div class="card-text h-100" id="foodcourt-menu-slimscroll">
<div class="row menu_items_list" style="margin:0px 1px 0px 1px ;">
<!-- append data -->
</div>
@@ -73,38 +77,40 @@
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 item-wrapper" >
<button type="button" class="btn btn-lg btn-block btn-default waves-effect m-t-5" id='back' style="width: 75%;">
<i class="material-icons">reply</i>Back
</button>
<button type="button" class="btn btn-xs btn-danger waves-effect" id='clear_all' style="width: 23%; padding: 10px; margin-top: 5px;">Clear</button>
<div class="col-lg-3 col-md-3 col-sm-3 h-100 d-flex flex-column item-wrapper" >
<div class="card h-100" style="margin-bottom: 10px;">
<div class="card-header">
<button type="button" class="btn btn-lg btn-block btn-default waves-effect m-t-5" id='back' style="width: 75%;">
<i class="material-icons">reply</i>Back
</button>
<button type="button" class="btn btn-xs btn-danger waves-effect" id='clear_all' style="width: 23%; padding: 10px; margin-top: 5px;"> Clear</button>
</div>
<div class="card-block">
<div class="card-text" id="order-detail-slimscroll" data-height="140">
<table class="table table-striped summary-items" id="order-items-table" >
<thead>
<tr>
<th>#</th>
<th class="item-name">Items</th>
<!-- <th class="item-qty">Min Qty</th>
<th class="item-attr">Max Qty</th> -->
<th></th>
</tr>
</thead>
<tbody class="font-13" >
<div class="card-block d-flex flex-column h-100">
<div class="card-text h-100" id="foodcourt-order-slimscroll">
<table class="table table-striped summary-items" id="order-items-table" >
<thead>
<tr>
<th>#</th>
<th class="item-name">Items</th>
<th class="item-qty">Action</th>
</tr>
</thead>
<tbody class="font-13" >
</tbody>
</table>
</tbody>
</table>
</div>
<div class="card-footer" style="padding: 0.2rem 1rem 0 1rem !important;">
<button type="button" class="btn btn-lg btn-block btn-primary waves-effect m-t-5" id='add_out_of_stock' disabled="disabled">
Add Out Of Stock
</button>
</div>
</div>
</div>
<div class="card-footer">
<button type="button" class="btn btn-lg btn-block btn-primary waves-effect m-t-5" id='add_out_of_stock' disabled="disabled">
Add Out Of Stock
</button>
</div>
</div>
</div>
</div>
</div>
<div class="item-modal modal sx_item_detailModal" id="sx_item_detailModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog custom-modal-dialog modal-lg">
@@ -140,7 +146,7 @@
<div class="col-md-4">
<button type="button" class="btn btn-default " data-dismiss="modal" id="close">Close</button>
</div>
<div class="col-md-6">
<div class="col-md-6 m-l-5">
<button type="button" class="btn btn-primary submit " data-dismiss="modal" id="submit">Submit</button>
</div>
</div>
@@ -148,6 +154,7 @@
</div>
</div>
</div>
<style type="text/css">
.fadeInRight{
-webkit-animation-duration: 350ms !important;
@@ -475,7 +482,6 @@
}
if (out_of_stock === true) {
// oos_item = out_of_stock_item
oos_item = '<div class="card custom-card testimonial-card fadeInRight card-box"'
+'data-toggle="modal" data-target=".'+data_target+'" '
+'style="height:100%;background-image:url(../../'+image_path+');background-repeat: no-repeat; pointer-events: none;opacity: 0.4;">'
@@ -527,11 +533,59 @@
}
}
$(document).on('click', '.menu_item_box, .add_icon', function(event){
if($(this).hasClass('add_icon')) {
var item_data = $(this);
console.log(item_data);
// show_item_detail(item_data,"add_to_order");
$(document).on('click', '.menu_item_box, .add_icon, .set_item_box', function(event){
if($(this).hasClass('product_item')) {
$('.sx_item_detailModal').modal('hide');
instance_code = $(this).data('instance-code')
instance_name = $(this).data('instance')
data = [{id: instance_code, text: instance_name}]
attribute_arr = get_selected_attributes('selected-attribute');
option_arr = get_selected_attributes('selected-option');
$(this).attr('data-item-code',$('#item_code').text());
$(this).attr('data-instance-arr',JSON.stringify(data));
$(this).attr('data-name',$(this).data('name'));
$(this).attr('data-attributes',JSON.stringify(attribute_arr));
$(this).attr('data-options',JSON.stringify(option_arr));
$(this).attr('data-opt',JSON.stringify(option_arr));
show_item_detail($(this));
// autoScrollToItem(instance_code)
return
}
if($(this).hasClass('add_icon') || $(this).hasClass('set_item_box')) {
if ($(this).data('instances').length == 1) {
$('.sx_item_detailModal').modal('hide')
attribute_arr = get_selected_attributes('selected-attribute');
option_arr = get_selected_attributes('selected-option');
instance_code = $(this).data('instance-code')
instance_name = $(this).data('instance')
data = [{id: instance_code, text: instance_name}]
$(this).attr('data-item-code',$('#item_code').text());
$(this).attr('data-instance-arr',JSON.stringify(data));
$(this).attr('data-name',$(this).data('name'));
$(this).attr('data-attributes',JSON.stringify(attribute_arr));
$(this).attr('data-options',JSON.stringify(option_arr));
$(this).attr('data-opt',JSON.stringify(option_arr));
code = $(this).data('instance-code');
show_item_detail($(this))
autoScrollToItem(code)
return
} else {
var item_data = $(this);
console.log(item_data);
}
}
var instances = $(this).data('menu-instances');
var item_row = $('.summary-items tbody tr');
@@ -729,6 +783,8 @@
option_arr = get_selected_attributes('selected-option');
data = $("#instance_select").select2('data');
console.log('data');
console.log(data);
if (data != null){
instance_code = data[0].id;
instance_name = data[0].text;
@@ -743,10 +799,10 @@
$('.submit').attr('data-opt',JSON.stringify(option_arr));
var item_data = $(this);
console.log(item_data);
show_item_detail(item_data,"add_to_order");
show_item_detail(item_data);
});
function show_item_detail(data,click_type){
function show_item_detail(data){
testqty = parseInt($('.item_box').children('data_qty').text());
qty = parseInt(data.attr('data-qty'));
append = 0;

52
app/views/settings/out_of_stock/index.html.erb
View File

@@ -1,33 +1,39 @@
<% breadcrumb_add t('out_of_stock'), "", dashboard_path %>
<div class="container-fluid d-flex flex-column h-100" style="padding:0px 3px 0px 3px;">
<% breadcrumb_add t('out_of_stock'), "", dashboard_path %>
<div class="row flex-grow-1">
<div class="col-sm-12 col-xs-12 d-flex flex-column h-100">
<div class="card h-100">
<div class="card-header">
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4" style="padding-left: 17px;">
<%= form_tag inventory_path, :id => "filter_form", :method => :get do %>
<input type="text" class="form-control" name="filter" id="Product" type="text" placeholder="Product" style="height: 32px;">
</div>
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4" style="padding-left: 17px;">
<%= form_tag inventory_path, :id => "filter_form", :method => :get do %>
<input type="text" class="form-control" name="filter" id="Product" type="text" placeholder="Product" style="height: 32px;">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 text-">
<input type="submit" value="Filter" class='btn btn-primary'>
</div>
<% end %>
<div class="col-lg-2 col-md-2 col-sm-2 text-">
<input type="submit" value="Filter" class='btn btn-primary'>
</div>
<% end %>
<div class="col-lg-6 col-md-6 col-sm-6" style="padding-right: 15px;">
<button type="button" id="reset_all" class="delete btn btn-danger btn-sm float-right waves-effect" style='margin-left:5px;' data-ref="<%= settings_reset_all_path %>" data-method="delete">
<%= t("views.btn.reset_all") %>
</button>
<button id='new_out_of_stock' class='btn btn-primary float-right waves-effect' style='margin-left:5px;'><%= (t :new_out_of_stock) +" " %> <%= t("views.right_panel.detail.item") %></button>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6" style="padding-right: 15px;">
<button type="button" id="reset_all" class="delete btn btn-danger btn-sm float-right waves-effect" style='margin-left:5px;' data-ref="<%= settings_reset_all_path %>" data-method="delete">
<%= t("views.btn.reset_all") %>
</button>
<button id='new_out_of_stock' class='btn btn-primary float-right waves-effect' style='margin-left:5px;'><%= (t :new_out_of_stock) +" " %> <%= t("views.right_panel.detail.item") %></button>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="card">
<%= render 'out_of_stock_list' %>
<div class="card-block d-flex flex-column h-100">
<div class="card-text h-100" id="foodcourt-slimscroll">
<%= render 'out_of_stock_list' %>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function (){