Add mobile barcode scan buttons

This commit is contained in:
Skylar Ittner 2017-07-05 00:03:33 -06:00
parent 1864a54d24
commit 9e8cffa394
3 changed files with 50 additions and 30 deletions

View File

@ -101,13 +101,23 @@ if (!is_empty($VARS['id'])) {
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<div class="form-group"> <div class="form-group">
<label for="code1"><i class="fa fa-barcode"></i> <?php lang("code 1"); ?></label> <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']); ?>" /> <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> </div>
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<div class="form-group"> <div class="form-group">
<label for="code2"><i class="fa fa-qrcode"></i> <?php lang("code 2"); ?></label> <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> </div>
</div> </div>

View File

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

View File

@ -1,4 +1,4 @@
$('#itemtable').DataTable({ var itemtable = $('#itemtable').DataTable({
responsive: { responsive: {
details: { details: {
display: $.fn.dataTable.Responsive.display.modal({ 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>");