Refactor labels management from HAML to Vue - table component
Summary
Part of &7139
Build a table.vue component in app/assets/javascripts/labels/components that renders the labels. It should fetch labels using GraphQL.
Improvements
- Lazy load labels using GraphQL.
- Allow for more flexibility when adding functionality to labels management
- Remove HAML and jQuery
- Use Pajamas compliant components
Risks
Miss existing functionality and introduce bugs
Involved components
Implementation plan
- Use
GlTablecomponent to render table - Use
GlLabelcomponent to render label - Use
GlDropdownto render actions dropdown-
Edit,View issues with this label,View MRs with this label,View Epics with this labelwill be anchor tags
-
-
Deleteaction will use app/assets/javascripts/vue_shared/components/delete_label_modal.vue
- Use
toggle_subscriptionaction to toggle subscriptions
Edited by Peter Hegman
