Platform UI

[matmair]

Overview for the porting of classic UI to Platform UI. Follow up to #3901 #2789

Workflows

Preview Give feedback

1. Run unit tests as part of CI Platform UI - React integration #5011
2. Code coverage integration with coveralls
3. Enforce code styling (including comments) for tsx code
4. Run code style checks as part of CI Platform UI - React integration #5011
5. Release: Docker Platform UI - React integration #5011
6. P UI: Added frontend publishing for bare-metal (git) #5277
   CI setup +2
   
7. [FR/P-UI] Release: Package #5278
   3 of 3
   CI setup +2
   
8. [FR/P-UI] Translation integration #5282
   2 of 2
   CI translation +2
   

Backend

Preview Give feedback

1. Add SPA helpers Platform UI - React integration #5011
2. Remove custom redirects Platform UI - React integration #5011
3. Simple login Add email login #5209 P UI: Basic UI & Auth setup #5207
4. Save ui settings [P_UI] Added django settings for p_ui #5343
5. [Roadmap] Improve Data Export Functionality #6389
   Fund enhancement import / export +3
6. [FR] Import tool refactor #3101
   Fund enhancement import / export roadmap +4
   

Docs

Preview Give feedback

1. Frontend architecture
2. Code structure
3. Getting started for frontend
4. Component docs (maybe storybook)

Frontend base

Preview Give feedback

1. Navigation P UI: Basic UI & Auth setup #5207
2. Mega menu P UI: Basic UI & Auth setup #5207
3. [FR/P-UI] Home/Start page #5323
   4 of 4
   Platform UI enhancement +2
   
4. URL/navigation structure P UI: Basic UI & Auth setup #5207
5. Base page layout
6. Detail page layout
7. Modal form framework #5354
   21 of 32
   Platform UI +1
8. [WIP] Mantine datatables #5218
   10 of 11
   Platform UI refactor +2
   
9. Barcode Scanning P UI: Basic UI & Auth setup #5207
10. Notifications
11. Quick Search #5345
    Platform UI refactor +2
    
12. Global Logout #6283
    +0
13. [PUI] Registration #6282
    Platform UI enhancement +2
    
14. Social Login [PUI] SSO Support #5753
15. Social Registration [PUI] SSO Support #5753
16. [FR/P-UI] Fast Language / Theme selection #5296
    Platform UI enhancement +2
    
17. [PUI] Quick commands pallet #5888
    Platform UI enhancement +2
    
18. [PUI] Check user permission when viewing pages #5755
    Platform UI old user interface +2
19. [PUI] Global login #6285
    Platform UI bug +2
    
20. [PUI] Update to Mantine v7 #6813
    Platform UI dependency javascript +3
21. [PUI] Switch to native Tree component - https://mantine.dev/core/tree/#example-files-tree
22. [PUI] Add Link Barcode action #7920
    Platform UI +1
    

Frontend pages

Preview Give feedback

1. [FR/P-UI] Dashboard #5324
   Platform UI +1
   
2. User settings management [FR/P-UI] New admin UI #5016
3. Global settings management [FR/P-UI] New admin UI #5016
4. Part
5. Part Category
6. Stock Item
7. Stock Location
8. Company
9. Supplier Part
10. Manufacturer Part
11. Build Order
12. Purchase Order
13. Sales Order
14. User Managment [FR/P-UI] New admin UI #5016
15. All "part" functions - [PUI] Implement existing Part functions #6022
16. All "stock" functions
17. All "build order" functions
18. All "sales order" functions
19. All "return order" functions
20. All "purchase order" functions
21. [PUI] Part Stocktake Panel #7026
    Platform UI enhancement part pricing +4

Plugins

Preview Give feedback

1. APIs for rendering plugins in UI - PUI Plugin Panels #7470
2. Plugin settings screen [FR/P-UI] New admin UI #5016
3. New / Refactor "Panel Mixin" support - PUI Plugin Panels #7470
4. [FR/P-UI] New / Refactor "Nav Mixin" #5269
   0 of 4
   Platform UI api plugin +3

Needs to be handled before next stable - follow-ups

Preview Give feedback

1. Follow up to P-UI: Add old dashboard page for now #5325 - Add tables
2. Allow to hide the server selector and configure custom server via Django settings [P_UI] Added django settings for p_ui #5343 @wolflu05
3. Add links to the new ui in the old ui like try this out in the new ui @wolflu05 #6554
   Platform UI +1
   
4. Use IS_DEV_OR_DEMO for playground as suggested in https://github.com/inventree/InvenTree/pull/5359#issuecomment-1654593807 #5452
   Platform UI enhancement +2
   
5. [FR] Improve page titles for PUI #7869
   Platform UI enhancement javascript old user interface starter +5

In the future (tm) - follow-ups

Preview Give feedback

1. After deprecating the old ui move the new ui to /. @wolflu05
2. [PUI] Notifications are served CUI links #7347
   Platform UI bug +2

Upvote & Fund

• We're using Polar.sh so you can upvote and help fund this issue.
• We receive the funding once the issue is completed & confirmed by you.
• Thank you in advance for helping prioritize & fund our backlog.

[matmair]

@SchrodingersGat I added the issues/PR that currently cover the tasks

[wolflu05]

# ... Addition to above
- [ ] Allow to hide the server selector and configure custom server via Django settings #5343
- [ ] Add links to the new ui in the old ui like `try this out in the new ui`
- [ ] After deprecating the old ui move the new ui to `/`.
- [ ] spotlight/command pallete, there is also a [mantine package](https://mantine.dev/others/spotlight/)

[matmair]

As part of #6543 / matmair#174 I have tried to factor out and remove CUI to discover dependencies between REST API, CUI and tests. Overall we are pretty good decoupled, there are a few tests that need to be rewritten - which I have marked with TODOs.
One pretty important thing is import/export functionality, which is very much PUI-dependent right now - what is your reading on that @SchrodingersGat?

[SchrodingersGat]

@matmair my two major priorities after the pending 0.14.0 release are:

• Implement the pending code refactor PR
• Assess import / export project

[matmair]

Suggested additions for 1.0 or beyond:

• Add permissions view/edit to groups
• Add public "profile" pages for users/groups with basic info about the object
• Add hover cards for users/groups and link to profile wherever user/groups are shown/listed
• Make the dashboard more helpful:
  • Add per-user customisable widget selection
  • Add option to add all tables with saved queries
  • Add "metrics" widget that shows just count for query
  • Add "quick-action" widget
  • Add "current time" widget
  • Add link-to-item widget
• Add rich search to user and systemsettings, admin center
• Add per-page quick-jump to different panels on the page to spotlight
• Add all actions on page per-page to spotlight

Comments / thougths @inventree/triage @inventree/maintainer ?

[BryanJacobs]

The "Part" page is marked as complete, but it seems to be missing the ability to download a part image from a URL.

I don't see a tracker for that feature here 😢 .

[institutohidraulica]

On the PUI I miss the option to "Return to Stock" for a stock item assigned to a customer, while was working perfeclty on the CUI

[matmair]

@BryanJacobs @institutohidraulica please open either disucssions in #5328 or new issues; this epic is for tracking open work

[SchrodingersGat]

@matmair @wolflu05 I think that all that is still remaining on this EPIC is to remove the /platform/ prefix from the routing?

[matmair]

@SchrodingersGat I do not think we should implement this with the switch to 1.0 as that will lead to a lot of broken links. IMO there is a need to build some kind of translation layer between old and new links. I used to have the CUI links in the ModelInformationDict but that seems to have been removed - so something similar has to be re-engineered to not break a lot of links.

[SchrodingersGat]

@matmair ok let's work out a way forward then - I would like to see the prefix removed if possible. The ModelInformationDict is a good idea for a translation layer, looks like I have culled those (sorry)!

Should we look to remove the prefix entirely, or replace it with something generic like 'web'?

[SchrodingersGat]

I used to have the CUI links in the ModelInformationDict but that seems to have been removed

Ok, looks like this was removed as part of your PR to "Remove CUI": https://github.com/inventree/InvenTree/pull/8384/files#

[jacobfelknor]

Something I noticed today while poking around the new UI with my production database... and not sure where else to put it so I'll ask here for now.

Are there plans to support the "tree" view for tables in the new UI? I was surprised to find that missing when looking at the BOM for an assembly that has sub-assemblies. The icons indicating whether the part is an assembly, trackable, etc are helpful and also appear to be missing.

From a quick google search, the mantine datatable library appears to have nested table support, but I'm not sure if this was an intentional omission, if I'm missing something, or its just something that hasn't be implemented yet

Overall, the PUI is getting better and better and as always I appreciate everyone's hard work on this.

EDIT: looks like I should have added this in #5328... my mistake