update add order
This commit is contained in:
@@ -1,37 +0,0 @@
|
||||
class Api::Restaurant::MenuController < Api::ApiController
|
||||
|
||||
#Description
|
||||
# Pull the default menu details and also other available (active) menus
|
||||
# Input Params - order_id
|
||||
def index
|
||||
@menus = Menu.all
|
||||
@current_menu = Menu.current_menu
|
||||
|
||||
end
|
||||
|
||||
#Description
|
||||
# This API show current order details
|
||||
# Input Params - menu_id
|
||||
def show
|
||||
@menu = menu_detail(params[:id])
|
||||
end
|
||||
|
||||
|
||||
private
|
||||
def menu_detail (menu_id)
|
||||
if (menu_id)
|
||||
#Pull this menu
|
||||
menu = Menu.find_by_id(menu_id)
|
||||
return menu
|
||||
else
|
||||
Menu.current_menu
|
||||
end
|
||||
|
||||
end
|
||||
|
||||
def menu_params()
|
||||
params.permit(:id)
|
||||
end
|
||||
|
||||
|
||||
end
|
||||
@@ -1,5 +1,5 @@
|
||||
class Api::Restaurant::MenuController < Api::ApiController
|
||||
|
||||
skip_before_action :authenticate
|
||||
#Description
|
||||
# Pull the default menu details and also other available (active) menus
|
||||
# Input Params - order_id
|
||||
|
||||
@@ -10,6 +10,7 @@ class Origami::AddordersController < BaseOrigamiController
|
||||
|
||||
def show
|
||||
@menu = MenuCategory.all
|
||||
@table_id = params[:id]
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
@@ -1,65 +1,42 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-3 col-sm-3">
|
||||
<div class="ta" style="max-height:550px; overflow:auto">
|
||||
<ul class="nav nav-tabs md-pills pills-primary flex-column" role="tablist">
|
||||
<% @menu.each do |menu| %>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="" role="tab"> <%= menu.name%></a>
|
||||
</li>
|
||||
<ul class="nav nav-tabs flex-column" role="tablist" >
|
||||
|
||||
<% @menu.each do |menu| %>
|
||||
<li class="nav-item menu_category" data-ref="<%= api_restaurant_menu_category_path menu.id%>">
|
||||
<p class="hidden menu-id"><%= menu.id %></p>
|
||||
<a class="nav-link" data-toggle="tab" href="" role="tab"> <%= menu.name%></a>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-left:-30px !important">
|
||||
<div class="col-md-6 col-lg-6">
|
||||
<div class="card-columns menu_items_list" style="column-gap: 10px;">
|
||||
|
||||
<ul class="menu-list">
|
||||
|
||||
<div class="box col-md-3">
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
<p class=""> Menu Name</p>
|
||||
<p class="Card subtitle">Price : 3000 ks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box col-md-3">
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
<p class=""> Menu Name</p>
|
||||
<p class="Card subtitle">Price : 3000 ks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box col-md-3">
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
<p class=""> Menu Name</p>
|
||||
<p class="Card subtitle">Price : 3000 ks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box col-md-3">
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
<p class=""> Menu Name</p>
|
||||
<p class="Card subtitle">Price : 3000 ks</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
<!-- <div class="card">
|
||||
<div class="card-header">
|
||||
<small>Menu Name</small>
|
||||
</div>
|
||||
<div class="card-block">
|
||||
<%= image_tag "logo.png" ,width: '75', height: '75', :style => '' %>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<small>Price : 3000</small>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-3 col-sm-3">
|
||||
<div class="col-md-3 col-lg-3 col-sm-3">
|
||||
<div class="card-header">
|
||||
<div><strong id="order-title">ORDER DETAILS </strong> | Table 21</div>
|
||||
<div><strong id="order-title">ORDER DETAILS </strong> | Table <%=@table_id%></div>
|
||||
|
||||
</div>
|
||||
<div class="card-block">
|
||||
|
||||
|
||||
<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:auto">
|
||||
<table class="table table-striped" id="order-items-table">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -90,21 +67,95 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
|
||||
$(".menu_category").on("click", function(){
|
||||
|
||||
var menu_id = $(this).find(".menu-id").text();
|
||||
|
||||
var url = $(this).attr('data-ref');
|
||||
|
||||
show_details(url);
|
||||
|
||||
}); //End Booking Click
|
||||
|
||||
function show_details(url_item){
|
||||
//Start Ajax
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url_item,
|
||||
data: {},
|
||||
dataType: "json",
|
||||
success: function(data) {
|
||||
|
||||
menu_items = data.menu_items;
|
||||
|
||||
for(var field in menu_items) {
|
||||
if (menu_items[field].item_instances){
|
||||
var price = parseFloat(menu_items[field].item_instances[0].price).toFixed(2);
|
||||
}else{
|
||||
var price = parseFloat(menu_items[field].price).toFixed(2);
|
||||
}
|
||||
|
||||
|
||||
row = '<div class="card">'
|
||||
+'<div class="card-header">'
|
||||
+'<small>'+ menu_items[field].name +'</small>'
|
||||
+'</div>'
|
||||
+'<div class="card-block">'
|
||||
+'<%= image_tag "logo.png" ,width: '75', height: '75', :style => '' %>'
|
||||
+'</div>'
|
||||
+'<div class="card-footer">'
|
||||
+'<small>'+ price +'</small>'
|
||||
+'</div>';
|
||||
|
||||
}
|
||||
$(".menu_items_list").html(row);
|
||||
}
|
||||
});
|
||||
//end Ajax
|
||||
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
li{
|
||||
|
||||
.card-block {
|
||||
padding: 0.3rem !important;
|
||||
}
|
||||
.box{
|
||||
padding:1px !important;
|
||||
|
||||
@media (min-width: 34em) {
|
||||
.card-columns {
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
..card-block{
|
||||
padding:1rem !important;
|
||||
|
||||
|
||||
@media (min-width: 48em) {
|
||||
.card-columns {
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
column-count: 3;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 62em) {
|
||||
.card-columns {
|
||||
-webkit-column-count: 4;
|
||||
-moz-column-count: 4;
|
||||
column-count: 4;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 75em) {
|
||||
.card-columns {
|
||||
-webkit-column-count: 4;
|
||||
-moz-column-count: 4;
|
||||
column-count: 4;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -579,6 +579,6 @@ function show_customer_details(customer_id){
|
||||
|
||||
$('#add_order').on('click',function(){
|
||||
var dining_id = "<%= @dining.id %>"
|
||||
window.location.href = '/origami/addorders/'+dining_id;
|
||||
window.location.href = '/origami/addorders/'+ dining_id;
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -30,7 +30,7 @@ Rails.application.routes.draw do
|
||||
namespace :restaurant do
|
||||
get 'zones' => "zones#index"
|
||||
resources :menu, only:[:index, :show]
|
||||
resources :menu_categories, only: [:index]
|
||||
resources :menu_categories, only: [:index, :show]
|
||||
resources :menu_items, only: [:index, :show]
|
||||
resources :menu_item_attributes, only: [:index]
|
||||
resources :menu_item_options, only: [:index]
|
||||
|
||||
Reference in New Issue
Block a user