193 lines
8.0 KiB
Plaintext
193 lines
8.0 KiB
Plaintext
<div class="container-fluid">
|
|
<div class="page-header">
|
|
<ul class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
|
|
<li class="breadcrumb-item active">OQS</li>
|
|
<!-- <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li> -->
|
|
<span class="float-right">
|
|
<%= link_to 'Back', dashboard_path %>
|
|
</span>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Column One -->
|
|
<div class="row clearfix">
|
|
<div class="col-lg-8 col-md-8 col-sm-8">
|
|
<div class="body">
|
|
<%= form_tag oqs_root_path, :method => :get do %>
|
|
<div class="row clearfix">
|
|
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
|
|
<div class="form-group">
|
|
<div class="form-line">
|
|
<input type="text" name="filter" class="form-control" placeholder="Search">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
|
<button type="submit" class="btn bg-blue waves-effect waves-effect">Search</button>
|
|
</div>
|
|
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<!-- <li class="nav-item nav-search <%= @filter.to_s.length > 0? " " : "hide"%>">
|
|
<a class="nav-link <%= @filter.to_s.length > 0? "active" : " "%>" data-toggle="tab" href="#search" role="tab">Searching .. <span class="badge badge-pill badge-default" id="completed_count"><%= @queue_completed_item.length %></span></a>
|
|
</li> -->
|
|
<li class="nav-item nav-completed">
|
|
<a class="nav-link active" data-toggle="tab" href="#completed" role="tab">Processed <span class="label-count" id="completed_count"><%= @queue_completed_item.length %></span></a>
|
|
</li>
|
|
<% # For Tab Disable for Station is inactive
|
|
status=""
|
|
i=0
|
|
@queue_stations.each do |qsi|
|
|
if qsi.is_active == false
|
|
status="disabled"
|
|
end %>
|
|
<li class="nav-item oqs_click" data-id="<%= qsi.id %>">
|
|
<p class="hidden oqs-id"><%= qsi.id %></p>
|
|
<a class="nav-link" data-id="<%= qsi.id %>" data-toggle="tab" href="" role="tab" <%= status %>>
|
|
<%= qsi.station_name %>
|
|
<% if @filter.nil? %>
|
|
<span class="label-count badge badge-pill badge-default oqs_count<%= i%> oqs_count" data-id="<%= qsi.id %>" id="completed_count">
|
|
<!-- <span class="badge badge-pill badge-default oqs_count<%= i%> oqs_count" data-id="<%= qsi.id %>"> --> <%= qsi.assigned_order_items.where("delivery_status=0 AND created_at >= '#{Time.now.beginning_of_day.utc}'").count %>
|
|
</span>
|
|
<%else%>
|
|
<span class="label-count badge badge-pill badge-default" data-id="<%= qsi.id %>">
|
|
<% @count.each do |c|%>
|
|
<% if qsi.id == c.station_id %>
|
|
<%= c.total %>
|
|
<%end %>
|
|
<%end %>
|
|
</span>
|
|
<%end%>
|
|
<% if qsi.auto_print %>
|
|
<span>(ap)</span>
|
|
<% end %>
|
|
</a>
|
|
</li>
|
|
<% i+=1%>
|
|
|
|
<% end %>
|
|
</ul>
|
|
<!-- Nav tabs - End -->
|
|
<p class="hidden filter"><%= @filter %></p>
|
|
|
|
<div class="tab-content" style="max-height:670px; overflow:auto">
|
|
<!--- Panel 0 - Completed -->
|
|
|
|
<div class="tab-pane fade in active" id="completed" role="tabpanel">
|
|
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
|
|
<%
|
|
@queue_completed_item.each do |qid|
|
|
%>
|
|
<div class="card queue_station">
|
|
<div class="card-block">
|
|
<h4 class="card-title">
|
|
<span class="order-zone-type"><%= qid.type %> - </span>
|
|
<span class="order-zone"><%= qid.zone %></span>
|
|
<small class="pull-right"><%= qid.order_id %></small>
|
|
</h4>
|
|
<h4>
|
|
<span class="order-item">
|
|
<%= qid.item_name %>
|
|
</span> [x
|
|
<span class="order-qty">
|
|
<%= qid.qty %>
|
|
</span> ]
|
|
</h4>
|
|
|
|
<p class="card-text item-options"><%= qid.options == "[]"? "" : qid.options %></p>
|
|
|
|
<p class="card-text">
|
|
<small class="text-muted">Order at
|
|
<span class="order-at">
|
|
<%= qid.created_at.utc.getlocal.strftime("%d-%m-%Y %I:%M %p") %>
|
|
</span> -
|
|
<span class="order-by">
|
|
<%= qid.item_order_by %>
|
|
</span>
|
|
</small>
|
|
</p>
|
|
<p class="hidden order-status">completed</p>
|
|
<p class="hidden order-customer"><%= qid.customer_name %></p>
|
|
<p class="hidden assigned-order-item"><%= qid.assigned_order_item_id %></p>
|
|
</div>
|
|
</div>
|
|
<%
|
|
end
|
|
%>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- End Panel 0 - Completed -->
|
|
<!--- Order Items -->
|
|
<div class="card-columns oqs_append" id="oqs_container" style="padding-top:10px; column-gap: 1.2rem;">
|
|
</div>
|
|
<!--- end of Items-->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Column Two -->
|
|
<div class="col-lg-3 col-md-3 col-sm-3">
|
|
<div class="card" >
|
|
<div class="card-header">
|
|
<div><strong id="order-title">ORDER DETAILS - Table</strong></div>
|
|
</div>
|
|
<div class="card-block">
|
|
<div class="card-title">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:33%; text-align:left">Order By</th>
|
|
<th style="width:33%; text-align:right">Order At</td>
|
|
<th style="width:33%; text-align:right">Customer</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td id="order-by" style="width:33%; text-align:left"></td>
|
|
<td id="order-at" style="width:33%; text-align:right"></td>
|
|
<td id="order-customer" style="width:33%; text-align:right"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Table/Room</strong></td>
|
|
<td id="order-from" colspan="2"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-text" style="min-height:360px; max-height:360px; overflow:auto">
|
|
<table class="table" id="oqs-order-details-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:80%; text-align:left">Items</th>
|
|
<th style="width:20%; text-align:right">QTY</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- Bind With JS -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Column Three--->
|
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
|
<!-- OQS Buttons -->
|
|
<button type="button" title="Print Order Item" id="print_order_item" class="btn bg-blue btn-block btn-lg waves-effect">Print</a>
|
|
<button type="button" class="btn bg-blue btn-block btn-lg waves-effect" id="print_order_summary">Print <br/>Order<br/>Summary</button>
|
|
<!-- <a href="<%= dashboard_path %>" class="btn bg-blue btn-block btn-lg waves-effect" role="button" aria-haspopup="true"> Back </a> -->
|
|
<!-- <button type="button" class="" id="print_order_summary">Print <br/>Order<br/>Summary</button> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|