wangbeihong
0a54bfd5aa
- 在 scanner.js 中为用户操作添加了 toast 通知。 - 更新 box.html 以包含额外的导航选项和改进的布局。 - 增强 edit.html，提供更清晰的说明和改进表单的可访问性。 - 修改了 error.html，以提供有关输入错误的用户指导。 - 改进了 index.html，以优化导航并添加了关键指标显示。 - 增强了 scan.html，优化了搜索输入和操作按钮。 - 引入了 stats.html，用于详细的库存统计和趋势。 - 创建了 types.html，用于分类概述库存类型。
46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
(function () {
|
|
const input = document.getElementById("scan-input");
|
|
const form = document.getElementById("scan-search-form");
|
|
|
|
function showToast(message) {
|
|
let stack = document.querySelector(".toast-stack");
|
|
if (!stack) {
|
|
stack = document.createElement("div");
|
|
stack.className = "toast-stack";
|
|
document.body.appendChild(stack);
|
|
}
|
|
|
|
const toast = document.createElement("div");
|
|
toast.className = "toast";
|
|
toast.textContent = message;
|
|
stack.appendChild(toast);
|
|
|
|
setTimeout(function () {
|
|
toast.remove();
|
|
}, 1600);
|
|
}
|
|
|
|
if (!input || !form) {
|
|
return;
|
|
}
|
|
|
|
// Keep focus for barcode scanners that type and send Enter immediately.
|
|
window.addEventListener("load", function () {
|
|
input.focus();
|
|
});
|
|
|
|
document.addEventListener("keydown", function (event) {
|
|
if (event.key === "Escape") {
|
|
input.value = "";
|
|
input.focus();
|
|
showToast("已清空搜索词");
|
|
}
|
|
});
|
|
|
|
form.addEventListener("submit", function () {
|
|
if (input.value.trim()) {
|
|
showToast("正在搜索...");
|
|
}
|
|
});
|
|
})();
|