Skip to content

Frontend: Migrate Pipeline tabs to use Vue

Migrate app/views/projects/pipelines/_with_tabs.html.haml to GlTabs. Currently, we are instantiating one Vue ap per tab which adds a lot of complexity and also slows down the initial page load significantly. It also prevent us from migrating to use GlTabs component because we still userails to handle the tabs creation.

This whole work is behind the FF pipeline_tabs_vue

To fix all of these problems, migrating all pipeline tabs to a single Vue app will be a huge benefit. There are a lot of pieces in the pipeline page, so I have broken down the steps here:

List

Step DRI Issue Link MR link
Introduce the base tab layout in Vue behind a disabled feature flag @f_caplette 👈🏻 You are here !80401 (merged)
Support tab redirection @f_caplette None !85183 (merged)
Add the Pipeline and Dag tabs content @f_caplette #356198 (closed) !83418 (merged)
Add the Jobs tab content @f_caplette #360544 (closed) !85946 (merged)
Create new Vue component for Failed Jobs tab content @pburdette #360656 (closed) !86151 (merged)
Add the Failed Jobs tab content @f_caplette #360798 (closed) !88664 (merged)
Migrate VueX Store to use namespaces @pgascouvaillancourt @mfluharty @jannik_lehmann @farias-gl &8117 (closed) !88584 (merged)
Add the Tests tab content @mfluharty #360794 (closed) !93214 (merged)
Add the the Security tab content @pgascouvaillancourt #360795 (closed) !87808 (merged)
Add the the License tab content @farias-gl #360796 (closed) !91741 (merged)
Add the the Code Quality tab content @jannik_lehmann #360797 (closed) !95899 (merged)
Update Feature tests for Licenses tab @f_caplette #368561 (closed) !95079 (merged)
Feature flag rollout @f_caplette #353118 (closed)
Add VueRouter Support @f_caplette !101390 (merged) #378196 (closed)

This requires collaboration across multiple groups:

Edited by Frédéric Caplette