Skip to content

Migrate Protected Tag access dropdown to Vue

The following component utilizes our old deprecated jQuery-based dropdown implementation and should be replaced with a new implementation based upon GitLab UI's GlDropdown component:

  • app/views/projects/protected_tags/_protected_tag_create_access_levels.haml
  • app/views/projects/protected_tags/_create_protected_tag.html.haml
  • app/assets/javascripts/projects/settings/access_dropdown.js, used in:
    • app/assets/javascripts/protected_tags/protected_tag_create.js
    • app/assets/javascripts/protected_tags/protected_tag_edit.js
    • (It is also used in: #284784 (closed)).
  • ee/app/views/projects/protected_tags/ee/_create_protected_tag.html.haml
  • ee/app/views/projects/settings/ee/_access_level_dropdown.html.haml (Also shared with Protected Branches (see: #284784 (closed))

Instructions

Ith should be possible to migrate to app/assets/javascripts/groups/settings/components/access_dropdown.vue. However this is a little interesting as there is a big CE/EE split with the partials, but potentially a lot of this can be deleted thanks to this migration.

In this MR: !70208 (merged) the Access Dropdown for Protected Environments was migrated to the aforementioned Vue Component.

See also: Migrate Protected Branches access dropdown to Vue (#284784 - closed)

Edited by Lukas Eipert