[PUI] User Interface for new barcode scanning

[SchrodingersGat]

https://github.com/inventree/InvenTree/pull/5509/ adds new barcode scanning features, to check-in items from a purchase order.

The UI elements should be added, but only to the new user interface (new large UI features are no longer accepted on the old UI)

@30350n FYI for future work :)

[matmair]

I'd be happy to add this to the new scanning experience but @30350n has first dips ofc.

[30350n]

Uhhh i'm not really much of a frontend dev tbh (I can count the number of times I've written JS on one hand), but I guess I could provide a general outline of how I'd expect to be using this from the UI.

So for the app, I've added the functionality to a few different places:

1. Purchase Order List:
   • Basically the main place to access the functionality
   • no assumptions: build order has to be able to be concluded from the barcode, location either has to be already set (with a default), or entered manually
2. Purchase Order Detail:
   • purchase order is already selected, useful if the barcode doesn't contain a reference or it's somehow invalid
3. Stock Location Detail:
   • purchase order has to be concluded from the barcode, but stock location is explicitly set

All of these can also still require additional information to be filled in via a form, if for example no quantity is provided in the barcode.

[matmair]

I will just implement it in the scanning section for now, we can see where we want it once we have more of the UI ported over.

[XanderLuciano]

I'd like to hop in potentially. I have a need for the ability to easily and quickly scan stock items in/out to track quantity (not using PO's / Sales Orders / Builds).

I am imagining a system that is basically a page that acts like a self checkout stand at a store.

For my needs, a user needs to be able to grab a stock item from an stock-location, scan the barcode, and adjust the stock-location quantity.

Not sure if that functionality fits in well to the vision @matmair has for this page, but open to adding a "check out" / "check in" action to this page

[matmair]

That would be a possible action. The main thing missing here is implementing all the actions for all the models

[XanderLuciano]

Work in progress preview

[XanderLuciano]

Additional UI Progress, scoping feature to removing items from a stock location first, then will work towards checking in new stock.

Aiming to make some of these components re-useable in other locations in the UI so we can easily create separate popup UI's that would allow for moving stock from location 1 to location 2, but I don't currently have a plan for that type of action.

Additional Tasks:

• Show some UI element while validating barcode (during POST to /barcode)
• Combine duplicated scanned items (increase quantity)
• Merge in #5750 and add additional actions to communicate with API for modifications to inventory
• Fix timestamp rendering differently when loaded from history

[matmair]

Are you aware of https://github.com/inventree/InvenTree/pull/5750? I already built reusable actions

[XanderLuciano]

@matmair I have seen that draft! 😄

If you don't mind, I was planning on merging that draft, or at least attempting to merge manually the actions and build out the actions for adjusting stock inventory count following the pattern you started.

Right now I've focused more on just the front-end side, how the data is shown and validated. Want to make sure the modifications I am working on match up to any expectations anyone else has for this page.

[SchrodingersGat]

Hey @XanderLuciano a long time on this but did you ever make any further progress here? Anything you would like to contribute as a PR?