From e5ea2e5a6dfca0c4d3e84486fcbb74c36abd9e38 Mon Sep 17 00:00:00 2001
From: Kijin Sung <kijin@kijinsung.com>
Date: Fri, 23 May 2025 15:19:03 +0900
Subject: [PATCH] Relabel var_idx after reordering extra keys

---
 modules/document/tpl/extra_keys.html           | 2 +-
 modules/document/tpl/js/document_extra_keys.js | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/modules/document/tpl/extra_keys.html b/modules/document/tpl/extra_keys.html
index fe23e4725..d7f16b059 100644
--- a/modules/document/tpl/extra_keys.html
+++ b/modules/document/tpl/extra_keys.html
@@ -129,7 +129,7 @@
 				<td>
 					<div class="wrap" style="user-select:none">
 						<button type="button" class="dragBtn">Move to</button>
-						{$val->idx}
+						<span class="var_idx">{$val->idx}</span>
 					</div>
 				</td>
 				<td>{$val->eid}</td>
diff --git a/modules/document/tpl/js/document_extra_keys.js b/modules/document/tpl/js/document_extra_keys.js
index 000d7bad2..f4404f0a2 100644
--- a/modules/document/tpl/js/document_extra_keys.js
+++ b/modules/document/tpl/js/document_extra_keys.js
@@ -3,9 +3,10 @@
 
 		// Reorder extra keys
 		$('table.extra_keys.sortable').on('after-drag.st', function(e) {
+			const $table = $(this);
 			let order = [];
 			let i = 1;
-			$(this).find('tbody > tr').each(function() {
+			$table.find('tbody > tr').each(function() {
 				order.push({
 					eid: $(this).data('eid'),
 					old_idx: parseInt($(this).data('idx'), 10),
@@ -15,6 +16,12 @@
 			Rhymix.ajax('document.procDocumentAdminReorderExtraVars', {
 				module_srl: $(this).data('moduleSrl'),
 				order: order
+			}, function() {
+				let i = 1;
+				$table.find('.var_idx').each(function() {
+					$(this).text(i);
+					i++;
+				});
 			});
 		});