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
GlTable
component to render table - Use
GlLabel
component to render label - Use
GlDropdown
to render actions dropdown-
Edit
,View issues with this label
,View MRs with this label
,View Epics with this label
will be anchor tags
-
-
Delete
action will use app/assets/javascripts/vue_shared/components/delete_label_modal.vue
- Use
toggle_subscription
action to toggle subscriptions
Edited by Peter Hegman