Skip to content

FE deep links for cycle analytics

Ezekiel Kigbo requested to merge 32426-fe-deep-links-for-cycle-analytics into master

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 and created_before are present
  • 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 stores selectedProjects in state instead

Testing

  1. Navigate to /-/analytics/value_stream_analytics
  2. Select a group
  3. Select project / update date ranges
  4. The query parameters should change
  5. Copy the url and paste it into a new browser tab
  6. You will return to the same state

Screenshots

with group_id parameter with project_ids[] parameter
Screen_Shot_2020-02-11_at_10.50.24_am Screen_Shot_2020-02-11_at_10.50.59_am

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

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

Merge request reports