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

Port the UI to Vue.js #57

Open
kraih opened this issue May 9, 2022 · 3 comments
Open

Port the UI to Vue.js #57

kraih opened this issue May 9, 2022 · 3 comments
Labels
enhancement New feature or request

Comments

@kraih
Copy link
Member

kraih commented May 9, 2022

Performance issues are becoming more common with our current UI. Especially the AJAX driven tables are a big problem once the data sets reach a certain size. We've learned a lot about how to make better performing UIs with Vue.js for the QEM Dashboard. Those lessons should be applied to Cavil as well.

@kraih kraih added the enhancement New feature or request label May 9, 2022
@kraih
Copy link
Member Author

kraih commented May 25, 2022

The first step would be the introduction of Mojolicious::Plugin::Webpack. Then the frontpage showing the current review backlog could be converted, since it is the main performance bottleneck at the moment. The main legal report page would also benefit a lot, but is not as urgent.

@kraih
Copy link
Member Author

kraih commented Sep 13, 2022

We are now using Webpack, and the open reviews/recent reviews pages have been converted to Vue.js. Still a lot more to do, but it's a good start. The legacy JavaScript code is also cleanly separated from the new code.

@kraih
Copy link
Member Author

kraih commented Jan 3, 2023

All legacy DataTables have been replaced with Vue.js components. There's quite a bit of redundant code/markup that should be removed in the future though. And of course the main report page still remains to be ported.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant