all changed for index in origami

app/assets/javascripts/orgiami.js

@@ -15,3 +15,88 @@
 //= require jquery_ujs
 //= require turbolinks
 //= require cable
+
+$(document).ready(function(){
+	$(".orders").on('click', function(){
+		var zone_name=$(this).find(".orders-table").text();		
+		var receipt_no=$(this).find(".orders-receipt-no").text();
+		var unique_id=$(this).find(".orders-id").text();
+
+		var cashier="";
+		var receipt_date="";
+		var sub_total=0;
+		var discount_amount=0;
+		var tax_amount=0;
+		var grand_total_amount=0;
+
+		$("#order-title").text("ORDER DETAILS - " + zone_name);
+		// clear order items
+		$("#order-items-table").children("tbody").empty();
+
+		// AJAX call for order
+		$.ajax({
+			type: "GET",
+		    url: "origami/" + unique_id,
+		    data: { 'id' : unique_id },
+		    success:function(result){		    	
+		    	for (i = 0; i < result.length; i++) {
+		    		var data = JSON.stringify(result[i]);
+        			var parse_data = JSON.parse(data);
+
+        			// Receipt Header
+        			receipt_no = result[i].receipt_no;
+			        cashier = result[i].cashier_name;
+			        receipt_date = result[i].receipt_date;
+
+			        $("#receipt_no").text(receipt_no);
+			        $("#cashier").text(cashier==null?"":cashier);
+			        $("#receipt_date").text(receipt_date);
+
+
+			        //Receipt Charges
+        			sub_total += (parse_data.qty*parse_data.price);
+        			discount_amount = parse_data.discount_amount;
+        			tax_amount = parse_data.tax_amount;
+			        grand_total_amount = parse_data.grand_total_amount;
+
+			        $("#order-sub-total").text(sub_total);
+			        $("#order-food").text('');
+			        $("#order-beverage").text('');
+			        $("#order-discount").text(discount_amount);
+			        $("#order-Tax").text(tax_amount);
+			        $("#order-grand-total").text(grand_total_amount);
+
+			        // Ordered Items
+			        var order_items_rows = "<tr>" + 
+				        						"<td class='item-name'>" + parse_data.item_name + "</td>" +
+				        						"<td class='item-attr'>" + parse_data.qty + "</td>" +
+				        						"<td class='item-attr'>" + parse_data.qty*parse_data.price + "</td>" +
+			        					   "</tr>";
+
+			        $("#order-items-table").children("tbody").append(order_items_rows);
+		    	}
+		    }
+		});
+		// End AJAX Call
+
+		$('.orders').removeClass('selected-item');
+	    $(this).addClass('selected-item');
+	});
+
+	// Bill Request 
+	$('#request_bills').click(function() {
+		var order_id=$(".selected-item").find(".orders-id").text();			
+		window.location.href = '/origami/request_bills/'+ order_id
+		return false;
+	});
+
+	// Payment for Bill
+	$('#pay').click(function() {
+		var sale_id=$(".selected-item").find(".orders-id").text();	
+		window.location.href = '/origami/sale/'+ sale_id  + "/payment"
+		return false;
+	});
+});
+
+
+

app/assets/stylesheets/orgiami.scss

@@ -19,13 +19,45 @@
 	color:white;
 	cursor:pointer;
 }
+
 .cashier_number:hover{
 	background:#A9F5F2;
 }
+
 .long{
 	width:100%
 }
 
+.sold {
+	background-color: red;
+}
+
+.selected-item {
+	background-color: blue;
+}
+
+/* Reciept Style */
+#order-charges-table td {
+	border-top: none !important;
+}
+
+.charges-name {
+	width: 80%; 
+	text-align: left;
+}
+
+.item-name {
+	width: 60%; 
+	text-align: left;
+}
+
+.item-attr {
+	width: 20%; 
+	text-align: right;
+}
+
+
+/* Colors */
 .purple {
 	background-color:#7a62d3;
 }

app/controllers/origami/home_controller.rb

@@ -7,16 +7,18 @@ class Origami::HomeController < BaseOrigamiController
 
   def show
   	str = []
+    type=params[:id].split('-')[0];
 
-
+    # Sale 
-    if !params[:sale_id].nil?
+    if type == "SAL"
-      @order_details = SaleItem.get_order_items_details(params[:sale_id])
+      @order_details = SaleItem.get_order_items_details(params[:id])
       @order_details.each do |ord_detail|
         str.push(ord_detail)
       end
       render :json => str.to_json
+    # Booking
     else
-      @order_details = OrderItem.get_order_items_details(params[:order_id])
+      @order_details = OrderItem.get_order_items_details(params[:id])
       @order_details.each do |ord_detail|
         str.push(ord_detail)
       end

app/controllers/origami/request_bills_controller.rb

@@ -2,6 +2,7 @@ class Origami::RequestBillsController < BaseOrigamiController
 
   def print
     @sale = Sale.new
+    sale_order=SaleOrder.new
 
     booking_id = params[:id]
     check_booking = Booking.find_by_booking_id(booking_id)
@@ -9,7 +10,7 @@ class Origami::RequestBillsController < BaseOrigamiController
       # Create Sale if it doesn't exist
       @status, @sale_id = @sale.generate_invoice_from_booking(check_booking.id,current_login_employee.name)
       @sale_data = Sale.find_by_sale_id(@sale_id)
-      @sale_items = SaleItem.where("sale_id=?",@sale_id)      
+      @sale_items = SaleItem.where("sale_id=?",@sale_id)            
     else
       @sale_data = Sale.find_by_sale_id(check_booking.sale_id)
       @sale_items = SaleItem.where("sale_id=?",@sale_id)
@@ -22,6 +23,6 @@ class Origami::RequestBillsController < BaseOrigamiController
 
     printer = Printer::ReceiptPrinter.new(print_settings)   
     printer.print_receipt_bill(print_settings,@sale_items,@sale_data,customer_name)
-
+    redirect_to origami_root_path
   end
 end

app/models/order.rb

@@ -223,12 +223,11 @@ class Order < ApplicationRecord
 
   def self.get_booking_order_table
     booking_orders = Booking.select("sales.receipt_no,orders.status as order_status,
-      bookings.booking_id,sales.sale_id as sale_id,dining_facilities.name as table_name")
+                        bookings.booking_id,sales.sale_id as sale_id,dining_facilities.name as table_name")
                     .joins("left join booking_orders on booking_orders.booking_id = bookings.booking_id")
                     .joins("left join dining_facilities on dining_facilities.id = bookings.dining_facility_id")
-                    .joins("left join orders on orders.order_id = booking_orders.order_id")
+                    .joins("left join orders on orders.order_id = booking_orders.order_id")              
-                    .joins("left join sale_orders on sale_orders.order_id = orders.order_id")
+                    .joins("left join sales on sales.sale_id = bookings.sale_id")
-                    .joins("left join sales on sales.sale_id = sale_orders.sale_id")
                     .where("booking_orders.order_id IS NOT NULL and dining_facilities.type=? and dining_facilities.is_active=?",DiningFacility::TABLE_TYPE,true)
                     .group("bookings.booking_id,sales.receipt_no,orders.status,sales.sale_id,dining_facilities.name,orders.status")
 
@@ -236,7 +235,8 @@ class Order < ApplicationRecord
 
    #Origami: Cashier : to view order type Room
   def self.get_booking_order_rooms
-    booking_rooms = Booking.select("sales.receipt_no,orders.status as order_status,bookings.booking_id,sales.sale_id as sale_id,dining_facilities.name as room_name")
+    booking_rooms = Booking.select("sales.receipt_no,orders.status as order_status,bookings.booking_id,
+                        sales.sale_id as sale_id,dining_facilities.name as room_name")
                     .joins("left join booking_orders on booking_orders.booking_id = bookings.booking_id")
                     .joins("left join dining_facilities on dining_facilities.id = bookings.dining_facility_id")
                     .joins("left join orders on orders.order_id = booking_orders.order_id")
@@ -249,7 +249,7 @@ class Order < ApplicationRecord
    #Origami: Cashier : to view order type Room
   def self.get_order_rooms
     order_rooms = Order.select("orders.order_id as order_id,sum(order_items.qty*order_items.price) as total_price,
-          order_items.id as order_items_id,dining_facilities.name as room_name")
+                    order_items.id as order_items_id,dining_facilities.name as room_name")
           .joins("left join booking_orders on booking_orders.order_id = orders.order_id
           left join bookings on bookings.booking_id = booking_orders.order_id
           left join dining_facilities on dining_facilities.id = bookings.dining_facility_id
@@ -263,7 +263,8 @@ class Order < ApplicationRecord
   def self.get_orders
     from = Time.now.beginning_of_day.utc
     to = Time.now.end_of_day.utc
-    orders = Order.select("orders.order_id as order_id,sales.receipt_no,orders.status as order_status,bookings.booking_id,sales.sale_id as sale_id,dining_facilities.name as table_name")
+    orders = Order.select("orders.order_id as order_id,sales.receipt_no,orders.status as order_status,
+                bookings.booking_id,sales.sale_id as sale_id,dining_facilities.name as table_name")
           .joins("left join booking_orders on booking_orders.order_id = orders.order_id
           left join bookings on bookings.booking_id = booking_orders.order_id
           left join dining_facilities on dining_facilities.id = bookings.dining_facility_id

app/models/sale.rb

@@ -76,7 +76,8 @@ class Sale < ApplicationRecord
 
 
       self.save!
-      #compute summary
+
+      #compute sales summary
       compute
 
       #Update the order items that is billed
@@ -218,6 +219,7 @@ class Sale < ApplicationRecord
 
 
   private
+
   def product_get_unit_price(item_code)
     menu_item_hash =MenuItem.search_by_item_code(item_code)
     if (menu_instance_code)

app/models/sale_item.rb

@@ -12,17 +12,22 @@ class SaleItem < ApplicationRecord
 
 
   def self.get_order_items_details(sale_id)
-    sale_orders = SaleOrder.where("sale_id=?",sale_id)
+    order_details = SaleItem.select("sales.total_discount as discount_amount,DATE_FORMAT(sales.receipt_date,'%Y-%m-%d %h:%m') as receipt_date,
-    if sale_orders
+                      sales.cashier_name,sales.receipt_no,sale_items.product_name as item_name,sale_items.qty,sale_items.price,sale_items.unit_price as total_price")
-       sale_orders.each do |sale_order| 
+                   .joins("left join sales on sales.sale_id = sale_items.sale_id")
-        order_details = SaleItem.select("sales.total_discount as discount_amount,DATE_FORMAT(sales.receipt_date,'%Y-%m-%d %h:%m') as receipt_date,sales.cashier_name,sales.receipt_no,sale_items.product_name as item_name,sale_items.qty,sale_items.price,sale_items.unit_price as total_price")
+                   .where("sale_items.sale_id=?",sale_id)
-           .joins("left join sales on sales.id = sale_items.sale_id")
+
-           .where("sale_items.sale_id=?",sale_order.sale_id)     
+    # sale_orders = SaleOrder.where("sale_id=?",sale_id)
-        return order_details
+    # if sale_orders
-      end
+    #    sale_orders.each do |sale_order| 
-    else
+    #     order_details = SaleItem.select("sales.total_discount as discount_amount,DATE_FORMAT(sales.receipt_date,'%Y-%m-%d %h:%m') as receipt_date,sales.cashier_name,sales.receipt_no,sale_items.product_name as item_name,sale_items.qty,sale_items.price,sale_items.unit_price as total_price")
-      return false
+    #        .joins("left join sales on sales.id = sale_items.sale_id")
-    end
+    #        .where("sale_items.sale_id=?",sale_order.sale_id)     
+    #     return order_details
+    #   end
+    # else
+    #   return false
+    # end
   end
   
   private

app/views/oqs/home/index.html.erb

@@ -61,11 +61,8 @@
                     </small>
                   </p>
                   <p class="hidden order-customer"><%= qid.customer_name %></p>
-                  <p class="hidden assigned-order-item"><%= qid.assigned_order_item_id %></p>                    
+                  <p class="hidden assigned-order-item"><%= qid.assigned_order_item_id %></p>                
                 </div>
-                <!-- <div class="card-footer">
-                  <button id=<%= 'assigned_queue_' + qid.id.to_s %> class="btn btn-primary btn-lg btn-block order-complete">COMPLETE</button>
-                </div> -->
               </div> 
               <%                                       
                 end

app/views/origami/home/index.html.erb

@@ -1,6 +1,6 @@
  <div class="row">
+  <!-- Column One -->
   <div class="col-lg-6 col-md-6 col-sm-8">
-    <!-- Column One -->
 
     <!-- Nav tabs -->
     <ul class="nav nav-tabs" role="tablist">
@@ -16,318 +16,218 @@
     </ul>
     <!-- Nav tabs - End -->
 
-    <div class="tab-content" style="min-height:670px; max-height:670px; overflow-y:scroll">
+    <div class="tab-content" style="min-height:670px; max-height:670px; overflow:auto">
-      <!-- Panel 1 - Tables -->
 
+      <!--- Panel 0 - Table Orders -->
       <div class="tab-pane active" id="tables" role="tabpanel">
-        <!--- Booking Items -->
+        <div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
-        <div class="card-columns" style="padding-top:10px">
+          <%   
-
+              @booking_orders.each do |bko| 
-        <% if @booking_orders %>
+                # Assigned Id for new Order? Sale?
-          <% @booking_orders.each do |booking_order| %>
+                unique_id=""
-            <% if booking_order.order_status != "new" %>
+                # For CSS- Class for Order? Sale?
-                <div style="background-color: red;color: white;" class="card" id="table-order-<%=booking_order.sale_id%>" onclick="callOrderDetails('sale_<%=booking_order.sale_id%>')">
+                sale_status=""
-                  <div class="card-block">
+                if bko.order_status == 'new'   
-                    <h4 class="card-title">
+                  unique_id=bko.booking_id
-                      <span id="table-name-<%=booking_order.sale_id%>" class="table-name"><%=booking_order.table_name%></span></h4>
+                else 
-                      <span>Receipt No : <%=booking_order.receipt_no%></span><br/>
+                  unique_id=bko.sale_id
-                      <span>Order Status : <%=booking_order.order_status %></span>
+                  sale_status="sold"
-                  </div>
+                end                               
-                </div>
+          %>
-            <% else %>
+          <div class="card orders <%= sale_status  %>">
-                <div class="card" id="table-order-<%=booking_order.id%>" onclick="callOrderDetails('order_<%=booking_order.id%>')">
+            <div class="card-block">
-                  <div class="card-block">
+              <p class="hidden orders-id"><%= unique_id  %></p>   
-                    <h4 class="card-title"><span id="table-name-<%=booking_order.id%>" class="table-name"><%=booking_order.table_name%></span></h4>
+              <h4 class="card-title orders-table"><%= bko.table_name %></h4>                                 
-                     <span>Order Status : <%=booking_order.order_status %></span>
+              <p class="card-text">
-                  </div>
+                Receipt No :
-                </div>
+                <span class="orders-receipt-no">
-            <% end %>
+                  <%= bko.receipt_no %>
-            <%end %>
+                </span>
-          <%end %>
+              </p>
+              <p class="card-text">
+                Order Status :
+                <span class="orders-order-status">
+                  <%= bko.order_status %>
+                </span> 
+                </small>
+              </p>                                            
+            </div>              
+          </div> 
+          <%                                       
+            end
+          %>
         </div>
       </div>
-      <!-- Panel 1 - Tables  - End -->
-      <!-- Panel 2 - Rooms -->
-      <div class="tab-pane" id="rooms" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:scroll">
-        <!--- Booking Items -->
-        <div class="card-columns" style="padding-top:10px">
-
-        <% if @booking_rooms %>
-          <% @booking_rooms.each do |booking_room| %>
-            <% if !booking_room.order_status = 'new'%>
-                <div style="background-color: red;color: white;" class="card" id="table-order-<%=booking_room.id%>" onclick="callOrderDetails('sale_<%=booking_room.id%>')">
-                  <div class="card-block">
-                    <h4 class="card-title">
-                      <span id="table-name-<%=booking_room.id%>" class="table-name"><%=booking_room.room_name%></span></h4>
-                      <span>Receipt No : <%=booking_room.receipt_no%></span><br/>
-                      <span>Order Status : <%=booking_room.order_status %></span>
-                  </div>
-                </div>
-            <% else %>
-                <div class="card" id="table-order-<%=booking_room.id%>" onclick="callOrderDetails('order_<%=booking_room.id%>')">
-                  <div class="card-block">
-                    <h4 class="card-title"><span id="table-name-<%=booking_room.id%>" class="table-name"><%=booking_room.room_name%>ddd</span></h4> \
-                    <span>Order Status : <%=booking_room.order_status %></span>
-                  </div>
-                </div>
-            <% end %>
-            <%end %>
-          <%end %>
 
+      <!--- Panel 1 - Room Orders -->
+      <div class="tab-pane active" id="rooms" role="tabpanel">
+        <div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
+          <%   
+            @booking_rooms.each do |rmo| 
+              # Assigned Id for new Order? Sale?
+              unique_id=""
+              # For CSS- Class for Order? Sale?
+              sale_status=""
+              if rmo.order_status == 'new'   
+                unique_id=rmo.booking_id              
+              else 
+                unique_id=rmo.sale_id
+                sale_status="sold"
+              end                               
+          %>
+          <div class="card orders <%= sale_status  %>">
+            <div class="card-block">
+              <p class="hidden orders-id"><%= unique_id  %></p>   
+              <h4 class="card-title orders-table"><%= rmo.room_name %></h4>                                
+              <p class="card-text">
+                Receipt No :
+                <span class="orders-receipt-no">
+                  <%= rmo.receipt_no %>
+                </span>
+              </p>
+              <p class="card-text">
+                Order Status :
+                <span class="orders-order-status">
+                  <%= rmo.order_status %>
+                </span> 
+                </small>
+              </p>                                            
+            </div>              
+          </div> 
+          <%                                       
+            end
+          %>
         </div>
-
-
       </div>
-      <!-- Panel 2 - Rooms  - End -->
-      <!-- Panel 3 - Orders -->
-      <div class="tab-pane" id="orders" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:scroll">
-
-        <!--- Booking Items -->
-        <div class="card-columns" style="padding-top:10px">
-
-          <% if @orders %>
-          <% @orders.each do |order| %>
-            <% if !order.order_status = 'new'%>
-                <div style="background-color: green;color: white;" class="card" id="table-order-<%=order.order_id%>" onclick="callOrderDetails('sale_<%=order.order_id%>')">
-                  <div class="card-block">
-                    <h4 class="card-title">
-                      <span id="table-name-<%=order.order_id%>" class="table-name">Order No:<%=order.order_id%></span></h4>
-                      <span>Receipt No : <%=order.receipt_no%></span><br/>
-                      <span>Order Status : <%=order.order_status %></span>
-                  </div>
-                </div>
-            <% else %>
-                <div class="card" id="table-order-<%=order.order_id%>" onclick="callOrderDetails('order_<%=order.order_id%>')">
-                  <div class="card-block">
-                    <h4 class="card-title"><span id="table-name-<%=order.order_id%>" class="table-name">Order No:<%=order.order_id%></span></h4>
-                    <span>Order Status : <%=order.order_status %></span>
-                  </div>
-                </div>
-            <% end %>
-            <%end %>
-          <%end %>
-
 
+      <!--- Panel 2 - Orders -->
+      <div class="tab-pane active" id="orders" role="tabpanel">
+        <div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
+          <%   
+            @orders.each do |odr| 
+              # Assigned Id for new Order? Sale?
+              unique_id=""
+              # For CSS- Class for Order? Sale?
+              sale_status=""
+              if odr.order_status == 'new'  
+                unique_id=odr.booking_id
+              else 
+                unique_id=odr.sale_id
+                sale_status="sold"
+              end                               
+          %>
+          <div class="card orders <%= sale_status  %>">
+            <div class="card-block">
+              <p class="hidden orders-id"><%= unique_id  %></p>   
+              <h4 class="card-title orders-table"><%= odr.table_name %></h4>                                 
+              <p class="card-text">
+                Receipt No :
+                <span class="orders-receipt-no">
+                  <%= odr.receipt_no %>
+                </span>
+              </p>
+              <p class="card-text">
+                Order Status :
+                <span class="orders-order-status">
+                  <%= odr.order_status %>
+                </span> 
+                </small>
+              </p>                                            
+            </div>              
+          </div> 
+          <%                                       
+            end
+          %>
         </div>
-
+      
-
       </div>
-        <!-- Panel 3 - Orders - End -->
     </div>
-
+    <!-- tabs - End -->
-
-
   </div>
+  <!-- Column One -->
+
   <!-- Column Two -->
-  <div class="col-lg-5 col-md-5 col-sm-3">
+   <div class="col-lg-5 col-md-5 col-sm-5">
-    <div class="card"  >
+      <div class="card"  >
-      <div class="card-header">
+        <div class="card-header">
-        <div id="order-title"><strong><span id="receipt-no">ORDER DETAILS</span></strong>
+          <div><strong id="order-title">ORDER DETAILS -</strong></div>
-        <strong><span id ="receipt-date" style="margin-left: 20%"></span></strong></div><br/>
+        </div>
-        <div ><strong><span id="cashier-name"></span></strong><strong><span style="margin-left: 36%" id="order-detail-header"></span></strong></div>
+        <div class="card-block">
-      </div>
+          <div class="card-title row">
-      <div class="card-block">
+            <div class="col-lg-6 col-md-6 col-sm-6">
-        <div class="card-title">
+              <p>Receipt No: <span id="receipt_no"></span></p>
-          <table class="table">
+              <p>Cashier:  <span id="cashier"></span></p>
-            <thead>
+            </div> 
+            <div class="col-lg-6 col-md-6 col-sm-6 text-right">
+              <p>Date:  <span id="receipt_date"></span></p>
+            </div>                
+          </div>
+          <div class="card-text">
+            <table class="table table-striped" id="order-items-table">
+              <thead>
+                <tr>
+                  <th class="item-name">Items</th>
+                  <th class="item-attr">QTY</td>
+                  <th class="item-attr">Price</td>
+                </tr>
+              </thead>
+              <tbody>
+                <!-- Append Javascript Template -->
+              </tbody>
+            </table>
+          </div>
+          <div class="card-footer">
+            <table class="table" id="order-charges-table" border="0">
               <tr>
-                <th style="width:60%; text-align:left">Items</th>
+                <td class="charges-name"><strong>Sub Total:</strong></td>
-                <th style="width:20%; text-align:right">QTY</td>
+                <td class="item-attr"><strong id="order-sub-total"></strong></td>
-                <th style="width:20%; text-align:right">Price</td>
               </tr>
-            </thead>
-          </table>
-        </div>
-        <div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll">
-          <table class="table" id="append-table">
-            <tbody>
-                  <tr>
-                    <td style="width:60%; text-align:left">
-                       <span id="item-name-price"></span>
-                    </td>
-                    <td style="width:20%; text-align:right">
-                      <span id="item-qty"></span>
-                    </td>
-                    <td style="width:20%; text-align:right">
-                       <span id="item-total-price"></span>
-                    </td>
-                  </tr>
-
-            </tbody>
-          </table>
-        </div>
-        <div class="card-footer">
-          <table class="table" style="margin-bottom:0px">
-            <tfooter>
               <tr>
-                <td style="width:80%; text-align:left; border-top:none"><strong>Sub Total</strong></td>
+                <td class="charges-name"><strong>Food:</strong></td>
-                <td style="width:20%; text-align:right; border-top:none"><strong><span id="sub-total"></span></strong></td>
+                <td class="item-attr"><strong id="order-food"></strong></td>
               </tr>
-             <tr>
+              <tr>
-                <td style="width:80%; text-align:left; border-top:none"><strong><span id="discount-header"></strong></td>
+                <td class="charges-name"><strong>Beverage:</strong></td>
-                <td style="width:20%; text-align:right; border-top:none"><strong><span id="discount_amount"></span></strong></td>
+                <td class="item-attr"><strong id="order-beverage"></strong></td>
               </tr>
-               <tr>
+              <tr>
-                <td style="width:80%; text-align:left; border-top:none"><strong><span id="tax-header"></strong></td>
+                <td class="charges-name"><strong>Discount:</strong></td>
-                <td style="width:20%; text-align:right; border-top:none"><strong><span id="tax_amount"></span></strong></td>
+                <td class="item-attr"><strong id="order-discount"></strong></td>
               </tr>
-               <tr>
+              <tr>
-                <td style="width:80%; text-align:left; border-top:none"><strong><span id="grand-total-header"></strong></td>
+                <td class="charges-name"><strong>Tax:</strong></td>
-                <td style="width:20%; text-align:right; border-top:none"><strong><span id="grand_total_amount"></span></strong></td>
+                <td class="item-attr"><strong id="order-Tax"></strong></td>
               </tr>
-            </tfooter>
+              <tr>
-          </table>
+                <td class="charges-name"><strong>Grand Total:</strong></td>
+                <td class="item-attr"><strong id="order-grand-total"></strong></td>
+              </tr>
+            </table>
+          </div>
         </div>
+      </div>   
+   </div>
 
-      </div>
+  <!-- Column Three -->
-    </div>
-  </div>
-  <!-- Column Three--->
   <div class="col-lg-1 col-md-1 col-sm-1">
     <!-- Waiter Buttons -->
     <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Add Order</button>
     <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Edit</button>
     <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Move</button>
     <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Customer</button>
-   <!--  <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Req.Bill</button> -->
+    <button type="button" id="request_bills" class="btn btn-primary btn-lg btn-block">Req.Bill</button>
-    <button type="button" id="request_bills" class="btn btn-primary btn-lg btn-block">
-      Req.Bill
-    </button>
     <!-- Cashier Buttons -->
-    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Discount</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block">Discount</button>
-    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Tax</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block">Tax</button>
     <button type="button" id="pay" class="btn btn-primary btn-lg btn-block" >Pay</button>
     <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Re.Print</button>
   </div>
 </div>
-<script>
- var old_order_id = 0
- var old_table_name = ""
- var table_or_order_id = 0
- var pay_sale_id = 0
 
-function callOrderDetails(sale_order_id){
+<!-- <script type="text/template" id="order-items-rows">
-
+  <tr>
-  var order_id = 0
+    <td class="item-name"></td>
-  var sale_id = 0
+    <td class="item-qty"></td>
-  var data_val = ""
+    <td class="item-price"></td>
-  sale_order = sale_order_id.split("_")[0]
+  </tr>
-
+</script> -->
-  if (sale_order == 'sale') {
-    sale_id = sale_order_id.split("_")[1]
-    url =  "origami/"+sale_order_id.split("_")[1]
-    data_val =   { sale_id: sale_order_id.split("_")[1]}
-
-  }else{
-    order_id = sale_order_id.split("_")[1]
-    url =  "origami/"+order_id
-    data_val =  { order_id: sale_order_id.split("_")[1]}
-
-  }
-
-  table_or_order_id = order_id
-  pay_sale_id = sale_id
-  var tbody = ""
-  $("#append-table").html("")
-  if (old_order_id  != order_id){
-    $("#table-order-"+old_order_id).removeClass("selected_color")
-    $("#table-order-"+order_id).addClass("selected_color")
-    old_order_id = order_id
-  }
-
-  $("#order-detail-header").html("")
-  $("#order-detail-header").append("Table Name : "+document.getElementById("table-name-"+order_id).innerHTML)
-  $("#sub-total").html("")
-  $.ajax({type: "GET",
-    url: url,
-    data: data_val,
-    success:function(result){
-      var sub_total = 0
-      var discount_amount = 0
-      var receipt_no = ""
-      var cashier_name = ""
-      var receipt_date = ""
-      var tax_amount = 0
-      var grand_total_amount = 0
-      row = "<tbody>"
-      for (i = 0; i < result.length; i++) {
-        var data = JSON.stringify(result[i]);
-        var parse_data = JSON.parse(data)
-        sub_total += (parse_data.qty*parse_data.price)
-        row = '<tr><td style="width:60%; text-align:left"><span id="item-name-price">'+parse_data.item_name+"@"+(parse_data.price*1)+'</span></td>'
-                +'<td style="width:20%; text-align:right"><span id="item-qty">'+(parse_data.qty*1)+'</span></td>s'
-                +'<td style="width:20%; text-align:right"><span id="item-total-price">'+(parse_data.qty*parse_data.price)+'</span></td>'
-                +'</tr>>'
-        tbody += row
-
-        discount_amount = result[i].discount_amount;
-
-        tax_amount = result[i].tax_amount;
-        grand_total_amount = result[i].grand_total_amount;
-
-        receipt_no = result[i].receipt_no;
-        cashier_name = result[i].cashier_name;
-        receipt_date = result[i].receipt_date;
-      }
-      row = "</tbody>"
-      $("#append-table").append(tbody)
-
-      $("#sub-total").append((sub_total)+"<br/>")
-
-      if (discount_amount > 0 ) {
-          $("#discount-header").html("(Discount)")
-          $("#discount_amount").html("("+discount_amount+")")
-      }
-
-      if (tax_amount > 0 ) {
-          $("#tax-header").html("Tax")
-          $("#tax_amount").html(tax_amount)
-      }
-
-      if (grand_total_amount > 0 ) {
-          $("#grand-total-header").html("Grand Total")
-          $("#grand_total_amount").html(grand_total_amount)
-      }
-
-      if (cashier_name == null){
-         cashier_name = ""
-      }
-      if(receipt_no != null){
-         $("#receipt-no").html("Receipt No : "+receipt_no)
-      }
-      if (receipt_date != null) {
-         $("#receipt-date").html("Receipt Date : "+receipt_date);
-      }
-      if (cashier_name != null) {
-        $("#cashier-name").html("Cashier Name : "+cashier_name);
-      }
-    },
-    error:function(result){
-      // alert('error');
-    }
-  });
-}
-
-$( document ).ready(function() {
-   $('#request_bills').click(function() {
-      console.log(table_or_order_id);
-      window.location.href = '/origami/request_bills/'+ table_or_order_id
-      return false;
-  });
-
-  $('#pay').click(function() {
-     window.location.href = '/origami/sale/'+ pay_sale_id  + "/payment"
-     return false;
- });
-
-});
-
-
-
-</script>
-<style type="text/css">
-  .selected_color{
-    color:white;
-    background-color: blue;
-  }
-</style>

app/views/origami/home/index_old.html.erb

@@ -0,0 +1,328 @@
+ <div class="row">
+  <div class="col-lg-6 col-md-6 col-sm-8">
+    <!-- Column One -->
+
+    <!-- Nav tabs -->
+    <ul class="nav nav-tabs" role="tablist">
+      <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="min-height:670px; max-height:670px; overflow-y:scroll">
+      <!-- Panel 1 - Tables -->
+
+      <div class="tab-pane active" id="tables" role="tabpanel">
+        <!--- Booking Items -->
+        <div class="card-columns" style="padding-top:10px">
+
+        <% if @booking_orders %>
+          <% @booking_orders.each do |booking_order| %>
+            <% if booking_order.order_status != "new" %>
+                <div style="background-color: red;color: white;" class="card" id="table-order-<%=booking_order.sale_id%>" onclick="callOrderDetails('sale_<%=booking_order.sale_id%>')">
+                  <div class="card-block">
+                    <h4 class="card-title">
+                      <span id="table-name-<%=booking_order.sale_id%>" class="table-name"><%=booking_order.table_name%></span></h4>
+                      <span>Receipt No : <%=booking_order.receipt_no%></span><br/>
+                      <span>Order Status : <%=booking_order.order_status %></span>
+                  </div>
+                </div>
+            <% else %>
+                <div class="card" id="table-order-<%=booking_order.id%>" onclick="callOrderDetails('order_<%=booking_order.id%>')">
+                  <div class="card-block">
+                    <h4 class="card-title"><span id="table-name-<%=booking_order.id%>" class="table-name"><%=booking_order.table_name%></span></h4>
+                     <span>Order Status : <%=booking_order.order_status %></span>
+                  </div>
+                </div>
+            <% end %>
+            <%end %>
+          <%end %>
+        </div>
+      </div>
+      <!-- Panel 1 - Tables  - End -->
+      <!-- Panel 2 - Rooms -->
+      <div class="tab-pane" id="rooms" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:scroll">
+        <!--- Booking Items -->
+        <div class="card-columns" style="padding-top:10px">
+
+        <% if @booking_rooms %>
+          <% @booking_rooms.each do |booking_room| %>
+            <% if !booking_room.order_status = 'new'%>
+                <div style="background-color: red;color: white;" class="card" id="table-order-<%=booking_room.id%>" onclick="callOrderDetails('sale_<%=booking_room.id%>')">
+                  <div class="card-block">
+                    <h4 class="card-title">
+                      <span id="table-name-<%=booking_room.id%>" class="table-name"><%=booking_room.room_name%></span></h4>
+                      <span>Receipt No : <%=booking_room.receipt_no%></span><br/>
+                      <span>Order Status : <%=booking_room.order_status %></span>
+                  </div>
+                </div>
+            <% else %>
+                <div class="card" id="table-order-<%=booking_room.id%>" onclick="callOrderDetails('order_<%=booking_room.id%>')">
+                  <div class="card-block">
+                    <h4 class="card-title"><span id="table-name-<%=booking_room.id%>" class="table-name"><%=booking_room.room_name%>ddd</span></h4> \
+                    <span>Order Status : <%=booking_room.order_status %></span>
+                  </div>
+                </div>
+            <% end %>
+            <%end %>
+          <%end %>
+        </div>
+      </div>
+      <!-- Panel 2 - Rooms  - End -->
+      <!-- Panel 3 - Orders -->
+      <div class="tab-pane" id="orders" role="tabpanel" style="min-height:670px; max-height:670px; overflow-y:scroll">
+
+        <!--- Booking Items -->
+        <div class="card-columns" style="padding-top:10px">
+
+          <% if @orders %>
+          <% @orders.each do |order| %>
+            <% if !order.order_status = 'new'%>
+                <div style="background-color: green;color: white;" class="card" id="table-order-<%=order.order_id%>" onclick="callOrderDetails('sale_<%=order.order_id%>')">
+                  <div class="card-block">
+                    <h4 class="card-title">
+                      <span id="table-name-<%=order.order_id%>" class="table-name">Order No:<%=order.order_id%></span></h4>
+                      <span>Receipt No : <%=order.receipt_no%></span><br/>
+                      <span>Order Status : <%=order.order_status %></span>
+                  </div>
+                </div>
+            <% else %>
+                <div class="card" id="table-order-<%=order.order_id%>" onclick="callOrderDetails('order_<%=order.order_id%>')">
+                  <div class="card-block">
+                    <h4 class="card-title"><span id="table-name-<%=order.order_id%>" class="table-name">Order No:<%=order.order_id%></span></h4>
+                    <span>Order Status : <%=order.order_status %></span>
+                  </div>
+                </div>
+            <% end %>
+            <%end %>
+          <%end %>
+        </div>
+      </div>
+        <!-- Panel 3 - Orders - End -->
+    </div>
+
+  </div>
+  <!-- Column Two -->
+  <div class="col-lg-5 col-md-5 col-sm-3">
+    <div class="card"  >
+      <div class="card-header">
+        <div id="order-title"><strong><span id="receipt-no">ORDER DETAILS</span></strong>
+        <strong><span id ="receipt-date" style="margin-left: 30%"></span></strong></div><br/>
+        <div ><strong><span id="cashier-name"></span></strong><strong><span style="margin-left: 36%" id="order-detail-header"></span></strong></div>
+      </div>
+      <div class="card-block">
+        <div class="card-title">
+          <table class="table">
+            <thead>
+              <tr>
+                <th style="width:60%; text-align:left">Items</th>
+                <th style="width:20%; text-align:right">QTY</td>
+                <th style="width:20%; text-align:right">Price</td>
+              </tr>
+            </thead>
+          </table>
+        </div>
+        <div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll">
+          <table class="table" id="append-table">
+            <tbody>
+                  <tr>
+                    <td style="width:60%; text-align:left">
+                       <span id="item-name-price"></span>
+                    </td>
+                    <td style="width:20%; text-align:right">
+                      <span id="item-qty"></span>
+                    </td>
+                    <td style="width:20%; text-align:right">
+                       <span id="item-total-price"></span>
+                    </td>
+                  </tr>
+
+            </tbody>
+          </table>
+        </div>
+        <div class="card-footer">
+          <table class="table" style="margin-bottom:0px">
+            <tfooter>
+              <tr>
+                <td style="width:80%; text-align:left; border-top:none"><strong>Sub Total</strong></td>
+                <td style="width:20%; text-align:right; border-top:none"><strong><span id="sub-total"></span></strong></td>
+              </tr>
+             <tr>
+                <td style="width:80%; text-align:left; border-top:none"><strong><span id="discount-header"></strong></td>
+                <td style="width:20%; text-align:right; border-top:none"><strong><span id="discount_amount"></span></strong></td>
+              </tr>
+               <tr>
+                <td style="width:80%; text-align:left; border-top:none"><strong><span id="tax-header"></strong></td>
+                <td style="width:20%; text-align:right; border-top:none"><strong><span id="tax_amount"></span></strong></td>
+              </tr>
+               <tr>
+                <td style="width:80%; text-align:left; border-top:none"><strong><span id="grand-total-header"></strong></td>
+                <td style="width:20%; text-align:right; border-top:none"><strong><span id="grand_total_amount"></span></strong></td>
+              </tr>
+            </tfooter>
+          </table>
+        </div>
+
+      </div>
+    </div>
+  </div>
+  <!-- Column Three--->
+  <div class="col-lg-1 col-md-1 col-sm-1">
+    <!-- Waiter Buttons -->
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Add Order</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Edit</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Move</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Customer</button>
+   <!--  <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Req.Bill</button> -->
+    <button type="button" id="request_bills" class="btn btn-primary btn-lg btn-block">
+      Req.Bill
+    </button>
+    <!-- Cashier Buttons -->
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Discount</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Tax</button>
+    <button type="button" id="pay" class="btn btn-primary btn-lg btn-block" >Pay</button>
+    <button type="button" class="btn btn-primary btn-lg btn-block" disabled>Re.Print</button>
+  </div>
+</div>
+<script>
+ var old_order_id = 0
+ var old_table_name = ""
+ var table_or_order_id = 0
+ var pay_sale_id = 0
+
+function callOrderDetails(sale_order_id){
+  var order_id = 0
+  var sale_id = 0
+  var data_val = ""
+  sale_order = sale_order_id.split("_")[0]
+
+  if (sale_order == 'sale') {
+    sale_id = sale_order_id.split("_")[1]
+    url =  "origami/"+sale_id
+    data_val =   { sale_id: sale_id }
+    sale_or_order_id=sale_id
+  }else{
+    order_id = sale_order_id.split("_")[1]
+    url =  "origami/"+order_id
+    data_val =  { order_id: sale_order_id.split("_")[1]}
+    sale_or_order_id=order_id
+  }
+
+  table_or_order_id = order_id
+  pay_sale_id = sale_id
+  var tbody = ""
+
+  // clear data in table
+  $("#append-table").html("")
+
+  if (old_order_id  != order_id){
+    $("#table-order-"+old_order_id).removeClass("selected_color")
+    $("#table-order-"+order_id).addClass("selected_color")
+    old_order_id = order_id
+  }
+
+  $("#order-detail-header").html("")
+  $("#order-detail-header").append("Table Name : "+document.getElementById("table-name-" + sale_or_order_id).innerHTML)
+  $("#sub-total").html("")
+  $.ajax({type: "GET",
+    url: url,
+    data: data_val,
+    success:function(result){
+      var sub_total = 0
+      var discount_amount = 0
+      var receipt_no = ""
+      var cashier_name = ""
+      var receipt_date = ""
+      var tax_amount = 0
+      var grand_total_amount = 0
+      row = "<tbody>"
+      for (i = 0; i < result.length; i++) {
+        var data = JSON.stringify(result[i]);
+        var parse_data = JSON.parse(data)
+
+        sub_total += (parse_data.qty*parse_data.price)
+        row = '<tr><td style="width:60%; text-align:left"><span id="item-name-price">'+parse_data.item_name+"@"+(parse_data.price*1)+'</span></td>'
+                +'<td style="width:20%; text-align:right"><span id="item-qty">'+(parse_data.qty*1)+'</span></td>s'
+                +'<td style="width:20%; text-align:right"><span id="item-total-price">'+(parse_data.qty*parse_data.price)+'</span></td>'
+                +'</tr>>'
+        tbody += row
+
+        discount_amount = result[i].discount_amount;
+
+        tax_amount = result[i].tax_amount;
+        grand_total_amount = result[i].grand_total_amount;
+
+        receipt_no = result[i].receipt_no;
+        cashier_name = result[i].cashier_name;
+        receipt_date = result[i].receipt_date;
+      }
+      row = "</tbody>";
+      $("#append-table").append(tbody);
+
+      $("#sub-total").append((sub_total)+"<br/>");
+
+      if (discount_amount > 0 ) {
+          $("#discount-header").html("(Discount)");
+          $("#discount_amount").html("("+discount_amount+")");
+      }
+
+      if (tax_amount > 0 ) {
+          $("#tax-header").html("Tax");
+          $("#tax_amount").html(tax_amount);
+      }
+
+      if (grand_total_amount > 0 ) {
+          $("#grand-total-header").html("Grand Total")
+          $("#grand_total_amount").html(grand_total_amount);
+      }
+
+      if (cashier_name == null){
+         cashier_name = "";
+      }
+
+      if(receipt_no != null){
+         $("#receipt-no").html("Receipt No : " + receipt_no);
+      }
+      if (receipt_date != null) {
+         $("#receipt-date").html("Receipt Date : "+receipt_date);
+      }
+      if (cashier_name != null) {
+        $("#cashier-name").html("Cashier Name : "+cashier_name);
+      }
+    },
+    error:function(result){
+      // alert('error');
+    }
+  });
+}
+
+$( document ).ready(function() {
+  $('#request_bills').click(function() {
+      console.log(table_or_order_id);
+      window.location.href = '/origami/request_bills/'+ table_or_order_id
+      return false;
+  });
+
+  $('#pay').click(function() {
+     window.location.href = '/origami/sale/'+ pay_sale_id  + "/payment"
+     return false;
+ });
+
+});
+
+
+
+</script>
+<style type="text/css">
+  .selected_color{
+    color:white;
+    background-color: blue;
+  }
+</style>

config/routes.rb

@@ -73,7 +73,8 @@ Rails.application.routes.draw do
       resources :customers, only: [:index,:new, :create ] #add customer type
     end
 
-    resources :request_bills, only: [:print]
+    # resources :request_bills, only: [:print]
+    get "/request_bills/:id" => "request_bills#print"
 
     get 'sale/:sale_id/payment' => 'request_bills#show'
     get 'sale/:sale_id/payment/credit_payment' => "credit_payments#index"