Add tool for scanning items delivered (close #14)
parent
70fa409015
commit
d0c3988566
@ -0,0 +1,60 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
class="svg-inline--fa fa-history fa-w-16"
|
||||
aria-hidden="true"
|
||||
data-icon="history"
|
||||
data-prefix="far"
|
||||
focusable="false"
|
||||
role="img"
|
||||
version="1.1"
|
||||
viewBox="0 0 512 512"
|
||||
id="svg877"
|
||||
sodipodi:docname="barcode-dashed.svg"
|
||||
inkscape:version="0.92.3 (2405546, 2018-03-11)">
|
||||
<metadata
|
||||
id="metadata883">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs881" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1015"
|
||||
id="namedview879"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.4980469"
|
||||
inkscape:cx="256"
|
||||
inkscape:cy="256"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg877" />
|
||||
<path
|
||||
id="path952"
|
||||
d="M 25.36636,428.97523 V 83.02477 h 16.216428 v 345.95046 z m 24.195811,-0.24595 V 83.02477 h 8.237044 v 345.70451 z m 24.453472,0 V 83.02477 h 7.979383 v 345.70451 z m 40.412237,0 V 83.02477 h 7.97938 v 345.70451 z m 32.43286,0 V 83.02477 h 15.95876 v 345.70451 z m 40.41224,0 V 83.02477 h 7.97938 v 345.70451 z m 16.21642,0 V 83.02477 h 7.97939 v 345.70451 z m 16.21643,0 V 83.02477 h 7.97938 v 345.70451 z m 32.1761,0 V 83.02477 h 16.21642 v 345.70451 z m 40.41224,0 V 83.02477 h 16.21642 v 345.70451 z m 32.43195,0 V 83.02477 h 16.21733 v 345.70451 z m 32.43376,0 V 83.02477 h 16.21732 v 345.70451 z m 24.19581,0 V 83.02477 h 16.21642 v 345.70451 z m 40.6699,0 V 83.02477 h 24.19581 v 345.70451 z m 32.17519,0 V 83.02477 h 8.23705 v 345.70451 z m 16.21643,0.24595 V 83.02477 h 16.21643 v 345.95046 z"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#9e9e9e;fill-opacity:1;stroke:none;stroke-width:10.00063038;stroke-miterlimit:4;stroke-dasharray:5.00031521, 5.00031521;stroke-dashoffset:0;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,209 @@
|
||||
/*
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
var scannerCodes = [];
|
||||
|
||||
function resetScanner() {
|
||||
scannerCodes = [];
|
||||
app.popup.close("#scanEventTypePopup");
|
||||
app.popup.close("#scanEventPopup");
|
||||
router.refreshPage();
|
||||
}
|
||||
|
||||
function brokenScannerEsc() {
|
||||
app.dialog.confirm(
|
||||
"Clear list?",
|
||||
"Confirm",
|
||||
function () {
|
||||
resetScanner();
|
||||
},
|
||||
function () {
|
||||
// cancel
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function brokenScannerScan() {
|
||||
scanBarcode(function (code) {
|
||||
playSound("scan");
|
||||
if (code != "" && code.length > 5 && code.match(/^[0-9A-Z]+$/i)) {
|
||||
addCodeToScannerList(code);
|
||||
} else {
|
||||
app.dialog.alert("That's not a valid tracking code.", "Error");
|
||||
}
|
||||
}, function (error) {
|
||||
app.dialog.alert(error, "Error");
|
||||
});
|
||||
}
|
||||
|
||||
function brokenScannerAddTextEntry() {
|
||||
var code = $("#brokenscannerinput").val();
|
||||
if (code != "" && code.length > 5 && code.match(/^[0-9A-Z]+$/i)) {
|
||||
addCodeToScannerList(code);
|
||||
$("#brokenscannerinput").val("");
|
||||
} else {
|
||||
app.dialog.alert("That's not a valid tracking code.", "Error");
|
||||
}
|
||||
}
|
||||
|
||||
function addCodeToScannerList(code) {
|
||||
code = code.toUpperCase();
|
||||
var codeEntryTemplate = Template7.compile('<li class="codelist-entry" data-code="{{code}}">'
|
||||
+ ' <div class="item-content">'
|
||||
+ ' <div class="item-inner">'
|
||||
+ ' <div class="item-title">{{code}}</div>'
|
||||
+ ' </div>'
|
||||
+ ' </div>'
|
||||
+ '</li>');
|
||||
$("#codelist").append(codeEntryTemplate({
|
||||
code: code
|
||||
}));
|
||||
}
|
||||
|
||||
function chooseScanEvent() {
|
||||
if ($("#codelist li.codelist-entry").length <= 0) {
|
||||
app.dialog.alert("Nothing was entered!");
|
||||
return;
|
||||
}
|
||||
|
||||
$("#codelist li.codelist-entry").each(function () {
|
||||
scannerCodes.push($(this).data("code"));
|
||||
});
|
||||
|
||||
|
||||
openEventPopup();
|
||||
}
|
||||
|
||||
function openEventPopup() {
|
||||
var eventItemTemplate = Template7.compile('<li data-button="{{button}}" data-title="{{title}}" class="eventbutton" onclick=\'openEventTypePopup("{{title}}");\'>'
|
||||
+ ' <div class="item-link item-content">'
|
||||
+ ' <div class="item-media">{{button}}</div>'
|
||||
+ ' <div class="item-inner">'
|
||||
+ ' <div class="item-title">{{title}}</div>'
|
||||
+ ' </div>'
|
||||
+ ' </div>'
|
||||
+ '</li>');
|
||||
|
||||
$("#scanEventPopup ul.eventlist").html("");
|
||||
for (i in SETTINGS.scannerevents) {
|
||||
var event = SETTINGS.scannerevents[i];
|
||||
$("#scanEventPopup ul.eventlist").append(eventItemTemplate({
|
||||
button: event.button,
|
||||
title: event.title
|
||||
}));
|
||||
}
|
||||
|
||||
app.popup.open("#scanEventPopup");
|
||||
}
|
||||
|
||||
function openEventTypePopup(eventname) {
|
||||
var eventItemTemplate = Template7.compile('<li data-button="{{button}}" data-title="{{title}}" data-parenttitle="{{parenttitle}}" data-form3849="{{form3849}}" class="eventbutton eventtypebutton">'
|
||||
+ ' <div class="item-link item-content">'
|
||||
+ ' <div class="item-media">{{button}}</div>'
|
||||
+ ' <div class="item-inner">'
|
||||
+ ' <div class="item-title">{{title}}</div>'
|
||||
+ ' </div>'
|
||||
+ ' </div>'
|
||||
+ '</li>');
|
||||
|
||||
var eventafter = false;
|
||||
for (i in SETTINGS.scannerevents) {
|
||||
var event = SETTINGS.scannerevents[i];
|
||||
if (event.title == eventname) {
|
||||
eventafter = event.after;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$("#scanEventTypePopup ul.eventlist").html("");
|
||||
for (i in eventafter) {
|
||||
var event = eventafter[i];
|
||||
$("#scanEventTypePopup ul.eventlist").append(eventItemTemplate({
|
||||
button: event.button,
|
||||
title: event.title,
|
||||
parenttitle: eventname,
|
||||
form3849: event.after == "3849" ? "1" : "0"
|
||||
}));
|
||||
}
|
||||
|
||||
app.popup.open("#scanEventTypePopup");
|
||||
}
|
||||
|
||||
function saveScanCode(code) {
|
||||
if (localStorage.getItem("scanevents") == null) {
|
||||
localStorage.setItem("scanevents", "[]");
|
||||
}
|
||||
var events = JSON.parse(localStorage.getItem("scanevents"));
|
||||
events.push(code);
|
||||
localStorage.setItem("scanevents", JSON.stringify(events));
|
||||
}
|
||||
|
||||
$(".view-main").off("click", "#codelist li.codelist-entry");
|
||||
|
||||
$(".view-main").on("click", "#codelist li.codelist-entry", function () {
|
||||
var entry = $(this);
|
||||
var code = entry.data("code");
|
||||
app.dialog.confirm(
|
||||
"Remove " + code + " from list?",
|
||||
"Confirm",
|
||||
function () {
|
||||
// delete
|
||||
entry.remove();
|
||||
},
|
||||
function () {
|
||||
// cancel
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
$("#app").off("click", "ul li.eventtypebutton");
|
||||
$("#app").on("click", "ul li.eventtypebutton", function () {
|
||||
var eventname = $(this).data("parenttitle");
|
||||
var eventtypename = $(this).data("title");
|
||||
|
||||
var scanEvent = [];
|
||||
scanEvent.push(eventname);
|
||||
scanEvent.push(eventtypename);
|
||||
|
||||
if ($(this).data("form3849") == "1") {
|
||||
// TODO: make this not a hack
|
||||
app.dialog.prompt("Type in 3849 form", "3849 Form", function (formcode) {
|
||||
for (i in scannerCodes) {
|
||||
saveScanCode({
|
||||
code: scannerCodes[i],
|
||||
event: scanEvent,
|
||||
form3849: formcode,
|
||||
date: timestampToDateTimeString((new Date).getTime() / 1000)
|
||||
});
|
||||
}
|
||||
app.toast.show({
|
||||
text: 'Information recorded successfully!',
|
||||
position: "bottom",
|
||||
destroyOnClose: true,
|
||||
closeTimeout: 1000 * 3
|
||||
});
|
||||
resetScanner();
|
||||
}, function () {
|
||||
|
||||
}, "");
|
||||
} else {
|
||||
for (i in scannerCodes) {
|
||||
saveScanCode({
|
||||
code: scannerCodes[i],
|
||||
event: scanEvent,
|
||||
form3849: "",
|
||||
date: timestampToDateTimeString((new Date).getTime() / 1000)
|
||||
});
|
||||
}
|
||||
app.toast.show({
|
||||
text: 'Information recorded successfully!',
|
||||
position: "bottom",
|
||||
destroyOnClose: true,
|
||||
closeTimeout: 1000 * 3
|
||||
});
|
||||
resetScanner();
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,23 @@
|
||||
/*
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
|
||||
function confirmDeleteScanEntries() {
|
||||
app.dialog.confirm(
|
||||
"Really delete all entries from scan list?",
|
||||
"Clear Entries",
|
||||
function () {
|
||||
// clear
|
||||
localStorage.setItem("scanevents", "[]");
|
||||
router.navigate("/toolbox/scanner/entries", {
|
||||
reloadCurrent: true
|
||||
});
|
||||
},
|
||||
function () {
|
||||
// cancel
|
||||
}
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
<!-- 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="page">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a href="#" class="link icon-only back">
|
||||
<i class="icon icon-back"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Broken Scanner</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="list no-hairlines tablet-inset" style="margin-top: 0;">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/toolbox/scanner/scanner" class="item-link item-content">
|
||||
<div class="item-media">1</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Scan Barcode</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/toolbox/scanner/entries" class="item-link item-content">
|
||||
<div class="item-media">2</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title">Review Entries</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="block text-align-center">
|
||||
<i class="material-icons">info</i>
|
||||
<br />
|
||||
Scan barcodes while your postal scanner is crashed or restarting.
|
||||
When the scanner is working again, you can scan all the saved
|
||||
barcodes from your phone screen using the scanner's Manual Input or
|
||||
Scan Barcode feature.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,60 @@
|
||||
<!-- 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="page" data-name="scanner">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a href="#" class="link icon-only back">
|
||||
<i class="icon icon-back"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Review Entries</div>
|
||||
<div class="right">
|
||||
<a class="link text-color-red" onclick="confirmDeleteScanEntries()">
|
||||
<i class="icon material-icons">delete</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
{{#if entries}}
|
||||
<div class="list media-list">
|
||||
<ul>
|
||||
{{#each entries}}
|
||||
<li style="padding-top: 2rem; padding-bottom: 2rem;">
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div style="background-color: white; display: flex; justify-content: center; padding-left: 1rem; padding-right: 1rem;">
|
||||
<svg class="barcode_entry" id="barcode_{{code}}" data-barcode="{{code}}"></svg>
|
||||
</div>
|
||||
<div class="item-text text-align-center">{{event}}</div>
|
||||
<div class="item-text text-align-center">{{date}}</div>
|
||||
{{#if form3849}}
|
||||
<h2 class="item-text text-align-center">Form 3849:</h2>
|
||||
<div style="background-color: white; display: flex; justify-content: center; padding-left: 1rem; padding-right: 1rem;">
|
||||
<svg class="barcode_entry" id="barcode_{{form3849}}" data-barcode="{{form3849}}"></svg>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="block text-align-center">
|
||||
<img style="width: 60%; max-width: 300px; max-height: 40vh;" src="assets/images/barcode-dashed.svg" class="margin-vertical" />
|
||||
<h2 class="margin-top">
|
||||
No scan entries.
|
||||
</h2>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<script src="assets/js/toolbox_scannerentries.js"></script>
|
||||
</div>
|
||||
@ -0,0 +1,94 @@
|
||||
<!-- 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="page" data-name="scanner">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a href="#" class="link icon-only back">
|
||||
<i class="icon icon-back"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Scan Barcode</div>
|
||||
<div class="subnavbar" style="background-color: var(--f7-page-bg-color);">
|
||||
<div class="subnavbar-inner">
|
||||
<div class="searchbar">
|
||||
<div class="searchbar-inner">
|
||||
<div class="searchbar-input-wrap">
|
||||
<input type="text" id="brokenscannerinput" placeholder="Enter Code" autocomplete="off" autocorrect="off" autocapitalize="off" style="padding-left: 1em; padding-right: 1em;" />
|
||||
</div>
|
||||
<a id="brokenscannercodeadd" onclick="brokenScannerAddTextEntry()" style="padding-right: 0.5em; padding-top: 0.3em;">
|
||||
<i class="material-icons">keyboard_return</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fab fab-extended fab-left-bottom">
|
||||
<a href="#" onclick="brokenScannerEsc()">
|
||||
<div class="fab-text">ESC</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="fab fab-extended fab-center-bottom">
|
||||
<a href="#" onclick="brokenScannerScan()">
|
||||
<div class="fab-text">Scan</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="fab fab-extended fab-right-bottom">
|
||||
<a href="#" onclick="chooseScanEvent()">
|
||||
<div class="fab-text">Enter</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="popup" id="scanEventPopup">
|
||||
<div class="block">
|
||||
<p>Select Event</p>
|
||||
<div class="list tablet-inset">
|
||||
<ul class="eventlist">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fab fab-extended fab-left-bottom">
|
||||
<a href="#" onclick="app.popup.close('#scanEventPopup');">
|
||||
<div class="fab-text">ESC</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popup" id="scanEventTypePopup">
|
||||
<div class="block">
|
||||
<div class="list tablet-inset">
|
||||
<ul class="eventlist">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fab fab-extended fab-left-bottom">
|
||||
<a href="#" onclick="app.popup.close('#scanEventTypePopup');">
|
||||
<div class="fab-text">ESC</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="list no-hairlines tablet-inset">
|
||||
<ul id="codelist">
|
||||
</ul>
|
||||
</div>
|
||||
<div style="height: 3rem;"></div>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/toolbox_scanner.js"></script>
|
||||
|
||||
</div>
|
||||
Loading…
Reference in New Issue