Skip to content

Start refactoring issues dashboard to Vue

Coung Ngo requested to merge cngo-issues-dashboard-refactor into master

What does this MR do and why?

This MR begins the refactor of the issues dashboard to Vue by recreating the empty state (without any user interaction)

Follow-up MRs will add sorting, filtering, etc.

No changelog required as it is behind feature flag vue_issues_dashboard defaulted to off.

Screenshots or screen recordings

before after
large viewport Screenshot_2022-10-26_at_15-36-28_Issues___Dashboard___GitLab Screenshot_2022-10-26_at_16-14-14_Issues___Dashboard___GitLab
medium viewport Screenshot_2022-10-26_at_15-37-21_Issues___Dashboard___GitLab Screenshot_2022-10-26_at_16-14-08_Issues___Dashboard___GitLab
small viewport Screenshot_2022-10-26_at_15-37-09_Issues___Dashboard___GitLab Screenshot_2022-10-26_at_16-13-36_Issues___Dashboard___GitLab

How to set up and validate locally

  1. In rails console enable the feature flag
    Feature.enable(:vue_issues_dashboard)
  2. Visit the issues dashboard http://127.0.0.1:3000/dashboard/issues

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 Coung Ngo

Merge request reports

Loading