} 저장 결과
*/
const saveNavigation = async () => {
+ if (saving.value || !isNavigationDirty.value) {
+ return
+ }
+
saving.value = true
errorMessage.value = ''
showToast('info', '네비게이션을 저장하는 중입니다.')
@@ -77,6 +103,7 @@ const saveNavigation = async () => {
})
items.value = savedItems.map((item) => ({ ...item }))
+ navigationBaseline.value = serializeNavigationItems(items.value)
showToast('success', '네비게이션이 저장되었습니다.')
} catch (error) {
errorMessage.value = error?.data?.message || '네비게이션을 저장하지 못했습니다.'
@@ -184,7 +211,7 @@ onBeforeUnmount(() => {
diff --git a/pages/admin/posts/index.vue b/pages/admin/posts/index.vue
index 0126b1d..1477348 100644
--- a/pages/admin/posts/index.vue
+++ b/pages/admin/posts/index.vue
@@ -148,12 +148,23 @@ const deletePost = async (post) => {
|
|
diff --git a/pages/admin/tags/index.vue b/pages/admin/tags/index.vue
index fc33c8c..4e783c2 100644
--- a/pages/admin/tags/index.vue
+++ b/pages/admin/tags/index.vue
@@ -21,6 +21,47 @@ const { data: tags, refresh } = await useFetch('/admin/api/tags', {
const managedTags = computed(() => tags.value.filter((tag) => tag.tagType === 'managed'))
+/** 서버 기준 메인 태그 id 순서(정렬 저장 버튼 활성 비교용) */
+const baselineManagedTagIds = ref([])
+
+/**
+ * 서버와 동기화된 메인 태그 순서를 기준선으로 저장한다.
+ * @returns {void}
+ */
+const resetManagedOrderBaseline = () => {
+ baselineManagedTagIds.value = managedTags.value.map((tag) => tag.id)
+}
+
+/**
+ * 태그 목록을 다시 불러온 뒤 메인 태그 순서 기준선을 맞춘다.
+ * @returns {Promise}
+ */
+const refreshTagsFromServer = async () => {
+ await refresh()
+ resetManagedOrderBaseline()
+}
+
+resetManagedOrderBaseline()
+
+/**
+ * 메인 태그 드래그 순서가 기준선과 다른지 여부
+ * @returns {boolean} 변경 여부
+ */
+const isManagedOrderDirty = computed(() => {
+ const currentIds = managedTags.value.map((tag) => tag.id)
+ const base = baselineManagedTagIds.value
+
+ if (!currentIds.length) {
+ return false
+ }
+
+ if (currentIds.length !== base.length) {
+ return true
+ }
+
+ return currentIds.some((id, index) => id !== base[index])
+})
+
/**
* 피드백 토스트 표시
* @param {'success'|'error'|'info'} type - 토스트 타입
@@ -114,7 +155,7 @@ const handleDrop = (event, targetId) => {
* @returns {Promise}
*/
const saveManagedOrder = async () => {
- if (savingOrder.value || managedTags.value.length === 0) {
+ if (savingOrder.value || managedTags.value.length === 0 || !isManagedOrderDirty.value) {
return
}
@@ -129,7 +170,7 @@ const saveManagedOrder = async () => {
})
tags.value = [...reordered]
- await refresh()
+ await refreshTagsFromServer()
showToast('success', '메인 태그 순서가 저장되었습니다.')
} catch (error) {
showToast('error', error?.data?.message || '정렬 순서를 저장하지 못했습니다.')
@@ -190,7 +231,7 @@ const promoteToMainTag = async (tag) => {
tagType: 'managed'
}
})
- await refresh()
+ await refreshTagsFromServer()
await searchGeneralTags()
showToast('success', `"${tag.name}" 태그를 메인 태그로 전환했습니다.`)
} catch (error) {
@@ -224,7 +265,7 @@ const demoteToGeneralTag = async (tag) => {
tagType: 'general'
}
})
- await refresh()
+ await refreshTagsFromServer()
await searchGeneralTags()
showToast('success', `"${tag.name}" 태그를 일반 태그로 변경했습니다.`)
} catch (error) {
@@ -250,7 +291,7 @@ const deleteGeneralTag = async (tag) => {
await $fetch(`/admin/api/tags/${tag.id}`, {
method: 'DELETE'
})
- await refresh()
+ await refreshTagsFromServer()
await searchGeneralTags()
showToast('success', `"${tag.name}" 일반 태그를 삭제했습니다.`)
} catch (error) {
@@ -291,7 +332,7 @@ onBeforeUnmount(() => {