Add pagination state to Environments Dashboard URL
Release notes
Add pagination state to the URL when paginating on the Environments dashboard.
Problem to solve
Currently behavior: The Environments Dashboard becomes paginated when you add over 20 environments. If you change pages within the dashboard, the URL currently stays the same. Here is the speed run video demonstrating the pagination as it currently is: https://www.youtube.com/watch?v=6_buHk_FvSc&feature=youtu.be
Proposed behavior: The current page should be added to the URL (via the ?page=N
querystring) when a user paginates to the a new page.
Intended users
- Parker (Product Manager)
- Delaney (Development Team Lead)
- Sasha (Software Developer)
- Rachel (Release Manager)
User experience goal
The user can copy/paste the paginated URL (e.g. -/operations/environments?page=2)
into a new tab and it will load the correct page.
Proposal
In environments_dashboard/components/dashboard/dashboard.vue
we would just need to check for the ?page=
querystring and then pass the page number to this.fetchProjects()
in the created()
method.
When the user clicks on a new page, we would want to be sure to update the page number in the URL.
What is the type of buyer?
GitLab Premium , as the Environments Dashboard is premium
This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.