Reimplement protected tags/branches/environments settings panel into Vue component

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Close this issue

Currently the settings panels for protected branches, protected tags, and protected environments (EE feature) are implemented in jQuery. The page needs to be re-loaded after submitting a new protected item in order to refresh the list. Implementing a no-reload solution with jQuery would be cumbersome and brittle, as the template for the protected item list would need to be repeated in haml and in a javascript template. It would be much easier to create a Vue component to handle this.

Edited Sep 25, 2025 by 🤖 GitLab Bot 🤖