관리자 목록과 이미지 설정 개선

pages/admin/posts/index.vue

@@ -130,12 +130,13 @@ function createDefaultPostAnalytics() {
 
 /**
  * 게시물 참조 목록 기본값을 생성한다.
- * @returns {{ target: null, posts: Array }} 게시물 참조 목록 기본값
+ * @returns {{ target: null, posts: Array, pages: Array }} 게시물 참조 목록 기본값
  */
 function createDefaultPostReferences() {
   return {
     target: null,
-    posts: []
+    posts: [],
+    pages: []
   }
 }
 
@@ -470,22 +471,31 @@ const isReferenceModalOpen = computed(() => Boolean(referenceModalPost.value))
 
 /** 게시물 참조 목록 */
 const referenceModalPosts = computed(() => referenceModalData.value?.posts || [])
+/** 페이지 참조 목록 */
+const referenceModalPages = computed(() => referenceModalData.value?.pages || [])
+/** 게시물·페이지 통합 참조 목록 */
+const referenceModalItems = computed(() => [
+  ...referenceModalPosts.value.map((item) => ({ ...item, referenceType: 'post' })),
+  ...referenceModalPages.value.map((item) => ({ ...item, referenceType: 'page' }))
+])
 
 /** 게시물 참조 모달 검색어 */
 const normalizedReferenceModalSearchQuery = computed(() => referenceModalSearchQuery.value.trim().toLowerCase())
 
-/** 검색어가 적용된 게시물 참조 목록 */
+/** 검색어가 적용된 콘텐츠 참조 목록 */
 const filteredReferenceModalPosts = computed(() => {
   const keyword = normalizedReferenceModalSearchQuery.value
 
   if (!keyword) {
-    return referenceModalPosts.value
+    return referenceModalItems.value
   }
 
-  return referenceModalPosts.value.filter((post) => {
+  return referenceModalItems.value.filter((post) => {
     return [
       post.title,
-      post.slug
+      post.slug,
+      post.status,
+      post.referenceType
     ].some((value) => String(value || '').toLowerCase().includes(keyword))
   })
 })
@@ -658,33 +668,38 @@ const closeReferenceModal = () => {
 /**
  * 삭제 확인 메시지를 생성한다.
  * @param {Object} post - 삭제 대상 게시물
- * @param {{ posts?: Array }} references - 참조 목록
+ * @param {{ posts?: Array, pages?: Array }} references - 참조 목록
  * @param {boolean} didReferenceCheckFail - 참조 확인 실패 여부
  * @returns {string} 삭제 확인 메시지
  */
 const createDeletePostMessage = (post, references, didReferenceCheckFail = false) => {
   const title = post.title || '(제목 없음)'
   const referencePosts = references?.posts || []
+  const referencePages = references?.pages || []
+  const referenceItems = [
+    ...referencePosts.map((item) => ({ ...item, referenceType: 'post' })),
+    ...referencePages.map((item) => ({ ...item, referenceType: 'page' }))
+  ]
 
   if (didReferenceCheckFail) {
-    return `"${title}" 글을 삭제할까요?\n\n이 글을 링크한 게시물 목록은 확인하지 못했습니다.`
+    return `"${title}" 글을 삭제할까요?\n\n이 글을 링크한 콘텐츠 목록은 확인하지 못했습니다.`
   }
 
-  if (!referencePosts.length) {
+  if (!referenceItems.length) {
     return `"${title}" 글을 삭제할까요?`
   }
 
-  const referenceList = referencePosts
+  const referenceList = referenceItems
     .slice(0, 5)
-    .map((item) => `- ${item.title || '(제목 없음)'}`)
+    .map((item) => `- ${item.referenceType === 'page' ? '페이지' : '게시물'}: ${item.title || '(제목 없음)'}`)
     .join('\n')
-  const moreCount = Math.max(referencePosts.length - 5, 0)
+  const moreCount = Math.max(referenceItems.length - 5, 0)
   const moreText = moreCount ? `\n- 외 ${moreCount}개` : ''
 
   return [
     `"${title}" 글을 삭제할까요?`,
     '',
-    `이 글을 링크한 게시물 ${referencePosts.length}개가 있습니다.`,
+    `이 글을 링크한 콘텐츠 ${referenceItems.length}개가 있습니다.`,
     referenceList + moreText
   ].join('\n')
 }
@@ -1529,7 +1544,7 @@ watch(postPageCount, (pageCount) => {
 
           <div class="admin-posts__reference-modal-body flex min-h-0 flex-1 flex-col p-5">
             <p v-if="referenceModalLoading" class="text-sm text-muted">
-              이 글을 링크한 게시물을 확인하는 중입니다.
+              이 글을 링크한 콘텐츠를 확인하는 중입니다.
             </p>
             <p v-else-if="referenceModalError" class="text-sm text-red-600">
               {{ referenceModalError }}
@@ -1537,7 +1552,7 @@ watch(postPageCount, (pageCount) => {
             <template v-else>
               <div class="flex flex-wrap items-center justify-between gap-3">
                 <p class="text-sm text-muted">
-                  이 글을 링크한 게시물 {{ referenceModalPosts.length }}개
+                  이 글을 링크한 콘텐츠 {{ referenceModalItems.length }}개
                 </p>
                 <label class="admin-posts__reference-search relative w-full sm:w-60">
                   <span class="sr-only">백링크 검색</span>
@@ -1549,7 +1564,7 @@ watch(postPageCount, (pageCount) => {
                     v-model="referenceModalSearchQuery"
                     class="admin-posts__reference-search-input h-9 w-full rounded border border-line bg-white pl-9 pr-3 text-sm text-[#394047] outline-none transition-colors placeholder:text-[#8e9cac] hover:border-[#c8ced3] focus:border-[#8e9cac]"
                     type="search"
-                    placeholder="게시물 검색"
+                    placeholder="콘텐츠 검색"
                   >
                 </label>
               </div>
@@ -1561,14 +1576,17 @@ watch(postPageCount, (pageCount) => {
                 >
                   <div class="flex flex-wrap items-center justify-between gap-3">
                     <span class="min-w-0 font-semibold text-ink">
+                      <span class="mr-2 inline-flex h-5 items-center rounded bg-paper px-2 text-[11px] font-semibold text-muted">
+                        {{ item.referenceType === 'page' ? '페이지' : '게시물' }}
+                      </span>
                       {{ item.title || '(제목 없음)' }}
                     </span>
                     <div class="flex shrink-0 items-center gap-2">
                       <NuxtLink
                         class="admin-posts__reference-move inline-flex size-7 items-center justify-center rounded text-[#8e9cac] transition-colors hover:bg-paper hover:text-[#394047]"
-                        :to="`/admin/posts/${item.id}`"
-                        aria-label="게시물로 이동"
-                        title="게시물로 이동"
+                        :to="item.referenceType === 'page' ? `/admin/pages/${item.id}` : `/admin/posts/${item.id}`"
+                        aria-label="콘텐츠로 이동"
+                        title="콘텐츠로 이동"
                         @click="closeReferenceModal"
                       >
                         <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
@@ -1581,17 +1599,17 @@ watch(postPageCount, (pageCount) => {
                   <div class="mt-1 flex flex-wrap items-center gap-2 text-xs text-muted">
                     <span>{{ getPostStatusLabel(item) }}</span>
                     <span class="text-[#d7dce0]">|</span>
-                    <span class="truncate">/post/{{ item.slug }}</span>
+                    <span class="truncate">/{{ item.referenceType === 'page' ? 'pages' : 'post' }}/{{ item.slug }}</span>
                     <span class="text-[#d7dce0]">|</span>
                     <span>수정 {{ formatAdminDateTimeLabel(item.updatedAt) }}</span>
                   </div>
                 </li>
               </ul>
-              <p v-else-if="referenceModalPosts.length" class="mt-4 border border-line bg-paper px-4 py-5 text-sm text-muted">
+              <p v-else-if="referenceModalItems.length" class="mt-4 border border-line bg-paper px-4 py-5 text-sm text-muted">
                 검색 결과가 없습니다.
               </p>
               <p v-else class="mt-4 border border-line bg-paper px-4 py-5 text-sm text-muted">
-                이 게시물을 링크한 다른 게시물이 없습니다.
+                이 게시물을 링크한 다른 콘텐츠가 없습니다.
               </p>
             </template>
           </div>