Add level indicators and path to stock location and part category dropdowns

[chris-thorn]

This fixes #8350 and makes the stock location dropdown in the new interface closely match the dropdown in the classic interface.

Adds hyphens to indicate hierarchy level, and shows stock location path instead of simply stock location name.

[netlify]

❌ Deploy Preview for inventree-web-pui-preview failed.

Name	Link
🔨 Latest commit	30949d9
🔍 Latest deploy log	https://app.netlify.com/sites/inventree-web-pui-preview/deploys/67292ea7534c5d0008bfc5d2

[SchrodingersGat]

@chris-thorn the implementation looks good here. Can you please implement the same thing for "part category" too?

[chris-thorn]

I hope I've correctly updated this PR with the requested changes!

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.44%. Comparing base (b4310bf) to head (30949d9).

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #8366      +/-   ##
==========================================
- Coverage   84.47%   84.44%   -0.04%     
==========================================
  Files        1170     1168       -2     
  Lines       53456    53215     -241     
  Branches     1999     1999              
==========================================
- Hits        45159    44937     -222     
+ Misses       7769     7767       -2     
+ Partials      528      511      -17     

Flag	Coverage Δ
pui	68.19% <100.00%> (-0.35%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[SchrodingersGat]

It looks like some of the tests are failing now due to the adjusted naming scheme.

You will need to adjust the following unit tests (in ./src/frontend/tests):

Forms - Stock Item Validation

Pages - Index - Scan (StockLocation)

In both cases you can see that the expected text has changed, causing the test(s) to fail...

[wolflu05]

But do we really want to have the full path name as name on each level? I mean if the tests expect something different,we change that behavior?

[SchrodingersGat]

@wolflu05 AFAIK this is only intended to change the rendering in form drop downs - as is the current behaviour in CUI

[wolflu05]

Im not sure what I would prefere, I guess none of both. In the end my goal is to implement a tree picker like I did in CUI for all tree models, and then show all parent levels, when a search query matches only a child. But ok then change this for now.

[chris-thorn]

But do we really want to have the full path name as name on each level? I mean if the tests expect something different,we change that behavior?

@wolflu05 I agree that neither is ideal, and that a tree picker would be perfect for this.

Just to clarify my reasoning for this PR: Right now in PUI, if stock location or part category names don't include information about the hierarchy when you search for a location or category, you potentially see multiple identical names but with no indication of which is the correct one. It's only when you hover over it that you can see the hierarchy.

Bay 1
├── Shelf 1
│   └── Bin 1
└── Shelf 2
    └── Bin 1

Searching for Bin 1 will produce two results but will not display information about their parent locations, so you don't know whether you're picking the bin on Shelf 1 or Shelf 2.

Until the tree picker is ready for implementation, it's my feeling that the dropdown should behave like the one in CUI.

@SchrodingersGat Ah, sorry about that - I will update the PR today.