FE deep links for cycle analytics
What does this MR do?
This MR updates the url query parameters when a user selects:
- a group
- project(s)
- new date range (changing the from / to dates)
The update url can then be used to navigate back to the same state with the data being populated from the Backend.
Updates the cycle analytics vuex store to support deep linking into cycle analytics.
- Checks for
data
attributes when loading the cycle analytics app- Prepopulates
group
dropdown - Prepopulates
project
dropdown - Prepopulates the date from and to if
created_after
andcreated_before
are present
- Prepopulates
- Adds the
INITIALIZE_CYCLE_ANALYTICS
mutation (and action) to set the initial app state from the backend - Sets the relevant query parameters when changing the group, project or date filters
- Moves
selectedProjectIds
to a getter function and storesselectedProjects
in state instead
Testing
- Navigate to
/-/analytics/value_stream_analytics
- Select a group
- Select project / update date ranges
- The query parameters should change
- Copy the url and paste it into a new browser tab
- You will return to the same state
Screenshots
with group_id parameter |
with project_ids[] parameter |
---|---|
Does this MR meet the acceptance criteria?
Conformity
-
Changelog entry -
Documentation (if required) -
Code review guidelines -
Merge request performance guidelines -
Style guides -
Database guides -
Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers
Security
If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:
-
Label as security and @ mention @gitlab-com/gl-security/appsec
-
The MR includes necessary changes to maintain consistency between UI, API, email, or other methods -
Security reports checked/validated by a reviewer from the AppSec team
Closes #32426 (closed) #202103 (closed)
Edited by Ezekiel Kigbo