Add basic UI for UI masking of webhook URL
What does this MR do and why?
This feature is behind the feature flag webhook_form_mask_url
(introduced in this MR).
Adds some basic UI elements and Vue boilerplate code.
Screenshots or screen recordings
Before (without feature flag) | After (with feature flag) | After with value | After with value and masking enabled |
---|---|---|---|
How to set up and validate locally
- Enable the feature flag
webhook_form_mask_url
. - Visit Project > Settings > Webhooks. For example,
http://127.0.0.1:3000/gitlab-org/gitlab-shell/-/hooks
. - Visit Group > Settings > Webhooks. For example,
http://127.0.0.1:3000/groups/gitlab-org/-/hooks
.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #361125 (closed)
Edited by Justin Ho Tuan Duong