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.