inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-05-04 06:18:48 +00:00
Code

[UI] Barcode scanner update (#9151)

Browse Source 
Use BARCODE_WEBCAM_SUPPORT setting
This commit is contained in:
Oliver 2025-02-22 23:33:17 +11:00 committed by GitHub
parent 8df34cefd6
commit 347f7ea050
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/frontend/src/components/barcodes/BarcodeInput.tsx
View File

@ -14,6 +14,7 @@ import { IconCamera, IconScan } from '@tabler/icons-react';
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useMemo, useState } from 'react';
import { useLocalStorage } from '@mantine/hooks'; import { useLocalStorage } from '@mantine/hooks';
import { useGlobalSettingsState } from '../../states/SettingsState';
import { Boundary } from '../Boundary'; import { Boundary } from '../Boundary';
import BarcodeCameraInput from './BarcodeCameraInput'; import BarcodeCameraInput from './BarcodeCameraInput';
import BarcodeKeyboardInput from './BarcodeKeyboardInput'; import BarcodeKeyboardInput from './BarcodeKeyboardInput';
@ -33,6 +34,8 @@ export function BarcodeInput({
label = t`Barcode`, label = t`Barcode`,
actionText = t`Scan` actionText = t`Scan`
}: Readonly<BarcodeInputProps>) { }: Readonly<BarcodeInputProps>) {
const globalSettings = useGlobalSettingsState();
const [barcode, setBarcode] = useState<string>(''); const [barcode, setBarcode] = useState<string>('');
const [inputType, setInputType] = useLocalStorage<string | null>({ const [inputType, setInputType] = useLocalStorage<string | null>({
@ -43,15 +46,16 @@ export function BarcodeInput({
const scanningOptions: SegmentedControlItem[] = useMemo(() => { const scanningOptions: SegmentedControlItem[] = useMemo(() => {
const options: SegmentedControlItem[] = []; const options: SegmentedControlItem[] = [];
// TODO : Hide camera input optionally if (globalSettings.isSet('BARCODE_WEBCAM_SUPPORT', true)) {
options.push({ options.push({
value: 'camera', value: 'camera',
label: ( label: (
<Tooltip label={t`Camera Input`}> <Tooltip label={t`Camera Input`}>
<IconCamera size={20} aria-label='barcode-input-camera' /> <IconCamera size={20} aria-label='barcode-input-camera' />
</Tooltip> </Tooltip>
) )
}); });
}
options.push({ options.push({
value: 'scanner', value: 'scanner',
@ -63,7 +67,7 @@ export function BarcodeInput({
}); });
return options; return options;
}, []); }, [globalSettings]);
const onScanBarcode = useCallback( const onScanBarcode = useCallback(
(barcode: string) => { (barcode: string) => {