diff --git a/app/assets/javascripts/addorder.js b/app/assets/javascripts/addorder.js
index 01d42309..cd307adc 100644
--- a/app/assets/javascripts/addorder.js
+++ b/app/assets/javascripts/addorder.js
@@ -4,6 +4,8 @@ $(function(){
   $(".menu_category").on("click", function(){
     var menu_id = $(this).find(".menu-id").text();
     var url = $(this).attr('data-ref');
+    console.log(url);
+    console.log(menu_id)
     show_menu_item_list(url); 
   }); 
   //End menu category Click
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 17fbea7a..b93c2ccf 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -25,6 +25,7 @@
 //= require select2
 //= require jquery.datetimepicker
 //= require Chart
+//= require bootstrap/modal
 
 
 $(document).on('turbolinks:load', function() {
@@ -47,4 +48,233 @@ function export_to(path)
   window.location = path+"?"+ form_params;
 }
 
+/*Oqs Js file */
+
+
+$(document).ready(function(){
+
+  $(".nav-completed").on("click", function(){
+       $("#completed").removeClass('hide')
+       $(".oqs_append").addClass('hide')
+    });
+
+    $(".oqs_click").on("click", function(){
+       $(".oqs_click").removeClass('oqs_active');
+       $(".queue_station").removeClass('queue_station_box');
+       $("#completed").addClass('hide');
+       $(".oqs_append").removeClass('hide');
+       $(this).addClass('oqs_active');
+       $(".queue_station").addClass('queue_station_box');
+       var oqs_id = $(this).find(".oqs-id").text();
+       var url    = 'oqs/get_items/'+oqs_id;
+      
+       show_details(url);
+
+    }); //End Click
+ 
+  function show_details(url){  
+     var oqs_append = $('.oqs_append');
+     oqs_append.empty();
+     var filter = $('.filter').text();
+    //Start Ajax
+    $.ajax({      
+      type: "GET",         
+      url: url, 
+      data: {'filter':filter},
+      dataType: "json",
+      success: function(data) {
+          for(var field in data) {
+            var price = parseFloat(data[field].price).toFixed(2);
+
+            if (data[field]["options"] == "[]" || data[field]["options"] == "") {
+             var options = "";
+            }else{
+             var options = data.options;
+            }
+
+            var date = new Date(data[field]["created_at"]); 
+          var show_date = date.getDate() + "-" + date.getMonth() + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();
+             
+            row ='<div class="card queue_station" data-date="'+data[field]["order_id"]+'">'
+                    +'<div class="card-block">'
+                        +'<h4 class="card-title">'
+                          +'<span class="order-zone-type">'+data[field]["table_type"]+'- </span>'
+                          +'<span class="order-zone">'+ data[field]["zone"] +'</span>'
+                          +'<small class="pull-right">'+ data[field]["order_id"] +'- </small>'
+                        +'</h4>'
+
+                        +'<h4>'
+                          +'<span class="order-item">'+ data[field]["item_name"] +'- </span>'
+                          +'<span class="order-qty">'+ data[field]["qty"] +'- </span>'
+                        +'</h4>'
+
+                        +'<p class="card-text item-options">'+ options +'</p>'
+
+                        +'<p class="card-text">'
+                          +'<small class="text-muted">Order at'
+                            +'<span class="order-at">'+ show_date +'</span> - '
+
+                            +'<span class="order-by">'+ data[field]["item_order_by"] +'</span> '
+                            +'</small> '
+                        +'</p>'
+
+                        +'<p class="hidden order-customer">'+ data[field]["customer_name"] +'</p> '
+                        +'<p class="hidden assigned-order-item">'+ data[field]["assigned_order_item_id"] +'</p> '
+                    +'</div>'
+
+                    +'<div class="card-footer">'
+                        +'<button id="edit_'+ data[field]["assigned_order_item_id"]+'" class="btn btn-warning order-item order-item-edit">EDIT</button>'
+                        +' <button id="assigned_queue_' + data[field]["assigned_order_item_id"] +'" class="btn btn-primary order-item order-complete">COMPLETE</button>'
+                    +'</div>'
+
+                +'</div>'; 
+                    
+                   
+                   
+              $('.oqs_append').append(row);
+          }
+          
+       }
+    });
+    //end Ajax 
+
+  }
+
+  $(document).on('click', '.queue_station', function(event){ 
+      var orderZone=$(this).children().children().children('.order-zone').text().trim();
+      // var orderItem=$(this).children().children().children('.order-item').text();
+      var assigned_item_id = $(this).children().find(".assigned-order-item").text();
+      var orderQty = $(this).children().children().children('.order-qty').text();   
+      var orderBy = $(this).children().children().children().children('.order-by').text();
+      var orderAt = $(this).children().children().children().children('.order-at').text();
+      var orderCustomer = $(this).children().children('.order-customer').text();
+      var order_status = $(this).children().children('.order-status').text();
+
+      $('#order-title').text("ORDER DETAILS - " + orderZone);
+      $('#order-by').text(orderBy);
+      $('#order-at').text(orderAt);
+      $('#order-customer').text(orderCustomer);
+      $('#order-from').text(orderZone);
+      // clear order items
+    $("#oqs-order-details-table").children("tbody").empty();
+      // Call get_order_items() for Order Items by dining
+      $.ajax({
+        type: 'GET',
+        url: '/oqs/' + orderZone,
+        data: { 'status' : order_status },
+        success: function(res){         
+          for (i = 0; i < res.length; i++) {            
+            var data = JSON.stringify(res[i]);  
+              var parse_data = JSON.parse(data); 
+              
+            var order_item_row = "<tr>" +
+                              "<td class='order-items' style='width:80%; text-align:left'>" + parse_data.item_name + "</td>" +
+                              "<td class='order-qty' style='width:20%; text-align:right'>" + parse_data.qty + "</td>" +
+                             "</tr>";
+                  $("#oqs-order-details-table").children("tbody").append(order_item_row);
+          }         
+        }
+      })
+
+      // $('#order-items').text(orderItem);
+      // $('#order-qty').text(orderQty);
+
+      $('.queue_station').removeClass('selected-item');
+      $(this).addClass('selected-item');
+  });
+
+    $(document).on('click', '.order-item-edit', function(event){ 
+    var _self = $(this);  // To know in ajax return
+      var assigned_item_id=$(this).attr('id').substr(5);
+      window.location.href = '/oqs/'+ assigned_item_id  + "/edit"
+  });
+
+    // complete for queue item
+ 
+    $(document).on('click', '.order-complete', function(event){ 
+      //e.preventDefault();
+      var _self = $(this);  // To know in ajax return
+      var assigned_item_id=$(this).attr('id').substr(15);
+      var params = { 'id':assigned_item_id };
+      
+      // Call update_delivery_status() for changed delivery and move to delivery   
+      $.ajax({
+        type: 'POST',
+        url: '/oqs/update_delivery',
+        data: params,
+        dataType: 'json',
+        success: function(data){
+          for (i = 0; i < data.length; i++) {
+            var queue_station = $('#assigned_queue_' + data[i]).parent().parent(".queue_station");
+            var station = queue_station.parent().parent().attr('id');
+
+            // Remove a queue card from current station
+            queue_station.remove();
+
+            // Remove a queue card from current station
+            queue_station.children('.card-footer').remove();
+
+            // Add removed queue card from station to completed
+            $("#completed").children('.card-columns').append(queue_station);
+
+            // update queue item count in each station
+            var station_count=parseInt($("#"+station+"_count").text()) - 1;
+            $("#"+station+"_count").text(station_count);
+          }
+
+          // update queue item count in completed station
+          $("#completed_count").text(parseInt($("#completed_count").text()) + data.length);
+
+          alert("updated!");
+          // Page reload
+        location.reload();
+        }
+      });
+    });
+
+    // Print Order Item
+    $(document).on('click', '#print_order_item', function(event){ 
+      var assigned_item_id = $('.selected-item').children('.card-block').children('.assigned-order-item').text();
+      var options = $('.selected-item').children('.card-block').find('.item-options').text();
+      var params = { 'options':options };
+
+      $.ajax({
+      type: 'GET',
+        url: '/oqs/print/print/'+assigned_item_id,
+        success: function(data){  }
+      });
+    });
+
+    // Print Order Summary
+    // $('#print_order_summary').on('click',function(){
+    $(document).on('click', '#print_order_summary', function(event){
+      var table_name=$('.selected-item').children().children().children('.order-zone').text().trim();
+      var assigned_item_id=$('.selected-item').children('.card-block').children('.assigned-order-item').text();
+      var params = { 'table_name':table_name };
+      $.ajax({
+      type: 'GET',
+        url: '/oqs/print/print_order_summary/'+assigned_item_id,
+        data: params,
+        success: function(data){  }
+      });
+    });
+
+  // Qty update for OQS Edit Controller
+  $('#qty-update').on('click', function(){
+    var qty_weight = $("input[name='qty_weight']").val();
+    var remarks = $("textarea[name='remarks']").val();
+    var order_items_id = $(this).attr('data-id');
+    var params = { 'order_items_id': order_items_id, 'qty_weight': qty_weight, 'remarks': remarks }
+    $.ajax({
+      type: 'POST',
+      url: '/oqs/' + order_items_id,
+      data: params,
+      success: function(result){
+        alert("Updated!");
+        window.location.href = '/oqs';
+      }
+    });
+  });
+});
+
 
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index e4820fed..5a31b84f 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -21,12 +21,13 @@
 
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= stylesheet_link_tag    'settings', media: 'all', 'data-turbolinks-track': 'reload' %>
-  <!-- JS -->  
-    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 
     <!-- oqs -->
-    <%= javascript_include_tag 'OQS', 'data-turbolinks-track': 'reload' %>
+    <!--  <%= javascript_include_tag 'OQS', 'data-turbolinks-track': 'reload' %> -->
     <!-- crm -->
-    <%= javascript_include_tag 'CRM', 'data-turbolinks-track': 'reload' %>
+    <!-- <%= javascript_include_tag 'CRM', 'data-turbolinks-track': 'reload' %>-->
+    <!-- JS -->  
+    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 
+    
     <%= stylesheet_link_tag    'jquery-confirm', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_include_tag 'jquery-confirm', 'data-turbolinks-track': 'reload' %>
 
diff --git a/app/views/origami/addorders/detail.html.erb b/app/views/origami/addorders/detail.html.erb
index eb19090a..e9df3002 100644
--- a/app/views/origami/addorders/detail.html.erb
+++ b/app/views/origami/addorders/detail.html.erb
@@ -4,7 +4,7 @@
     <div class="col-lg-2 col-md-2 col-sm-2">
         <ul class="nav nav-tabs flex-column" role="tablist" >
           <% @menu.each do |menu| %>
-          <li class="nav-item menu_category" data-ref="<%= origami_get_menu_category_path menu.id%>">
+          <li class="nav-item menu_category" data-ref="<%= origami_get_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>