Improve alert management client-side router usage
Alert management uses vue-router for tab navigation.
It is currently set up to use hash mode - this results in a URL that looks like: <base>/root/test-proj/-/alert_management/2/details#/overview
A nicer user experience would be to not have a hash, so the URL looks like: <base>/root/test-proj/-/alert_management/2/details/overview
It would also be nice to have the forward/back buttons working.
Difficulties
This would require both:
- a frontend change to update the router with the new settings.
- a backend change, so that the supported routes forward to the correct base page.
Proposal:
- Use
history
mode instead ofhash
mode for the alert management client-side router. - Use
push
instead ofreplace
to enable the forward/back buttons.
Edge cases
Ensure that non-default base paths work (e.g https://www.some-host.com/gitlab
)
Edited by Tristan Read