You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.9 KiB
HTML
79 lines
2.9 KiB
HTML
<!--
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
<div class="card m-4" id="viewmachinecard">
|
|
<div class="card-body">
|
|
<h5 class="card-title">View Machine</h5>
|
|
<div id="viewmachinelookup">
|
|
<div class="form-group">
|
|
<label><i class="fas fa-barcode"></i> Machine ID:</label>
|
|
<div class="input-group barcodebtn">
|
|
<input type="text" name="id" class="form-control" required />
|
|
<div class="input-group-append">
|
|
<div class="btn btn-primary" id="searchbtn"><i class="fas fa-search"></i> Search</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 list-group" id="machineinfodiv">
|
|
</div>
|
|
<div class="col-md-6 list-group" id="machinecomponentsdiv">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
if (inCordova) {
|
|
$("#viewmachinecard .barcodebtn .input-group-append").prepend('<div class="btn btn-default" data-scancode="#viewmachinecard input[name=id]"><i class="fas fa-camera"></i></div>');
|
|
}
|
|
|
|
function viewMachine() {
|
|
var mid = $("#viewmachinecard .barcodebtn input[name=id]").val();
|
|
if (mid == "") {
|
|
return;
|
|
}
|
|
|
|
getAPIData("getmachineinfo", {id: mid}, function (data) {
|
|
$("#viewmachinecard #machineinfodiv").html("");
|
|
$("#viewmachinecard #machinecomponentsdiv").html("");
|
|
$("#viewmachinecard #machineinfodiv").html("");
|
|
|
|
for (var key in data) {
|
|
$("#viewmachinecard #machineinfodiv").append('<div class="list-group-item"><b>' + key + '</b>: ' + data[key] + '</div>');
|
|
}
|
|
|
|
getAPIData("getmachinecomponents", {id: mid}, function (data) {
|
|
console.log(data);
|
|
for (var i in data) {
|
|
console.log(data[i]);
|
|
var html = '<div class="list-group-item">';
|
|
html += '<b>' + data[i]['type'] + '</b><br />';
|
|
for (var key in data[i]) {
|
|
if (key == "type") {
|
|
continue;
|
|
}
|
|
if (data[i][key] == "") {
|
|
continue;
|
|
}
|
|
html += key + ': ' + data[i][key] + '<br />';
|
|
}
|
|
html += '</div>';
|
|
$("#viewmachinecard #machinecomponentsdiv").append(html);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
$("#viewmachinelookup #searchbtn").click(viewMachine);
|
|
$("#viewmachinecard .barcodebtn input[name=id]").on("keyup", function (e) {
|
|
if (e.keyCode == 13) {
|
|
viewMachine();
|
|
}
|
|
});
|
|
</script> |