Skip to content

Port Labels Select dropdown to Vue

Kushal Pandya requested to merge kp-label-select-vue into master

What does this MR do?

Ports labels select dropdown to Vue with full functionality

Why was this MR needed?

Currently labels dropdown is rendered partly via HAML for markup and labels_select.js for core functionality. This MR makes Vue component that can be used in place of HAML to render labels dropdown in any Vue app/component. Since core markup remains the same, there's no visual change in the dropdown, it is only behind the scenes where Vue is used to manipulate the dropdown.

This MR is also a foundation for EE feature https://gitlab.com/gitlab-org/gitlab-ee/issues/3727.

Screenshots

Default View Create Label Selected Labels
image image image

Does this MR meet the acceptance criteria?

What are the relevant issue numbers?

https://gitlab.com/gitlab-org/gitlab-ee/issues/3727

https://gitlab.com/gitlab-org/gitlab-ee/issues/4032

Edited by Kushal Pandya

Merge request reports