From 4987a0a0bd7c3678393c2bdf5f1d7307a1bb083a Mon Sep 17 00:00:00 2001
From: Timur Moziev <timur.moziev@gmail.com>
Date: Wed, 19 Nov 2025 03:38:10 +0300
Subject: [PATCH] add 'select/deselect all' buttons for custom events in
 webhooks

---
 options/locale/locale_en-US.ini               |  2 ++
 templates/repo/settings/webhook/settings.tmpl | 27 +++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index ea69d45fa2..5fe9aac5fe 100644
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -2382,6 +2382,8 @@ settings.event_desc = Trigger On:
 settings.event_push_only = Push Events
 settings.event_send_everything = All Events
 settings.event_choose = Custom Events…
+settings.event_button_select_all = Select All
+settings.event_button_deselect_all = Deselect All
 settings.event_header_repository = Repository Events
 settings.event_create = Create
 settings.event_create_desc = Branch or tag created.
diff --git a/templates/repo/settings/webhook/settings.tmpl b/templates/repo/settings/webhook/settings.tmpl
index 1f71b9cfab..f271bfef7f 100644
--- a/templates/repo/settings/webhook/settings.tmpl
+++ b/templates/repo/settings/webhook/settings.tmpl
@@ -80,6 +80,16 @@
 	</div>
 
 	<div class="events fields ui grid {{if not .Webhook.ChooseEvents}}tw-hidden{{end}}">
+		<div class="fourteen wide column">
+			<div class="field">
+				<button type="button" class="ui tiny button" id="event-select-all">
+					{{ctx.Locale.Tr "repo.settings.event_button_select_all"}}
+				</button>
+				<button type="button" class="ui tiny button" id="event-deselect-all">
+					{{ctx.Locale.Tr "repo.settings.event_button_deselect_all"}}
+				</button>
+			</div>
+		</div>
 		<!-- Repository Events -->
 		<div class="fourteen wide column">
 			<label>{{ctx.Locale.Tr "repo.settings.event_header_repository"}}</label>
@@ -354,3 +364,20 @@
 		>{{ctx.Locale.Tr "repo.settings.delete_webhook"}}</a>
 	{{end}}
 </div>
+
+<script>
+	(function () {
+		const section = document.querySelector('.events.fields.ui.grid');
+		if (!section) return;
+
+		const all = section.querySelectorAll('input[type="checkbox"]');
+
+		document.getElementById('event-select-all')?.addEventListener('click', () => {
+			all.forEach(i => { i.checked = true; });
+		});
+
+		document.getElementById('event-deselect-all')?.addEventListener('click', () => {
+			all.forEach(i => { i.checked = false; });
+		});
+	})();
+</script>