105 lines
3.0 KiB
Plaintext
105 lines
3.0 KiB
Plaintext
<div class="row">
|
|
<!-- Column One -->
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
|
|
<!-- 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;">
|
|
|
|
<div class="card orders ">
|
|
<div class="card-block">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</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 orders red text-white" data-id="<%= table.id %>">
|
|
<div class="card-block">
|
|
<%= table.name %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="card orders green text-white" data-id="<%= table.id %>">
|
|
<div class="card-block">
|
|
<%= table.name %>
|
|
</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 orders red text-white" data-id="<%= room.id %>">
|
|
<div class="card-block">
|
|
<%= room.name %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="card orders 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;">
|
|
|
|
<div class="card orders">
|
|
<div class="card-block">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- tabs - End -->
|
|
</div>
|
|
</div>
|
|
<!-- Column One -->
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".orders").on('click', function(){
|
|
var dining_id = $(this).attr("data-id");
|
|
window.location.href = '/origami/' + dining_id;
|
|
})
|
|
});
|
|
</script>
|