mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2024-12-18 21:16:31 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add temporary support for barcode search via Barcode custom field

Browse source
This commit is contained in:
Filipe Dobreira 2023-12-07 20:52:50 +00:00
parent c9e53c37f5
commit 3e9d6ff416
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
frontend/composables/use-quick-search.ts
View file

@ -37,6 +37,14 @@ function isValidIshCode(code: string): boolean {
} }
} }
/**
* Ignore code input if the user is actually trying to write anywhere:
*/
function isEventTargetInput(event: KeyboardEvent) {
const tagName = (event.target as HTMLElement).tagName;
return tagName != null && tagName.toUpperCase() === "INPUT";
}
/** /**
* Provides utilities to: * Provides utilities to:
* *
@ -46,6 +54,8 @@ function isValidIshCode(code: string): boolean {
* USB barcode scanners to be used as a quick shortcut. * USB barcode scanners to be used as a quick shortcut.
*/ */
export function useQuickSearch() { export function useQuickSearch() {
const router = useRouter();
/** /**
* Tracks if the quick search dialog is active. * Tracks if the quick search dialog is active.
* *
@ -70,7 +80,7 @@ export function useQuickSearch() {
isActive.value = true; isActive.value = true;
event.preventDefault(); event.preventDefault();
} }
} else if (isCodeFragment(event)) { } else if (isCodeFragment(event) && !isEventTargetInput(event)) {
const fragment = event.key; const fragment = event.key;
// Push this code fragment into our buffer. At this point we also // Push this code fragment into our buffer. At this point we also
@ -83,8 +93,6 @@ export function useQuickSearch() {
// Reset the buffer: // Reset the buffer:
codeBuffer.value = fragment; codeBuffer.value = fragment;
} }
event.preventDefault();
} else if (event.key === "Enter" && isValidIshCode(codeBuffer.value)) { } else if (event.key === "Enter" && isValidIshCode(codeBuffer.value)) {
// If we have an active code buffer that seems valid, and the user presses Enter, // If we have an active code buffer that seems valid, and the user presses Enter,
// we want to generate a new search query from this code, as long as it seems valid. // we want to generate a new search query from this code, as long as it seems valid.
@ -96,7 +104,14 @@ export function useQuickSearch() {
// Regardless of what we do next, we also clear the code buffer here: // Regardless of what we do next, we also clear the code buffer here:
codeBuffer.value = ""; codeBuffer.value = "";
console.log("VALID", validCode); router.push({
path: "/items",
query: {
q: "",
fieldSelector: "true",
fields: [encodeURIComponent(`Barcode=${validCode}`)],
},
});
} else { } else {
// Every other key press resets the buffer - this applies to non-code values, // Every other key press resets the buffer - this applies to non-code values,
// and also to pressing the Enter key without a valid code; // and also to pressing the Enter key without a valid code;