Automatically go to Edit Post page after creating

hongquan · Nov 24, 2024 · 145fcd4 · 145fcd4
1 parent 3986a96
commit 145fcd4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/admin/src/routes.ts b/admin/src/routes.ts
@@ -31,7 +31,7 @@ export const routes: RouteRecordRaw[] = [
         path: 'posts', component: SimpleWrap, name: 'post', redirect: () => ({ name: 'post.list' }),
         children: [
           { path: '', component: BlogPostList, name: 'post.list' },
-          { path: 'new', component: BlogPostEdit, name: 'post.new' },
+          { path: 'new', component: BlogPostEdit, name: 'post.new', props: { postId: null } },
           { path: ':postId', component: BlogPostEdit, name: 'post.edit', props: true },
         ],
       },

diff --git a/admin/src/views/BlogPostEdit.vue b/admin/src/views/BlogPostEdit.vue
@@ -123,7 +123,7 @@
           :loading='isSubmitting'
           @click='onSubmit(true)'
         >
-          Save and stay
+          {{ postId ? 'Save and stay' : 'Save and continue to edit' }}
         </FwbButton>
       </div>
     </form>
@@ -170,12 +170,10 @@ import '../../../static/css/syntect.css'
 import { User, UserSchema } from '@/models/user'
 
 interface Props {
-  postId?: string | null
+  postId: string | null
 }
-const props = withDefaults(defineProps<Props>(), {
-  postId: null,
-})
 
+const props = defineProps<Props>()
 Prism.manual = true
 Prism.languages.console = Prism.languages['shell-session']
 
@@ -292,6 +290,8 @@ async function onSubmit(toStay: boolean) {
     toast.success(message)
     if (!toStay) {
       await router.push({ name: 'post.list' })
+    } else if (isCreating) {
+      await router.push({ name: 'post.edit', params: { postId: updatedPost.id }})
     }
   } catch (e) {
     console.debug(e)