Code Scanner (QR & Barcode) in TimeFlow

Before you start

No special permission is required beyond being logged in. You'll need to grant camera access in your browser the first time you use it.

Finding this in the UI

• Footer → Code Scanner icon opens the scanner from anywhere in the dashboard.
• It isn't in the left sidebar or header — the footer icon is the only entry point.

How to use it

1. Click the scanner icon in the footer to open the "Scan QR Code or Barcode" dialog.

2. Grant camera permission if your browser prompts you (only needed the first time).
3. Click Start Scanner to activate the camera.
4. Hold the QR code or barcode within the on-screen viewfinder.
5. The scanner detects the code automatically and looks up the matching job card.
6. Job card details are displayed: job card number, booking type, client info (name, phone, email, address), device info (type, make, model, serial number, colour, fault), insurance info (if applicable), and notes.
7. Click Scan Again to scan another code, or Cancel to exit the dialog.

On mobile, the scanner automatically prefers the back camera and adjusts for battery efficiency; on desktop it uses a fixed scanning area and works with any connected camera.

Troubleshooting

• Camera won't start — check your browser's site permissions and make sure no other app/tab is using the camera.
• Scan not registering — ensure good lighting, hold the code steady, and check it isn't damaged or blurry.
• "Job card not found" — the scanned code doesn't match any job card number; confirm you're scanning the correct code and try again.
• Permission denied — enable camera access for TimeFlow in your browser's site settings, then reopen the scanner.