add QR/Barcode scan

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

@@ -414,7 +414,7 @@
 
 <div id="sxModal">
   <div id="sxModal-Content">
-    <h3>Card Tap</h3>
+    <h3>Scan OR Tap Card</h3>
   </div>
   <div style="position: absolute; bottom: 0; margin-left: 45%; margin-bottom: 60px;">
       <button type="button" class="btn btn-lg btn-link bg-red waves-effect btn_cancel">Cancel</button>
@@ -721,6 +721,12 @@ $(document).ready(function(){
     $("#sxModal").attr('data-for', 'member');
     $("#sxModal").show();
     getCardNo();
+
+    onScan.attachTo(document, {
+      onScan: function(sCode) {
+        setCardNo(sCode)
+      }
+    });
   });
 
   function pay_with_card(cardNo) {
@@ -1197,6 +1203,12 @@ $(document).ready(function(){
       $("#sxModal").attr('data-for', 'member');
       $("#sxModal").show();
       getCardNo();
+
+      onScan.attachTo(document, {
+        onScan: function(sCode) {
+          setCardNo(sCode)
+        }
+      });
     }
   });
 
@@ -1209,6 +1221,11 @@ $(document).ready(function(){
       $("#sxModal").attr('data-for', 'member');
       $("#sxModal").show();
       getCardNo();
+      onScan.attachTo(document, {
+        onScan: function(sCode) {
+          setCardNo(sCode)
+        }
+      });
     }
   });