Merge branch 'adminbsb_material_ui'

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

@@ -485,8 +485,10 @@
                 <% end %>
                   <button type="button" id="customer" class="btn btn-block bg-blue waves-effect">Customer</button>
                 <% if current_login_employee.role != "waiter" %>
-                  <button type="button" class="btn btn-block bg-blue waves-effect" id='edit' <%= (can? :edit, :sale_edit)? ' ': 'disabled=' %> active="true">Edit</button>
-                  <button type="button" class="btn btn-block bg-blue waves-effect" data-toggle="modal" data-target="#voidModal" <%= (can? :overall_void, :void)? ' ': 'disabled=' %> > Void</button>
+                  <!-- <button type="button" class="btn btn-block bg-blue waves-effect" id='edit' <%= (can? :edit, :sale_edit)? ' ': 'disabled=' %> active="true">Edit</button>
+                  <button type="button" class="btn btn-block bg-blue waves-effect" data-toggle="modal" data-target="#voidModal" <%= (can? :overall_void, :void)? ' ': 'disabled=' %> > Void</button> -->
+                   <a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"   data-type="edit">Edit</a> 
+                  <a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"  data-type="void"> Void</a>
                 <% end %>
                 <% if current_login_employee.role != "waiter" %>
                   <button type="button" id="discount" class="btn btn-block bg-blue waves-effect" <%= (can? :index, :discount)? ' ': 'disabled=' %> active="true">Discount</button>
@@ -579,26 +581,35 @@
     </div>
   </div>
 </div>
-<div class="modal fade" id="waste_spoileModal" tabindex="-1" role="dialog">
-  <div class="modal-dialog" role="document">
+
+<div class="modal fade" id="AccessCodeModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog modal-sm" role="document">
     <div class="modal-content">
       <div class="modal-header">
-      <h4 class="modal-title" id="waste_spoileModalLabel">Are you sure Waste or Spoile ?</h4>
+      <h4 class="modal-title" id="AccessCodeModalLabel">Enter Access Code</h4>
+      <button type="button" class="close" id="close" data-dismiss="modal" aria-hidden="true" style="font-size: 20px;color:#111;">&times;</button>
       </div>
-      <div class="modal-body"> 
-      <div class="row p-r-20">
-          <div class="col-md-3">
-            <button type="button" class="btn btn-lg bg-red waves-effect " data-status="waste" value="waste" id="btn_waste" onclick="waste_and_spoilage('waste')"><strong>Waste</strong></button>
-          </div>
-          <div class="col-md-3">
-              <button type="button" class="btn btn-lg bg-red waves-effect " data-status="spoile" value="spoile" id="btn_spoile" onclick="waste_and_spoilage('spoile')"><strong>Spoile</strong></button>
-          </div>
-          <div class="col-md-3">
-            <button type="button" class="btn btn-lg bg-blue waves-effect" data-dismiss="modal"><strong>CLOSE</strong></button>
-          </div>
-        </div>
-      </div>
-      <div class="modal-footer ">
+      <div class="modal-body" style="padding: 0px 25px 15px 25px !important"> 
+         <input type="text" id="access_code" class="access_code form-control col-md-12 ">
+        <div class="row bottom p-l-15 p-r-15 m-t-10">
+             <div class="col-md-3 access_number border-top border-left" data-value="1" data-type="num">1</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="2" data-type="num">2</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="3" data-type="num">3</div>
+             <div class="col-md-3 access_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 access_number border-top border-left" data-value="5" data-type="num">5</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="6" data-type="num">6</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="7" data-type="num">7</div>
+             <div class="col-md-3 access_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 access_number border-top border-left" data-value="9" data-type="num">9</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="0" data-type="num">0</div>
+             <div class="col-md-3 access_number border-top border-left orange" data-type="clr">Clr</div>
+             <div class="col-md-3 access_number ok border-top border-left blue" data-type="ok" data-action="">OK</div>
+              
+           </div>
       </div>
     </div>
   </div>
@@ -957,6 +968,7 @@
     });
 
     $('#void').on('click', function () {
+       var access_code  = localStorage.getItem("access_code");
       if ($(this).attr('active')=== "true") {
         swal({
             title: "Alert",
@@ -975,7 +987,7 @@
             $.ajax({
                 type: 'POST',
                 url: ajax_url,
-                data: "remark="+ remark + "&sale_id=" + sale_id,
+                data: "remark="+ remark + "&sale_id=" + sale_id+ "&access_code=" + access_code,
                 success: function (result) {
                    // For Server Print - from jade
                 if ($("#server_mode").val() == "cloud") {
@@ -1052,6 +1064,12 @@
       return attribute_arr;
     }
 
+    $(document).on('click', '.access_modal', function(event){
+      type = $(this).data("type");
+      $(".ok").attr("data-action",type)
+      $('#AccessCodeModal').modal('show');
+    });
+
     function waste_and_spoilage(remark) {
         swal({
             title: "Alert",
@@ -1081,4 +1099,34 @@
           }
         }); 
     }
+
+  function check_emp_access_code(access_code,type) {
+      var url = "/origami/check_emp_access_code/" + access_code ;
+      $.ajax({
+          type: 'POST',
+          url: url,
+          data: {},
+          success: function (result) {
+             console.log(result);
+             if (result.status == true) {
+              createAccessCode(code);
+               if (type == "edit") {
+                var dining_id = "<%= @dining.id %>";
+                  var sale_id   = "<%= @obj_sale.sale_id rescue "" %>";
+                  window.location.href = '/origami/table/' + dining_id + "/sale/" + sale_id + "/"+cashier_type +"/edit";
+               }else if(type == "void"){
+                 $('#AccessCodeModal').modal('hide');
+                 $('#voidModal').modal('show');
+
+                 // overall_void();
+               }else if(type == "waste_and_spoilage"){
+
+               }
+             }else{
+               swal("Opps",result.message,"warning")
+             }
+          }
+      });
+  }
+
 </script>

app/views/origami/payments/show.html.erb

@@ -350,16 +350,20 @@
     <i class="material-icons">reply</i>
      Back
   </button>
-    <button type="button" class="btn bg-deep-purple btn-block" data-toggle="modal" data-target="#focModal" <%= (can? :foc, :payment)? ' ': 'disabled=' %> active="true"> FOC </button>
+   <!--  <button type="button" class="btn bg-deep-purple btn-block" data-toggle="modal" data-target="#focModal" <%= (can? :foc, :payment)? ' ': 'disabled=' %> active="true"> FOC </button>
     <button type="button" class="btn bg-red btn-block" data-toggle="modal" data-target="#voidModal" <%= (can? :overall_void, :void)? ' ': 'disabled=' %> > Void </button>
     <button type="button" class="btn btn-block bg-deep-purple waves-effect " data-status="waste" value="waste" id="btn_waste" onclick="waste_and_spoilage('waste')">Waste</button>
-<button type="button" class="btn btn-block bg-deep-purple waves-effect " data-status="spoile" value="spoile" id="btn_spoile" onclick="waste_and_spoilage('spoile')">Spoile</button>
-  <% if @cashier_type=="quick_service" %>
+<button type="button" class="btn btn-block bg-deep-purple waves-effect " data-status="spoile" value="spoile" id="btn_spoile" onclick="waste_and_spoilage('spoile')">Spoile</button> -->
+<a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"  data-type="foc"> FOC</a>
+<a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"  data-type="void"> Void</a>
+<a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"  data-type="waste"> Waste</a>
+<a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"  data-type="spoile"> Spoile</a>
+<% if @cashier_type=="quick_service" %>
 <hr>
 
  <button type="button" id="survey" class="btn btn-block bg-blue waves-effect"><%= t("views.right_panel.detail.survey") %></button>
  <button type="button" id="customer" class="btn btn-block bg-blue waves-effect" >Customer</button>
-  <button type="button" class="btn btn-block bg-blue waves-effect" id='edit' <%= (can? :edit, :sale_edit)? ' ': 'disabled=' %> active="true">Edit</button>
+  <a class="btn btn-block bg-blue waves-effect access_modal" data-toggle="modal"   data-type="edit">Edit</a>
 <button type="button" id="discount" class="btn btn-block bg-blue waves-effect" <%= (can? :index, :discount)? ' ': 'disabled=' %> active="true">Discount</button>
 <button type="button" id="other-charges" class="btn btn-block bg-blue waves-effect">Charges</button>
   <!-- Waiter Buttons -->
@@ -487,7 +491,40 @@
       <div class="modal-footer"></div>
     </div>
   </div>
-</div>   
+</div>  
+
+<div class="modal fade" id="AccessCodeModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog modal-sm" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+      <h4 class="modal-title" id="AccessCodeModalLabel">Enter Access Code</h4>
+      <button type="button" class="close" id="close" data-dismiss="modal" aria-hidden="true" style="font-size: 20px;color:#111;">&times;</button>
+      </div>
+      <div class="modal-body" style="padding: 0px 25px 15px 25px !important"> 
+         <input type="text" id="access_code" class="access_code form-control col-md-12 ">
+        <div class="row bottom p-l-15 p-r-15 m-t-10">
+             <div class="col-md-3 access_number border-top border-left" data-value="1" data-type="num">1</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="2" data-type="num">2</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="3" data-type="num">3</div>
+             <div class="col-md-3 access_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 access_number border-top border-left" data-value="5" data-type="num">5</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="6" data-type="num">6</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="7" data-type="num">7</div>
+             <div class="col-md-3 access_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 access_number border-top border-left" data-value="9" data-type="num">9</div>
+             <div class="col-md-3 access_number border-top border-left" data-value="0" data-type="num">0</div>
+             <div class="col-md-3 access_number border-top border-left orange" data-type="clr">Clr</div>
+             <div class="col-md-3 access_number ok border-top border-left blue" data-type="ok" data-action="">OK</div>
+              
+           </div>
+      </div>
+    </div>
+  </div>
+</div> 
 
 <div id="sxModal">
   <div id="sxModal-Content">
@@ -730,44 +767,7 @@ var customer_name = "<%= @customer.name %>";
     //     swal("Opps","You are not authorized for void","warning")
     //   }
     // });
-    $('#void').on('click', function () {
-      if ($(this).attr('active')=== "true") {
-        swal({
-            title: "Alert",
-            text: "Are you sure want to Void?",
-            type: "warning",
-            showCancelButton: true,
-            confirmButtonColor: "#DD6B55",
-            confirmButtonText: "Yes, void it!",
-            closeOnConfirm: false
-        }, function (isConfirm) {
-          if (isConfirm) {
-            var sale_id = $('#sale_id').text();
-            var remark  = $("#remark").val();
-            var ajax_url = "/origami/sale/" + sale_id +'/'+cashier_type+ '/void';
-            $.ajax({
-              type: 'POST',
-              url: ajax_url,
-              data: "remark="+ remark + "&sale_id=" + sale_id,
-              success: function (result) {result
-                customer_display_view(null,"reload");
-                // For Server Print - from jade
-                if ($("#server_mode").val() == "cloud") {
-                  code2lab.printFile(result.filepath.substr(6), result.printer_url);
-                }
-               if (cashier_type=="cashier") {
-                 window.location.href = '/origami';
-               }else{
-                 window.location.href = '/origami/quick_service';
-               } 
-              }
-            })
-          }
-        }); 
-      }else{
-        swal("Oops","You are not authorized for void","warning")
-      }
-    });
+    
   });
 
   // bind survey to order or sale
@@ -940,59 +940,6 @@ var customer_name = "<%= @customer.name %>";
       $('#balance').text(parseFloat(result));
     <% end %>
   }
-
-  $('#foc').click(function() {
-    //$( "#loading_wrapper" ).show();
-        //  payment
-        var remark  = $("#foc_remark").val();
-        var cash = $('#grand_total').text();
-        var sub_total = $('#sub-total').text();
-        var sale_id = $('#sale_id').text();
-        var params = { 'cash':cash,'sale_id':sale_id,'sub_total':sub_total,'remark':remark,'type':cashier_type };
-
-        if ($(this).attr('active')=== "true") {  
-          swal({
-            title: "Alert",
-            text: "Are you sure want to FOC This Receipt?",
-            type: "warning",
-            showCancelButton: true,
-            confirmButtonColor: "#DD6B55",
-            confirmButtonText: "Yes, FOC it!",
-            closeOnConfirm: false
-        }, function (isConfirm) {
-          if (isConfirm) {
-              $.ajax({
-                type: "POST",
-                url: "/origami/payment/"+cashier_type+"/foc",
-                data: params,
-                success:function(result){  
-                  customer_display_view(null,"reload");        
-                  if (cash >= 0) {
-                    swal({
-                       title: "Information!",
-                       text: 'Thank You !',
-                       }, function () {
-                        // For Server Print - from jade
-                         if ($("#server_mode").val() == "cloud") {
-                          code2lab.printFile(result.filepath.substr(6), result.printer_url);
-                         }
-                        if (cashier_type=="cashier") {
-                           window.location.href = '/origami';
-                         }else{
-                           window.location.href = '/origami/quick_service';
-                         } 
-                      });
-                  }
-                }
-              });
-          }
-        }); 
-        
-        }else{
-          swal("Oops","You are not authorized for foc","warning")
-        }
-  });
-
   function customer_display_view(data,status) {
      $.ajax({
         type: "POST",
@@ -1220,28 +1167,157 @@ var customer_name = "<%= @customer.name %>";
     update_sale("", customer_id, customer_name, sale_id);
   });
 
-  function waste_and_spoilage(remark) {
+  $(document).on('click', '.access_modal', function(event){
+      type = $(this).data("type");
+      $(".ok").attr("data-action",type)
+      $('#AccessCodeModal').modal('show');
+  });
+
+  function check_emp_access_code(access_code,type) {
+      var url = "/origami/check_emp_access_code/" + access_code ;
+      $.ajax({
+          type: 'POST',
+          url: url,
+          data: {},
+          success: function (result) {
+            console.log(result)
+             if (result.status == true) {
+              createAccessCode(code);
+               if (type == "edit") {
+                  var dining_id = $('#dining').text();
+                  var sale_id = $('#sale_id').text();
+                  if (dining_id) {
+                    window.location.href = '/origami/table/' + dining_id + "/sale/" + sale_id + "/"+cashier_type+"/edit";
+                  }else{
+                    window.location.href = "/origami/table/sale/" + sale_id + "/"+cashier_type+"/edit";
+                  }
+               }else if(type == "void"){
+                 $('#AccessCodeModal').modal('hide');
+                 $('#voidModal').modal('show');
+                 // overall_void();
+               }else if(type == "waste") {
+                 // $('#AccessCodeModal').modal('hide');
+                 // $('#focModal').modal('show');
+                  waste_and_spoilage("waste")
+               }else if(type == "spoile") {
+                 // $('#AccessCodeModal').modal('hide');
+                 // $('#voidModal').modal('show');
+                  waste_and_spoilage("spoile")
+               }else if(type == "foc"){
+                 $('#AccessCodeModal').modal('hide');
+                 $('#focModal').modal('show');
+                 // overall_foc();
+               }
+             }else{
+               swal("Opps",result.message,"warning")
+             }
+          }
+      });
+  }
+
+  $('#foc').on('click', function () {
+    var access_code  = localStorage.getItem("access_code");
+    var remark  = $("#foc_remark").val();
+    var cash = $('#grand_total').text();
+    var sub_total = $('#sub-total').text();
+    var sale_id = $('#sale_id').text();
+    var params = { 'cash':cash,'sale_id':sale_id,'sub_total':sub_total,'remark':remark,'type':cashier_type,'access_code':access_code }; 
+    swal({
+      title: "Alert",
+      text: "Are you sure want to FOC This Receipt?",
+      type: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#DD6B55",
+      confirmButtonText: "Yes, FOC it!",
+      closeOnConfirm: false
+    }, function (isConfirm) {
+      if (isConfirm) {
+        $.ajax({
+          type: "POST",
+          url: "/origami/payment/"+cashier_type+"/foc",
+          data: params,
+          success:function(result){  
+            customer_display_view(null,"reload");        
+            if (cash >= 0) {
+              swal({
+               title: "Information!",
+               text: 'Thank You !',
+             }, function () {
+                        // For Server Print - from jade
+                        if ($("#server_mode").val() == "cloud") {
+                          code2lab.printFile(result.filepath.substr(6), result.printer_url);
+                        }
+                        if (cashier_type=="cashier") {
+                         window.location.href = '/origami';
+                       }else{
+                         window.location.href = '/origami/quick_service';
+                       } 
+                     });
+            }
+          }
+        });
+      }
+    }); 
+  });
+
+ $('#void').on('click', function () {
+     var access_code  = localStorage.getItem("access_code");
+    swal({
+      title: "Alert",
+      text: "Are you sure want to Void?",
+      type: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#DD6B55",
+      confirmButtonText: "Yes, void it!",
+      closeOnConfirm: false
+    }, function (isConfirm) {
+      if (isConfirm) {
         var sale_id = $('#sale_id').text();
-        console.log(sale_id)
-        swal({
-            title: "Alert",
-            text: "Are you sure want to " + remark +" ?",
-            type: "warning",
-            showCancelButton: true,
-            confirmButtonColor: "#DD6B55",
-            confirmButtonText: "Yes, " +remark+ " it!",
-            closeOnConfirm: false
-        }, function (isConfirm) {
-          if (isConfirm) {
-            var url = "/origami/sale/" + sale_id +'/'+cashier_type+'/waste_and_spoilage';
-            $.ajax({
-                type: 'POST',
-                url: url,
-                data: "remark="+ remark + "&sale_id=" + sale_id,
-                success: function (result) {
-                  console.log(result)
+        var remark  = $("#remark").val();
+        var ajax_url = "/origami/sale/" + sale_id +'/'+cashier_type+ '/void';
+        $.ajax({
+          type: 'POST',
+          url: ajax_url,
+          data: "remark="+ remark + "&sale_id=" + sale_id+ "&access_code=" + access_code,
+          success: function (result) {result
+            customer_display_view(null,"reload");
+                // For Server Print - from jade
+                if ($("#server_mode").val() == "cloud") {
+                  code2lab.printFile(result.filepath.substr(6), result.printer_url);
+                }
+                if (cashier_type=="cashier") {
+                 window.location.href = '/origami';
+               }else{
+                 window.location.href = '/origami/quick_service';
+               } 
+             }
+           })
+      }
+    }); 
+  });
+
+  function waste_and_spoilage(remark) {
+    var access_code  = localStorage.getItem("access_code");
+    var sale_id = $('#sale_id').text();
+    swal({
+      title: "Alert",
+      text: "Are you sure want to " + remark +" ?",
+      type: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#DD6B55",
+      confirmButtonText: "Yes, " +remark+ " it!",
+      closeOnConfirm: false
+    }, function (isConfirm) {
+      if (isConfirm) {
+        var url = "/origami/sale/" + sale_id +'/'+cashier_type+'/waste_and_spoilage';
+        $.ajax({
+          type: 'POST',
+          url: url,
+          data: "remark="+ remark + "&sale_id=" + sale_id+ "&access_code=" + access_code,
+          success: function (result) {
+            console.log(result)
                    // For Server Print - from jade
-                  if ($("#server_mode").val() == "cloud") {
+                   if ($("#server_mode").val() == "cloud") {
                     code2lab.printFile(result.filepath.substr(6), result.printer_url);
                   }
                   if (cashier_type=="cashier") {
@@ -1251,8 +1327,8 @@ var customer_name = "<%= @customer.name %>";
                     customer_display_view(null,"reload");
                   } 
                 }
-            });
-          }
-        }); 
-    }
+              });
+      }
+    }); 
+  }
 </script>

app/views/origami/sale_edit/edit.html.erb

@@ -187,6 +187,7 @@
 </div>
 <script>
 var cashier_type = "<%= @cashier_type %>"; 
+var access_code  = localStorage.getItem("access_code");
     // Bill Request
     $(document).ready(function () {
 
@@ -201,7 +202,6 @@ var cashier_type = "<%= @cashier_type %>";
             var sale_item_id = $(this).attr('data-id');
             var qty          = $('#' + sale_item_id + "_qty").val();
             var price        = $('#' + sale_item_id + "_price").val();
-            console.log(qty + "|" + price);
             var qty_status = true;
             var price_status = true;
             if((qty > 0) && (price > 0)){
@@ -240,7 +240,7 @@ var cashier_type = "<%= @cashier_type %>";
               $.ajax({
                   type: "POST",
                   url: ajax_url,
-                  data: 'sale_item_id=' + sale_item_id + "&update_qty=" + qty + "&update_price=" + price,
+                  data: 'sale_item_id=' + sale_item_id + "&update_qty=" + qty + "&update_price=" + price+ "&access_code=" + access_code,
                   success: function (result) {
                       swal({
                           title: "Information!",
@@ -293,7 +293,7 @@ var cashier_type = "<%= @cashier_type %>";
             $.ajax({
                 type: "POST",
                 url: ajax_url,
-                data: 'sale_item_id=' + sale_item_id + "&remark=" + remark,
+                data: 'sale_item_id=' + sale_item_id + "&remark=" + remark+ "&access_code=" + access_code,
                 success: function (result) {
                     location.reload();
                 }
@@ -306,7 +306,7 @@ var cashier_type = "<%= @cashier_type %>";
             $.ajax({
                 type: "POST",
                 url: ajax_url,
-                data: 'sale_item_id=' + sale_item_id,
+                data: 'sale_item_id=' + sale_item_id + '&access_code=' + access_code,
                 success: function (result) {
                     location.reload();
                 }