Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/Tree picker #5595

Merged
merged 12 commits into from
Oct 4, 2023
Merged

Feature/Tree picker #5595

merged 12 commits into from
Oct 4, 2023

Conversation

wolflu05
Copy link
Contributor

@wolflu05 wolflu05 commented Sep 22, 2023

This bothered me since a long time. It is very hard if one has locations with the same repeating name to search for them by a tree path. To improve the experience I added a tree picker to the forms which shows the tree in a new modal to select the correct path. Additionally, this improves the backdrop for secondary, ... modals, so that only the top modal is infront of the backdrop.

inventree-tree-picker.mp4

This could have some performance issues like the top navigation has them too, but this is related to the jQuery tree view library. I hope we can implement something like this in PUI sometime too. But for now this PR is ready to review.

@netlify
Copy link

netlify bot commented Sep 22, 2023

Deploy Preview for inventree ready!

Name Link
🔨 Latest commit 410bdee
🔍 Latest deploy log https://app.netlify.com/sites/inventree/deploys/650f3af26703f70007ea11cb
😎 Deploy Preview https://deploy-preview-5595--inventree.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
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.

@wolflu05 wolflu05 added user interface User interface enhancement This is an suggested enhancement or new feature labels Sep 22, 2023
Copy link
Contributor

@matmair matmair left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lgtm; the inclusion of the structural field warrants an API version bump

InvenTree/part/serializers.py Show resolved Hide resolved
@wolflu05
Copy link
Contributor Author

You're right, missed that, added it now.

@SchrodingersGat
Copy link
Member

@wolflu05 sorry for the delayed response on this one - it looks fantastic! No notes :)

@SchrodingersGat SchrodingersGat merged commit 9b4e174 into inventree:master Oct 4, 2023
20 checks passed
@wolflu05 wolflu05 deleted the tree-picker branch October 4, 2023 14:53
@wolflu05
Copy link
Contributor Author

wolflu05 commented Oct 4, 2023

Thanks that you like this. To build this in PUI, I think it would be better to build the tree component first. From my research, we could use this library which is unsing virtualization what drastically improves performance on large data sets. They show an example with 1848897 nodes and the performance is awesome.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement This is an suggested enhancement or new feature user interface User interface
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants