P-UI: Admin UI

[matmair]

The idea is to split up the UI into separate user and server settings/admin pages. The new admin page should be a full admin page with all the information an admin needs: version info, system checks, quick links to often-used elements and user/group management. It should not be necessary to use the Django admin page.

Existing features

Beta Give feedback

1. User settings
2. Global settings
3. Plugins settings
4. Old user settings
5. Old global settings

New features

Beta Give feedback

1. System checks [FR] Add system checks #3740
2. User managment
3. Config lookup (related to [FR] Add option to lock DB settings via config file / env vals #4173)
4. Backup managment
5. Background tasks (UI for Report failed background task #5158)

Closes #5016
Closes #4962

[SchrodingersGat]

@matmair looks good, and I like that you get a notification when something changes.

The "accordion" style makes for a lot of scrolling, and things can be hard to find. Can we add in a sidebar (like the current implementation) for nav? Happy to put this off for a future PR if you just want to get this one merged in

[matmair]

@SchrodingersGat this is only meant as a technical preview (how the REST API is handled). I imagine the admin view to be a landing page with a small stats section, followed by 3 or 4 action tiles for admin docs, user management, often-used actions etc and then multiple pages for all the above-listed sections. With the headers on the left and the content on the right similar to the current setup.

[SchrodingersGat]

Ok, I'm happy with that. Get the framework in place and the UX can follow.

[netlify]

✅ Deploy Preview for inventree ready!

Name	Link
🔨 Latest commit	7fd4194
🔍 Latest deploy log	https://app.netlify.com/sites/inventree/deploys/64fb04ccdd56400008d3a525
😎 Deploy Preview	https://deploy-preview-5326--inventree.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 100 Accessibility: 86 Best Practices: 100 SEO: 70 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[SchrodingersGat]

@matmair I completely forgot that you had started an implementation of this - it looks like it also got further along than #5679

Let me re-open and review this properly

[matmair]

implemented in follow up PRs that were merged recently