Navigation buttons on landing page

[DeepikaGhodki]

Issue 775

Proposed Solution:
We add prev and next buttons on the top right within the search toolbar as indicated in the screenshot below:

• The search parameters (query, sorting) would be inherited from the list page as query params
• Implemented using <v-pagination> with a page size of 1
• Any navigation event would trigger a new fetch request with a page size of 1 and page number = position of the current item. The position is calculated wrt the entire result set i.e. page number * no of items per page + position on current page

Limitations

• Query parameters may not be persisted on directly opening a DLP

TODO

• Fix the sorting order (not being inherited from the list page)
• Remove unnecessary props/ duplicate code
• Check if this interferes with the existing watch methods for version and identifier as they also lead to page navigation

[DeepikaGhodki]

For starters, I've placed the pagination buttons to the right of search toolbar. @waxlamp, what do you think?

[jjnesbitt]

Just a minor suggestion but looks good

[mvandenburgh]

Looks good, just one issue I noticed when testing it out

[jjnesbitt]

LGTM as far as the changes I asked for, but I'll defer approval to @mvandenburgh since he's more recently asked for changes.

[mvandenburgh]

LGTM

[dandibot]

🚀 PR was released in v0.2.42 🚀