update menu category

app/views/origami/addorders/detail.html.erb

@@ -10,7 +10,16 @@
 <input type="hidden" name="type" id="modify_order" value="<%=modify_order%>">
 <div class="row m-t--20">
     <div class="col-lg-2 col-md-2 col-sm-2">
-        
+        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
+            <span class="main_menu p-l-15 p-t-20" id="main_menu"><%= @menus[0].name %></span>
+        </a>
+        <ul class="dropdown-menu menu_list" style="width:90%">
+           <% @menus.each do |menu| %>
+              <li class="nav-item menu_click" data-name="<%=menu.name%>" data-id="<%=menu.id%>">
+                   <a class="nav-link" data-toggle="tab" href="" role="tab"><%=menu.name%></a>
+              </li>
+           <%end%>
+        </ul>   
         <ul class="nav nav-tabs flex-column category_list" role="tablist" id="ul-navbar">
             <li class="nav-item product" data-ref="<%= origami_get_all_product_path %>">
               <a class="nav-link" data-toggle="tab" href="" role="tab">Products</a>
@@ -60,6 +69,43 @@
     <div class="col-md-7 col-lg-7 col-sm-7 m-t-10">
       <div class="card-columns custom-card-columns menu_items_list" style="column-gap: 10px;">
          <!-- append data -->
+         <% @menu.each do |menu| %>
+              <% if !menu.valid_time.nil? %>
+                <% if menu.menu_category_id.nil? %>
+                <!--if type quick_service or cashier for table -->
+                  <% if type %>
+                    <% if !menu.code.include? "SPL" %>
+                      <div class="card custom-card testimonial-card animated fadeInRight menu_category sub_click" data-id="<%=menu.id%>">
+                        <div class='card-block custom-card-block'>
+                          <p><%=menu.name%> <p>
+                          <p><%=menu.code%> <p>
+                        </div>
+                      </div>
+                    <% end%>
+                  <!-- else quick_service or cashier for table -->
+                  <% else %>
+                    <% if @table.get_current_checkout_booking.nil? %>
+                      <% if !menu.code.include? "SPL" %>
+                        <div class="card custom-card testimonial-card animated fadeInRight menu_category sub_click" data-id="<%=menu.id%>">
+                          <div class='card-block custom-card-block'>
+                            <p><%=menu.name%> <p>
+                            <p><%=menu.code%> <p>
+                          </div>
+                       </div>
+                      <% end%>
+                    <% else %>
+                      <div class="card custom-card testimonial-card animated fadeInRight menu_category sub_click" data-id="<%=menu.id%>">
+                        <div class='card-block custom-card-block'>
+                          <p><%=menu.name%> <p>
+                          <p><%=menu.code%> <p>
+                        </div>
+                      </div>
+                    <% end%>
+                    <!-- end quick_service or cashier for table -->
+                  <% end %>
+                <% end%>
+              <% end %>
+            <%end %>
       </div>
     </div>
 
@@ -428,8 +474,71 @@
         console.log(type)
 
     });
+
     $('#pending_order').on('click', function () {
       window.location.href = '/origami/quick_service/pending_order';
     });
+
+    $(document).on('click', '.menu_click', function(event){
+      var menu_id = $(this).attr("data-id");
+      var name = $(this).attr("data-name");
+      var url = "get_menu/"+menu_id;
+      show_menu_cat_list(name, url); 
+    }); 
+  //End menu category Click
+
+    //show menu item list when click menu category
+    function show_menu_cat_list(name, url_item){ 
+      var menu_list = $('.menu_items_list');
+      menu_list.empty();
+
+      var menu_cat = $('.category_list');
+      menu_cat.empty();
+
+      $(".main_menu").text(name)
+      if (modify_order=="true" && type =="true") {
+         url_item = '../../../addorders/'+url_item;
+       }if(modify_order=="false" && type =="true"){
+         url_item = 'addorders/'+url_item
+       }else{
+         url_item = url_item;
+       }
+
+      //Start Ajax
+      $.ajax({      
+        type: "GET",         
+        url: url_item, 
+        data: {},
+        dataType: "json",
+        success: function(data) {
+
+          for(var i in data) {  
+            if (data[i].is_available == true) {
+              
+              row = '<div class="card custom-card testimonial-card animated fadeInRight menu_category sub_click" data-id="'+ data[i].id +'">'
+                       +' <div class="card-block custom-card-block">'
+                         +'  <p>'+ data[i].name +'<p>'
+                         +'  <p>'+ data[i].code +' <p>'
+                       +'  </div>'
+                    +'   </div>';
+              $('.menu_items_list').append(row);
+
+              list = '<li class="nav-item menu_category sub_click" data-id="'+ data[i].id +'">'
+                        +'<p class="hidden menu-id">'+ data[i].id +'</p> '
+                          +'<a class="nav-link" data-toggle="tab" href="" role="tab"> '+ data[i].name +''
+                           +'<ul class=" sub_category_list hidden fadeInTop animated"' 
+                           +'id="sub_category_list">'
+                          +'</ul>'
+                        +'</a>'
+                      +'</li>';
+              $('.category_list').append(list);
+            }
+            
+          }
+        }
+      });
+      //end Ajax 
+    }
+    //end show list function
   });
 </script>

app/views/origami/addorders/get_menu.json.jbuilder

@@ -0,0 +1 @@
+json.array! @menu_category