게시물과 페이지 공개 상태 확장 v1.5.4

components/admin/AdminPageForm.vue

@@ -43,6 +43,7 @@ const htmlCursorRange = reactive({
 const form = reactive({
   title: props.initialPage.title || '',
   slug: props.initialPage.slug || '',
+  status: props.initialPage.status || 'published',
   renderMode: props.initialPage.renderMode || 'html_document',
   content: props.initialPage.content || ''
 })
@@ -101,6 +102,7 @@ const pageUrlHint = computed(() => `/pages/${pageSlug.value || 'page-slug'}/`)
 const serializePageForm = () => JSON.stringify({
   title: form.title.trim(),
   slug: pageSlug.value,
+  status: form.status,
   renderMode: form.renderMode,
   content: form.content
 })
@@ -242,6 +244,7 @@ const uploadPageAsset = async (event) => {
 const createPayload = () => ({
   title: form.title.trim(),
   slug: pageSlug.value,
+  status: form.status,
   renderMode: form.renderMode,
   content: form.content,
   featuredImage: null
@@ -419,6 +422,27 @@ defineExpose({
             </p>
           </div>
 
+          <label class="admin-page-form__field grid gap-2 text-sm">
+            <span class="admin-page-form__label font-medium">상태</span>
+            <span class="admin-page-form__select-wrap relative block">
+              <select v-model="form.status" class="admin-page-form__select h-[38px] w-full appearance-none rounded border border-[#e3e6e8] bg-[#eff1f2] px-3 py-2 pr-10 transition-colors hover:border-[#c8ced3] focus:border-[#8e9cac] focus:outline-none">
+                <option value="draft">초안</option>
+                <option value="published">공개</option>
+                <option value="private">비공개</option>
+              </select>
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down pointer-events-none absolute right-3 top-1/2 size-5 -translate-y-1/2 text-[#15171a]" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                <polyline points="6 9 12 15 18 9" />
+              </svg>
+            </span>
+            <span v-if="form.status === 'draft'" class="admin-page-form__hint text-xs text-muted">
+              초안 페이지는 공개 URL에서 보이지 않습니다.
+            </span>
+            <span v-else-if="form.status === 'private'" class="admin-page-form__hint text-xs text-muted">
+              비공개 페이지는 공개 URL에서 보이지 않습니다.
+            </span>
+          </label>
+
           <div v-if="form.renderMode === 'html_document'" class="admin-page-form__field grid gap-2 text-sm">
             <span class="admin-page-form__label font-medium">페이지 형식</span>
             <div class="admin-page-form__mode-control grid grid-cols-2 rounded border border-[#e3e6e8] bg-[#eff1f2] p-1">