[FE] VSA - Add create controls to path navigation

Why are we doing this work

To properly utilise the screen space for VSA, we should move the navigation to a horizontal layout above the page, in order to achieve this, we need to implemnt some additional functionality that exists in the table based navigation

  • Currently, there is duplication/redundancy for value stream stages with previous vertical and new horizontal layouts
  • The vertical layout leaves the graphs quite far below the fold... potentially meaning that users miss these features

This issue covers the changes to Create a value stream

create value stream

Feature flag

Requires the feature flags:

  • value_stream_analytics_path_navigation => enables path navigation
  • value_stream_analytics_extended_form => displays the additional fields in the create value stream form

Relevant links

Implementation plan

When you click create value stream the modal form will load with:

  • Extends the create value stream modal form with additional fields
  • Text area for the value stream name
  • 2 radio buttons (From default template, from scratch)
    • Clicking From default template will have all the default stages listed with the up/down arrows + hide button next to them, it will also have the fields for your first Custom stage if you want to add one
    • If you click From scratch then it will only show the fields for your first custom stage
  • Clicking Add another stage presents blank fields for custom stage # 2 etc etc

Non-functional requirements

  • Documentation:
  • Feature flag:
  • Performance:
  • Testing:
Edited by Ezekiel Kigbo