This PR tries to address some highlight bugs in the Sidebar. In particular there are two:
When manoeuvring to /tickets the first time the highlighting doesn't work. Only when the user clicks again on Tickets/List it will appear.
Initial:
Second time:
When users browser through any paginated list, the highlighting breaks as well
After clicking on >
Solution
The solution for this problem turned out to be pretty entangled into the code base. In short
There is a weird, cyclic interaction in this.term = this.$route.query. From what I understand the fact that complex objects are passed by reference we are creating a loop in because the Paginator (Vue component) mounted we are calling this.loadPage, which triggers this.paginator.loadPage which in term modifies the query.
The second problem was related to handling of query params. This can be resolved be using the exact-path which unfortunately isn't well documented but solves the problem
Problem
This PR tries to address some highlight bugs in the Sidebar. In particular there are two:
/tickets
the first time the highlighting doesn't work. Only when the user clicks again on Tickets/List it will appear.Initial:
Second time:
After clicking on
>
Solution
The solution for this problem turned out to be pretty entangled into the code base. In short
this.term = this.$route.query
. From what I understand the fact that complex objects are passed by reference we are creating a loop in because the Paginator (Vue component)mounted
we are callingthis.loadPage
, which triggersthis.paginator.loadPage
which in term modifies the query.exact-path
which unfortunately isn't well documented but solves the problem