Add mobile barcode scan buttons

pages/edititem.php

@@ -101,13 +101,23 @@ if (!is_empty($VARS['id'])) {
                 <div class="col-xs-12 col-md-6">
                     <div class="form-group">
                         <label for="code1"><i class="fa fa-barcode"></i> <?php lang("code 1"); ?></label>
+                        <div class="input-group">
                             <input type="text" class="form-control" id="code1" name="code1" placeholder="123456789" value="<?php echo htmlspecialchars($itemdata['code1']); ?>" />
+                            <span class="input-group-btn mobile-app-show">
+                                <button type="button" class="btn btn-default" onclick="scancode('#code1'); return false;"><i class="fa fa-fw fa-barcode"></i></button>
+                            </span>
+                        </div>
                     </div>
                 </div>
                 <div class="col-xs-12 col-md-6">
                     <div class="form-group">
                         <label for="code2"><i class="fa fa-qrcode"></i> <?php lang("code 2"); ?></label>
-                        <input type="text" class="form-control" id="code2" name="code2" placeholder="qwerty123" value="<?php echo htmlspecialchars($itemdata['code2']); ?>" />
+                        <div class="input-group">
+                            <input type="text" style="width: available;" class="form-control" id="code2" name="code2" placeholder="qwerty123" value="<?php echo htmlspecialchars($itemdata['code2']); ?>" />
+                            <span class="input-group-btn mobile-app-show">
+                                <button type="button" class="btn btn-default" onclick="scancode('#code2'); return false;"><i class="fa fa-fw fa-barcode"></i></button>
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>

static/css/app.css

@@ -71,3 +71,11 @@ to replace the rgba()s.
         display: none;
     }
 }
+
+.mobile-app-show {
+    visibility: hidden;
+}
+
+.mobile-app-display {
+    display: none;
+}

static/js/items.js

@@ -1,4 +1,4 @@
-$('#itemtable').DataTable({
+var itemtable = $('#itemtable').DataTable({
     responsive: {
         details: {
             display: $.fn.dataTable.Responsive.display.modal({
@@ -54,3 +54,5 @@ $('#itemtable').DataTable({
         }
     }
 });
+
+$('#itemtable_filter').append("<span class=\"btn btn-default btn-sm mobile-app-show mobile-app-display\" onclick=\"scancode('#itemtable_filter label input');\"><i class=\"fa fa-barcode fa-fw\"></i></span>");