53 lines
1.5 KiB
Vue
53 lines
1.5 KiB
Vue
<script setup>
|
|
definePageMeta({
|
|
layout: 'admin'
|
|
})
|
|
|
|
const saving = ref(false)
|
|
const errorMessage = ref('')
|
|
const pageForm = ref(null)
|
|
const createdPageId = ref('')
|
|
const { toast, showToast } = useAdminToast()
|
|
|
|
/**
|
|
* 새 고정 페이지 저장
|
|
* @param {Object} payload - 페이지 입력값
|
|
* @returns {Promise<void>} 저장 결과
|
|
*/
|
|
const savePage = async (payload) => {
|
|
saving.value = true
|
|
errorMessage.value = ''
|
|
showToast('info', '페이지를 저장하는 중입니다.')
|
|
|
|
try {
|
|
const page = await $fetch(createdPageId.value ? `/admin/api/pages/${createdPageId.value}` : '/admin/api/pages', {
|
|
method: createdPageId.value ? 'PUT' : 'POST',
|
|
body: payload
|
|
})
|
|
createdPageId.value = String(page.id)
|
|
|
|
pageForm.value?.markSaved(payload)
|
|
sessionStorage.setItem('SORI_ADMIN_PAGE_TOAST', JSON.stringify({
|
|
type: 'success',
|
|
message: '페이지가 저장되었습니다.'
|
|
}))
|
|
await navigateTo(`/admin/pages/${createdPageId.value}`)
|
|
} catch (error) {
|
|
errorMessage.value = error?.data?.message || '페이지를 저장하지 못했습니다.'
|
|
showToast('error', errorMessage.value)
|
|
} finally {
|
|
saving.value = false
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<section class="admin-page-editor bg-white">
|
|
<p v-if="errorMessage" class="admin-page-editor__error mx-6 mt-6 rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
|
|
{{ errorMessage }}
|
|
</p>
|
|
<AdminPageForm ref="pageForm" :saving="saving" @submit="savePage" />
|
|
<AdminToast :toast="toast" />
|
|
</section>
|
|
</template>
|