121 lines
3.9 KiB
Plaintext
121 lines
3.9 KiB
Plaintext
<div class="row">
|
|
<!-- Column One -->
|
|
<div class="col-lg-11 col-md-11 col-sm-11">
|
|
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#Completed" role="tab">Completed</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="tab" href="#tables" role="tab">Tables</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#rooms" role="tab">Rooms</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#orders" role="tab">Orders</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Nav tabs - End -->
|
|
|
|
<div class="tab-content" style="max-height:670px; overflow:auto">
|
|
<!--- Panel 0 - Completed Orders -->
|
|
<div class="tab-pane" id="Completed" role="tabpanel">
|
|
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
|
|
<% @complete.each do |sale| %>
|
|
<div class="card sales red text-white" data-id = "<%= sale.sale_id %>">
|
|
<div class="card-block">
|
|
<%= sale.receipt_no %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<!--- Panel 1 - Table Orders -->
|
|
<div class="tab-pane active" id="tables" role="tabpanel">
|
|
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
|
|
<% @tables.each do |table| %>
|
|
<% if table.status == 'occupied' %>
|
|
<div class="card tables red text-white" data-id="<%= table.id %>">
|
|
<div class="card-block">
|
|
Zone <%= table.zone_id %> <br>
|
|
Table <%= table.name %> ( <%= table.seater %> Seat )
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="card tables green text-white" data-id="<%= table.id %>">
|
|
<div class="card-block">
|
|
Zone <%= table.zone_id %> <br>
|
|
Table <%= table.name %> ( <%= table.seater %> Seat )
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<!--- Panel 2 - Room Orders -->
|
|
<div class="tab-pane" id="rooms" role="tabpanel">
|
|
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
|
|
<% @rooms.each do |room| %>
|
|
<% if room.status == 'occupied' %>
|
|
<div class="card rooms red text-white" data-id="<%= room.id %>">
|
|
<div class="card-block">
|
|
<%= room.name %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="card rooms green text-white" data-id="<%= room.id %>">
|
|
<div class="card-block">
|
|
<%= room.name %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<!--- Panel 3 - Orders -->
|
|
<div class="tab-pane" id="orders" role="tabpanel">
|
|
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
|
|
<% @orders.each do |order| %>
|
|
<div class="card orders red text-white" data-id = "<%= order.order_id %>">
|
|
<div class="card-block">
|
|
<%= order.order_id %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- tabs - End -->
|
|
</div>
|
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
|
<button type="button" class="btn btn-primary btn-block"> Refresh </button>
|
|
</div>
|
|
</div>
|
|
<!-- Column One -->
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".tables").on('click', function(){
|
|
var dining_id = $(this).attr("data-id");
|
|
window.location.href = '/origami/table/' + dining_id;
|
|
})
|
|
$(".sales").on('click',function(){
|
|
var sale_id = $(this).attr("data-id");
|
|
window.location.href = '/origami/sale/' + sale_id;
|
|
})
|
|
$(".rooms").on('click', function(){
|
|
var dining_id = $(this).attr("data-id");
|
|
window.location.href = '/origami/room/' + dining_id;
|
|
})
|
|
$(".orders").on('click',function(){
|
|
var order_id = $(this).attr("data-id");
|
|
window.location.href = '/origami/order/' + order_id;
|
|
})
|
|
});
|
|
</script>
|