update sotck ch

app/views/inventory/stock_checks/index.html.erb

@@ -8,16 +8,12 @@
       <div class="col-lg-2 col-md-2 col-sm-2" id=""> 
         <div id="menu1-slimscroll" data-height="0">
           <ul class="nav nav-tabs flex-column category_list m-t-10" role="tablist" id="ul-navbar">
-            
             <% @category.each do |cat| %>
-              
+              <li class="nav-item ">
-                    <li class="nav-item ">
+                <p class="hidden cat-id"><%= cat.id  %></p> 
-                      <p class="hidden cat-id"><%= cat.id  %></p> 
+                  <a class="nav-link menu_category sub_click first_46" data-toggle="tab" href="" role="tab" data-id="<%=cat.id%>" ><%= cat.name%>
-                      <a class="nav-link menu_category sub_click first_<%=cat.id%>" data-toggle="tab" href="" role="tab" data-id="<%=cat.id%>" ><%= cat.name%>
+                  </a>
-                      </a>
+              </li>  
-                     
-                    </li>
-                 
             <%end %>
           </ul>
         </div>
@@ -36,7 +32,7 @@
       </div>
       
       <div class="col-md-3 col-lg-3 col-sm-3">
-        <button type="button" class="btn btn-md btn-block btn-default waves-effect m-t-5" id='back'>
+        <button type="button" class="btn btn-lg btn-block btn-default waves-effect m-t-5" id='back'>
           <i class="material-icons">reply</i>Back
         </button>
         <br>
@@ -102,6 +98,70 @@
         </div>
       </div>
     </div>
+
+    <!-- Modal -->
+     <div class=" modal" id="sx_itemModal" tabindex="-1" role="dialog" aria-labelledby="sx_itemModalLabel" aria-hidden="true" style="">
+      <div class="modal-dialog custom-modal-dialog" role="document">
+        <div class="modal-content">
+
+          <div class="modal-body">
+            <table width="100%" class="table table-striped">
+             <thead>
+               <tr>
+                 <th style="">Item Name</th>
+                 <th style="">Quantity</th>
+                 <th></th>
+               </tr>
+             </thead>
+             <tbody>
+               <tr>
+                 <td class="item_name" id="modal-item-name"></td>
+                 <td>
+                   <input type="number" name="qty" class="form-control col-md-12 input-number" data-value="0" id="modal-qty" value="" min="1" max="10000">
+                 </td>
+                 <td>
+                   <button type="button" id="remove" class="btn btn-danger" data-dismiss="modal">Remove</button>
+                 </td>
+               </tr>
+             </tbody>
+           </table>
+           <div class="row bottom p-l-15 p-r-15 m-t-10">
+             <div class="col-md-3 cashier_number border-top border-left" data-value="1" data-type="num">1</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="2" data-type="num">2</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="3" data-type="num">3</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="4" data-type="num">4</div>
+           </div>
+           <div class="row bottom p-l-15 p-r-15">
+             <div class="col-md-3 cashier_number border-top border-left" data-value="5" data-type="num">5</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="6" data-type="num">6</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="7" data-type="num">7</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="8" data-type="num">8</div>
+           </div>
+           <div class="row bottom p-l-15 p-r-15">
+             <div class="col-md-3 cashier_number border-top border-left" data-value="9" data-type="num">9</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="0" data-type="num">0</div>
+             <div class="col-md-3 cashier_number border-top border-left" data-value="00" data-type="num">00</div>
+             <div class="col-md-3 cashier_number border-top border-left  bg-orange" data-type="clr">Clr</div>
+           </div>
+         </div>
+         <div class="modal-footer">
+          <div class="row">
+            <div class="col-md-5">
+              <button type="button" class="btn btn-default" data-dismiss="modal" id="close">Close</button>
+            </div>
+            <div class="col-md-5">
+              <button type="button" class="btn btn-primary " data-dismiss="modal" id="save">Update</button>
+            </div>
+          </div>
+
+
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Menu Item modal -->
+
 <style type="text/css">
   .fadeInRight{
   -webkit-animation-duration: 350ms !important;
@@ -112,7 +172,7 @@
   jQuery(function(){
     id = "<%=@category[0].id%>";
     console.log(id)
-    jQuery('.first_'+id).click();
+    jQuery('.first_46').click();
   });
 
   $(document).ready(function () {
@@ -127,10 +187,6 @@
     });  
     //End menu category Click
 
-    $('#back').on('click', function () {
-      window.location.href = '/inventory';
-    });
-
     //show menu item list when click menu category
     function show_menu_item_list(url_item,menu_id){ 
         var menu_list = $('.menu_items_list');
@@ -236,15 +292,46 @@
       }
     });
 
-    $(document).on('click', '#remove_row', function(event){ 
+    //click item row for update qty
-      console.log( $(this).parent().parent())
+    $('.summary-items').on('click', '.item_box', function(){
-      $($(this).parent().parent()).attr('data-active',true);
+      $(this).attr('data-active',true);
-       $('.summary-items tr').filter(function(){
+      name =  $(this).children('#item_name').text();
-          if ($(this).attr('data-active') == 'true'){
+      qty  =  $(this).children('#item_qty').text();
-            $(this).remove();
+      $('#modal-item-name').text(name);
-          }
+      $('#modal-qty').val(qty);
-        });
+    });
+
+    //click remove buttom in modal box
+    $('#sx_itemModal').on('click','#remove', function(){
+      $('.summary-items tr').filter(function(){
+        if ($(this).attr('data-active') == 'true'){
+          $(this).remove();
+        }
       });
+    });
+
+    //click close
+    $('#sx_itemModal').on('click','#close', function(){ 
+      $(".item_box").removeAttr("data-active");
+    });
+  //click save buttom after change qty
+    $('#sx_itemModal').on('click','#save', function(){  
+      if ($('#modal-qty').val()>0) {
+        summary_items_filter(); 
+      }else{
+        swal("Opps", "Please enter number for qty ","warning");
+      }
+    });
+
+    // $(document).on('click', '#remove_row', function(event){ 
+    //   console.log( $(this).parent().parent())
+    //   $($(this).parent().parent()).attr('data-active',true);
+    //    $('.summary-items tr').filter(function(){
+    //       if ($(this).attr('data-active') == 'true'){
+    //         $(this).remove();
+    //       }
+    //     });
+    //   });
 
     $(".keypress_qty").on('keyup change', function (){
         value = $(this).val();
@@ -255,6 +342,7 @@
         }
     });
 
+
     $('#finish').on('click', function () {
         var reason = $('#stock_check_reason').val();
         var arr = [];
@@ -298,22 +386,78 @@
         }        
     });
 
+    $(document).on('click', '.cashier_number', function(event){
+      if(event.handled !== true) {
+        var original_value;
+        original_value = $('#modal-qty').attr('data-value');
+        original_qty   = $('#modal-qty').val();
+        var input_type = $(this).attr("data-type");
 
-  /* Get Item rows */
+        switch (input_type) {
-  function get_order_item_rows(){
+          case 'num':
-    var items = [];  
+            var input_value = $(this).attr("data-value");
-    var item_row    = $('.summary-items tbody tr');
+            if (original_value == "0"){
-    $(item_row).each(function(i){
+              $('#modal-qty').val(input_value);
-      var item_list = {};
+              $('#modal-qty').attr('data-value',input_value);
+                // update_total_amount();
+            }else{
+              $('#modal-qty').val(original_qty + input_value);
+              $('#modal-qty').attr('data-value',original_qty + input_value);
+              // update_total_amount();
+            }
+          break;
+          case 'add':
               
-      item_list.remark = $(item_row[i]).attr('data-reason');
+          case 'del' :
-      item_list.sku    = $(item_row[i]).attr('data-instance-code');
-      item_list.qty    = $(item_row[i]).children('#item_qty').text();
               
-      items.push(item_list);
+          case 'clr':
+            $('#modal-qty').val(1);
+            $('#modal-qty').attr('data-value',0);
+            // update_total_amount();
+          break;
+          }
+          event.handled = true;
+      } else {
+        return false;
+      }
     });
-    return items;
+
-  }
+    $("#back").on("click", function(){
+      window.location.href = "/inventory";
+    }); 
+
+
+
+    function summary_items_filter(){
+      $('.summary-items tr').filter(function(){
+        if ($(this).attr('data-active') == 'true'){
+          qty   = $('#modal-qty').val();
+          price = parseFloat($(this).attr('data-price'));
+          total_price = parseFloat(price*qty).toFixed(2);
+
+          $(this).find('#item_qty').text(qty);
+          $(this).find('.item-cell-price').text(total_price);  
+          
+          $(this).removeAttr('data-active');
+        }
+      });
+    }
+
+    /* Get Item rows */
+    function get_order_item_rows(){
+      var items = [];  
+      var item_row    = $('.summary-items tbody tr');
+      $(item_row).each(function(i){
+        var item_list = {};
+        
+        item_list.remark = $(item_row[i]).attr('data-reason');
+        item_list.sku    = $(item_row[i]).attr('data-instance-code');
+        item_list.qty    = $(item_row[i]).children('#item_qty').text();
+
+        items.push(item_list);
+      }); 
+      return items;
+    }
 
   });
 </script>