Skip to content

Add basic UI for UI masking of webhook URL

Justin Ho Tuan Duong requested to merge 361125-webhook-encrypted-tokens-frontend-support into master

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
Webhook_mask_URL_-_before Webhook_mask_URL_-_full_empty Webhook_mask_URL_-_full Webhook_mask_URL_-_mask

How to set up and validate locally

  1. Enable the feature flag webhook_form_mask_url.
  2. Visit Project > Settings > Webhooks. For example, http://127.0.0.1:3000/gitlab-org/gitlab-shell/-/hooks.
  3. 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.

Related to #361125 (closed)

Edited by Justin Ho Tuan Duong

Merge request reports