update add order cache menu

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

@@ -11,10 +11,15 @@
   </div>
   <input type="hidden" name="type" id="role" value="<%= current_user.role%>">
   <div class="row m-t--20">
-    <div class="col-lg-2 col-md-2 col-sm-2 hidden" id="menu_data">
+    <div class="col-lg-2 col-md-2 col-sm-2 hidden" id="menu_data"> 
         <li class="list-menu">
           <a href="javascript:void(0);" class="menu-toggle dropdown-toggle toggled my-toggle " style="">
-            <span class="main_menu" id="main_menu" ><%= @menus[0].name %></span>
+
+            <span class="main_menu" id="main_menu menu_name" >
+              <%if @menu.present? %>
+                  <%=menu[0].name%>
+              <% end%>
+            </span>
           </a>
           <ul class="ml-menu menu_list aria-hidden " style="border-top: 1px solid #fff">
             <% @menus.each do |menu| %>
@@ -179,12 +184,14 @@
 
                 <% if modify_order %>
                    <% if @table.nil? %>
-                     <div class="col-md-5 col-lg-5 col-sm-5">Table : </div>
+                     
+                     <div class="col-md-3 col-lg-3 col-sm-3">Table : </div>
                      <p class="hidden" id="table_id"><%=@table_id%></p>
                      <p class="hidden" id="table_type"></p>
                      <p class="hidden" id="table_get_current"></p>
                    <% else%>
-                     <div class="col-md-5 col-lg-5 col-sm-5">Table : <%=@table.name%></div>
+                     
+                     <div class="col-md-3 col-lg-3 col-sm-3">Table : <%=@table.name%></div>
                      <p class="hidden" id="table_id"><%=@table_id%></p>
                      <p class="hidden" id="table_type"><%=@table.type%></p>
                        <p class="hidden" id="table_get_current"><%=@table.get_current_checkout_booking%></p>
@@ -539,13 +546,51 @@
 <script>
 
     jQuery(function(){
-      id = "<%=@menu[0].id%>";
+      var menus = JSON.parse(localStorage.getItem("menus"));
+      if (menus != null) {
+        console.log("menu")
+        id = menus[0]["id"];
+      }else{
+        id = 1;
+      }
+      
       jQuery('.first_'+id).click();
     });
 
     $(document).ready(function () {
       var menus = JSON.parse(localStorage.getItem("menus"));
       if (menus != null) {
+        console.log("menu")
+        menu_cache_append(menus);
+      }else{
+        $("#menu_data").removeClass("hidden");
+      }
+
+      function category_list_template(menu) {
+        row = '<li class="nav-item">'
+                +'<p class="hidden menu-id">'+menu.id+'</p> '
+                +'<a class="nav-link menu_category sub_click first_'+menu.id+'" '
+                +'data-toggle="tab" href="" role="tab" data-id="'+menu.id+'" '
+                +'data-sub-id="'+menu.sub_category+'">'+menu.name+''
+                +'</a>'
+                  +'<ul class="sub_category_list hidden fadeInTop animated" '
+                  +'id="sub_category_list">'
+                  +'</ul>'
+                
+             +' </li>';
+        $(".category_cache_list").append(row);           
+      }
+
+      function menu_list_template(menu) {
+        row = '<li class="nav-item menu_click" data-name="'+menu.name+'" '
+                +' data-id="'+menu.id+'" style="">'
+            +' <a class="nav-link" data-toggle="tab" href="" role="tab"'
+            +' style="text-transform: lowercase;">'+menu.name+'</a>'
+           +'</li>';
+        $(".menu_cache_list").append(row);           
+      } 
+
+      function menu_cache_append(menus){
         $("#menu_cache").removeClass("hidden");
         $(".menu_cache_name").text(menus[0]["name"])       
         for(var i in menus) {
@@ -575,34 +620,8 @@
                 }
               }
           }
-      }else{
-        $("#menu_data").removeClass("hidden");
       }
 
-      function category_list_template(menu) {
-        row = '<li class="nav-item">'
-                +'<p class="hidden menu-id">'+menu.id+'</p> '
-                +'<a class="nav-link menu_category sub_click first_'+menu.id+'" '
-                +'data-toggle="tab" href="" role="tab" data-id="'+menu.id+'" '
-                +'data-sub-id="'+menu.sub_category+'">'+menu.name+''
-                +'</a>'
-                  +'<ul class="sub_category_list hidden fadeInTop animated" '
-                  +'id="sub_category_list">'
-                  +'</ul>'
-                
-             +' </li>';
-        $(".category_cache_list").append(row);           
-      }
-
-      function menu_list_template(menu) {
-        row = '<li class="nav-item menu_click" data-name="'+menu.name+'" '
-                +' data-id="'+menu.id+'" style="">'
-            +' <a class="nav-link" data-toggle="tab" href="" role="tab"'
-            +' style="text-transform: lowercase;">'+menu.name+'</a>'
-           +'</li>';
-        $(".menu_cache_list").append(row);           
-      } 
-
       $(".tables").on('click', function () {
         $('.tables').css('background-color','');
         $('.tables').removeClass('purple')
@@ -684,7 +703,6 @@
                 +'</li>';
                 $('.category_list').append(list);
               }
-              
             }
           }
         });
@@ -694,6 +712,8 @@
 
       $(document).on('click', '#clear_all', function(event){
         $(".summary-items tbody").empty(); 
+        $('#sub_total').text(0.00);
+        $(".create").attr("disabled","disabled");
       }); 
 
       $(document).on('click', '.cashier_number', function(event){
@@ -707,7 +727,6 @@
             case 'num':
               var input_value = $(this).attr("data-value");
               if (original_value == "0"){
-                console.log("hi")
                 $('#modal-qty').val(input_value);
                 $('#modal-qty').attr('data-value',input_value);
                 // update_total_amount();