Issue Summary

Selecting different types of events in the webhook creation/editing administrative view may cause confusion regarding which variables are available for use in parameterizing the webhook URL.

Steps to Reproduce

1. Navigate to the page <JIRA-BASE>/plugins/servlet/webhooks.
2. Click the "+ Create a WebHook" button located in the top right corner.
3. Observe the text below the URL field. Some parts are greyed out, indicating variables that can be used to define the URL. During event processing, these variables are replaced by values from the processed event.
4. In the "Events" section, select the checkbox in the "Issues" column.
   • Some variables below the URL field are highlighted.
5. In the "Events" section, select the checkbox in the "Comments" column.
   • As a result, {comment.id} is semi-highlighted, making its status difficult to understand.
6. In the "Events" section, select the checkbox in the "Issue link" column.
   • All previously highlighted variables become semi-highlighted. This is even more confusing because users cannot easily distinguish between semi-highlighted and fully-highlighted variables.

Expected Results

• The user interface is clear and not confusing regarding the highlighting of variables.

• The variables available for substitution are clearly associated with the types of events.

• The "Read More" link under the URL should directly lead to the section that explains how variable substitution works.

Actual Results

VIDEO showcasing the problem

Workaround

Currently there is no known workaround for this behavior.