Merge default and system webhooks under one menu (#14244)

3 files changed, 63 insertions, 61 deletions

diff --git a/templates/repo/settings/webhook/base_list.tmpl b/templates/repo/settings/webhook/base_list.tmpl
new file mode 100644
index 0000000000..b978a6a19c
--- /dev/null
+++ b/templates/repo/settings/webhook/base_list.tmpl
@@ -0,0 +1,60 @@
+<h4 class="ui top attached header">
+	{{.Title}}
+	<div class="ui right">
+		<div class="ui floating1 jump dropdown">
+			<div class="ui blue tiny button">{{.i18n.Tr "repo.settings.add_webhook"}}</div>
+			<div class="menu">
+				<a class="item" href="{{.BaseLinkNew}}/gitea/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/gitea.svg">Gitea
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/gogs/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/gogs.ico">Gogs
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/slack/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/slack.png">Slack
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/discord/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/discord.png">Discord
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/dingtalk/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/dingtalk.ico">Dingtalk
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/telegram/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/telegram.png">Telegram
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/msteams/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/msteams.png">Microsoft Teams
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/feishu/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/feishu.png">Feishu
+				</a>
+				<a class="item" href="{{.BaseLinkNew}}/matrix/new">
+					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/matrix.svg">Matrix
+				</a>
+			</div>
+		</div>
+	</div>
+</h4>
+<div class="ui attached segment">
+	<div class="ui list">
+		<div class="item">
+			{{.Description | Str2html}}
+		</div>
+		{{range .Webhooks}}
+			<div class="item">
+				{{if eq .LastStatus 1}}
+					<span class="text green mr-3">{{svg "octicon-check"}}</span>
+				{{else if eq .LastStatus 2}}
+					<span class="text red mr-3">{{svg "octicon-alert"}}</span>
+				{{else}}
+					<span class="text grey mr-3">{{svg "octicon-dot-fill"}}</span>
+				{{end}}
+				<a class="dont-break-out" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
+				<div class="ui right">
+					<span class="text blue px-2"><a href="{{$.BaseLink}}/{{.ID}}">{{svg "octicon-pencil"}}</a></span>
+					<span class="text red px-2"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trashcan"}}</a></span>
+				</div>
+			</div>
+		{{end}}
+	</div>
+</div>
diff --git a/templates/repo/settings/webhook/list.tmpl b/templates/repo/settings/webhook/list.tmpl
index 5efd6d4a3c..507f5e1f67 100644
--- a/templates/repo/settings/webhook/list.tmpl
+++ b/templates/repo/settings/webhook/list.tmpl
@@ -1,63 +1,5 @@
 {{template "base/alert" .}}
-<h4 class="ui top attached header">
-	{{.i18n.Tr "repo.settings.hooks"}}
-	<div class="ui right">
-		<div class="ui floating1 jump dropdown">
-			<div class="ui blue tiny button">{{.i18n.Tr "repo.settings.add_webhook"}}</div>
-			<div class="menu">
-				<a class="item" href="{{.BaseLink}}/gitea/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/gitea.svg">Gitea
-				</a>
-				<a class="item" href="{{.BaseLink}}/gogs/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/gogs.ico">Gogs
-				</a>
-				<a class="item" href="{{.BaseLink}}/slack/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/slack.png">Slack
-				</a>
-				<a class="item" href="{{.BaseLink}}/discord/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/discord.png">Discord
-				</a>
-				<a class="item" href="{{.BaseLink}}/dingtalk/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/dingtalk.ico">Dingtalk
-				</a>
-				<a class="item" href="{{.BaseLink}}/telegram/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/telegram.png">Telegram
-				</a>
-				<a class="item" href="{{.BaseLink}}/msteams/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/msteams.png">Microsoft Teams
-				</a>
-				<a class="item" href="{{.BaseLink}}/feishu/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/feishu.png">Feishu
-				</a>
-				<a class="item" href="{{.BaseLink}}/matrix/new">
-					<img width="20" height="20" src="{{StaticUrlPrefix}}/img/matrix.svg">Matrix
-				</a>
-			</div>
-		</div>
-	</div>
-</h4>
-<div class="ui attached segment">
-	<div class="ui list">
-		<div class="item">
-			{{.Description | Str2html}}
-		</div>
-		{{range .Webhooks}}
-			<div class="item">
-				{{if eq .LastStatus 1}}
-					<span class="text green mr-3">{{svg "octicon-check"}}</span>
-				{{else if eq .LastStatus 2}}
-					<span class="text red mr-3">{{svg "octicon-alert"}}</span>
-				{{else}}
-					<span class="text grey mr-3">{{svg "octicon-dot-fill"}}</span>
-				{{end}}
-				<a class="dont-break-out" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
-				<div class="ui right">
-					<span class="text blue px-2"><a href="{{$.BaseLink}}/{{.ID}}">{{svg "octicon-pencil"}}</a></span>
-					<span class="text red px-2"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trashcan"}}</a></span>
-				</div>
-			</div>
-		{{end}}
-	</div>
-</div>
+
+{{template "repo/settings/webhook/base_list" .}}
 
 {{template "repo/settings/webhook/delete_modal" .}}
diff --git a/templates/repo/settings/webhook/settings.tmpl b/templates/repo/settings/webhook/settings.tmpl
index de74dab05d..934794b539 100644
--- a/templates/repo/settings/webhook/settings.tmpl
+++ b/templates/repo/settings/webhook/settings.tmpl
@@ -1,4 +1,4 @@
-{{$isNew:=or .PageIsSettingsHooksNew .PageIsAdminHooksNew}}
+{{$isNew:=or .PageIsSettingsHooksNew .PageIsAdminDefaultHooksNew .PageIsAdminSystemHooksNew}}
 <div class="field">
 	<h4>{{.i18n.Tr "repo.settings.event_desc"}}</h4>
 	<div class="grouped event type fields">