wip?

Author: 6543

templates/repo/settings/branches.tmpl

@@ -37,19 +37,24 @@
 			</h4>
 
 			<div class="ui attached segment">
-				<div class="flex-list">
+				<div class="flex-list" id="protected-branches-list" data-priority-url="{{$.Repository.Link}}/settings/branches/priority">
 					{{range .ProtectedBranches}}
-						<div class="flex-item tw-items-center">
-							<div class="flex-item-main">
-								<div class="flex-item-title">
-									<div class="ui basic primary label">{{.RuleName}}</div>
+						<div class="item" data-id="{{.ID}}">
+							<div class="flex-item tw-items-center">
+								<div class="drag-handle tw-cursor-grab">
+									{{svg "octicon-grabber" 16}}
+								</div>
+								<div class="flex-item-main">
+									<div class="flex-item-title">
+										<div class="ui basic primary label">{{.RuleName}}</div>
+									</div>
+								</div>
+								<div class="flex-item-trailing">
+									<a class="rm ui tiny button" href="{{$.Repository.Link}}/settings/branches/edit?rule_name={{.RuleName}}">{{ctx.Locale.Tr "repo.settings.edit_protected_branch"}}</a>
+									<button class="ui red tiny button delete-button" data-url="{{$.Repository.Link}}/settings/branches/{{.ID}}/delete" data-id="{{.ID}}">
+										{{ctx.Locale.Tr "repo.settings.protected_branch.delete_rule"}}
+									</button>
 								</div>
-							</div>
-							<div class="flex-item-trailing">
-								<a class="rm ui tiny button" href="{{$.Repository.Link}}/settings/branches/edit?rule_name={{.RuleName}}">{{ctx.Locale.Tr "repo.settings.edit_protected_branch"}}</a>
-								<button class="ui red tiny button delete-button" data-url="{{$.Repository.Link}}/settings/branches/{{.ID}}/delete" data-id="{{.ID}}">
-									{{ctx.Locale.Tr "repo.settings.protected_branch.delete_rule"}}
-								</button>
 							</div>
 						</div>
 					{{else}}

web_src/js/features/repo-settings-branches.ts

@@ -0,0 +1,22 @@
+import {createSortable} from '../modules/sortable.ts';
+import {POST} from '../modules/fetch.ts';
+
+export function initRepoBranchesSettings() {
+  const protectedBranchesList = document.getElementById('protected-branches-list');
+  if (!protectedBranchesList) return;
+
+  createSortable(protectedBranchesList, {
+    handle: '.drag-handle',
+    animation: 150,
+    onEnd: async (evt) => {
+      const newOrder = Array.from(protectedBranchesList.children).map((item) => item.dataset.id);
+      try {
+        await POST(protectedBranchesList.getAttribute('data-priority-url'), {
+          data: newOrder,
+        });
+      } catch (err) {
+        console.error('Failed to update branch protection rule priority:', err);
+      }
+    },
+  });
+}

web_src/js/index.ts

@@ -49,6 +49,7 @@ import {
   initRepoSettingsCollaboration,
   initRepoSettingSearchTeamBox,
 } from './features/repo-settings.ts';
+import {initRepoBranchesSettings} from './features/repo-settings-branches.ts';
 import {initRepoDiffView} from './features/repo-diff.ts';
 import {initOrgTeamSearchRepoBox, initOrgTeamSettings} from './features/org-team.ts';
 import {initUserAuthWebAuthn, initUserAuthWebAuthnRegister} from './features/user-auth-webauthn.ts';
@@ -206,6 +207,7 @@ onDomReady(() => {
     initRepoSettingGitHook,
     initRepoSettingSearchTeamBox,
     initRepoSettingsCollaboration,
+    initRepoBranchesSettings,
     initRepoTemplateSearch,
     initRepoTopicBar,
     initRepoWikiForm,