Skip to content

Convert group overview tabs to Vue

Peter Hegman requested to merge 23466-convert-groups-overview-tabs-to-vue into master

What does this MR do and why?

Related to #23466 (closed)

Currently the tabs on the group overview page are a mix of HAML, Vue, and jQuery that is hard to follow. This MR is the first in a series of MRs to migrate these tabs fully to Vue.

Future MRs

  1. Add Vue router to handle updating the URL when tab changes
  2. Add search and sort functionality
  3. Default enable feature flag

Screenshots or screen recordings

Expected to look the same except for missing search and filter in "After"

Before After
Screen_Shot_2022-08-24_at_10.52.55_AM Screen_Shot_2022-08-24_at_10.51.58_AM

How to set up and validate locally

  1. Enable group_overview_tabs_vue feature flag
    • bin/rails console
    • Feature.enable(:group_overview_tabs_vue)
  2. Go to a group overview. e.g http://gdk.test:3000/flightjs

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Peter Hegman

Merge request reports