feat: tag and category add save and continue button

ui/console-src/modules/contents/posts/categories/components/CategoryEditingModal.vue

@@ -21,6 +21,7 @@ import {
 import { useQueryClient } from "@tanstack/vue-query";
 import { cloneDeep } from "lodash-es";
 import { useI18n } from "vue-i18n";
+import { submitForm, reset } from "@formkit/core";
 
 const props = withDefaults(
   defineProps<{
@@ -65,6 +66,7 @@ const formState = ref<Category>({
 const selectedParentCategory = ref();
 const saving = ref(false);
 const modal = ref<InstanceType<typeof VModal> | null>(null);
+const keepAddingSubmit = ref(false);
 
 const isUpdateMode = !!props.category;
 
@@ -133,7 +135,11 @@ const handleSaveCategory = async () => {
       }
     }
 
-    modal.value?.close();
+    if (keepAddingSubmit.value) {
+      reset("category-form");
+    } else {
+      modal.value?.close();
+    }
 
     queryClient.invalidateQueries({ queryKey: ["post-categories"] });
 
@@ -145,6 +151,11 @@ const handleSaveCategory = async () => {
   }
 };
 
+const handleSubmit = (keepAdding = false) => {
+  keepAddingSubmit.value = keepAdding;
+  submitForm("category-form");
+};
+
 onMounted(() => {
   if (props.category) {
     formState.value = cloneDeep(props.category);
@@ -340,18 +351,29 @@ const { handleGenerateSlug } = useSlugify(
     </div>
 
     <template #footer>
-      <VSpace>
-        <SubmitButton
-          :loading="saving"
-          type="secondary"
-          :text="$t('core.common.buttons.submit')"
-          @submit="$formkit.submit('category-form')"
-        >
-        </SubmitButton>
+      <div class="flex justify-between">
+        <VSpace>
+          <SubmitButton
+            :loading="saving && !keepAddingSubmit"
+            :disabled="saving && keepAddingSubmit"
+            type="secondary"
+            :text="$t('core.common.buttons.submit')"
+            @submit="handleSubmit"
+          >
+          </SubmitButton>
+          <VButton
+            v-if="!isUpdateMode"
+            :loading="saving && keepAddingSubmit"
+            :disabled="saving && !keepAddingSubmit"
+            @click="handleSubmit(true)"
+          >
+            {{ $t("core.common.buttons.save_and_continue") }}
+          </VButton>
+        </VSpace>
         <VButton @click="modal?.close()">
           {{ $t("core.common.buttons.cancel_and_shortcut") }}
         </VButton>
-      </VSpace>
+      </div>
     </template>
   </VModal>
 </template>

ui/console-src/modules/contents/posts/tags/components/TagEditingModal.vue

@@ -26,6 +26,7 @@ import useSlugify from "@console/composables/use-slugify";
 import { cloneDeep } from "lodash-es";
 import { onMounted } from "vue";
 import { useI18n } from "vue-i18n";
+import { submitForm, reset } from "@formkit/core";
 
 const props = withDefaults(
   defineProps<{
@@ -63,6 +64,8 @@ const modal = ref<InstanceType<typeof VModal> | null>(null);
 
 const saving = ref(false);
 
+const keepAddingSubmit = ref(false);
+
 const isUpdateMode = computed(() => !!props.tag);
 
 const modalTitle = computed(() => {
@@ -101,7 +104,11 @@ const handleSaveTag = async () => {
       });
     }
 
-    modal.value?.close();
+    if (keepAddingSubmit.value) {
+      reset("tag-form");
+    } else {
+      modal.value?.close();
+    }
 
     Toast.success(t("core.common.toast.save_success"));
   } catch (e) {
@@ -111,6 +118,11 @@ const handleSaveTag = async () => {
   }
 };
 
+const handleSubmit = (keepAdding = false) => {
+  keepAddingSubmit.value = keepAdding;
+  submitForm("tag-form");
+};
+
 onMounted(() => {
   setFocus("displayNameInput");
 });
@@ -250,18 +262,29 @@ const { handleGenerateSlug } = useSlugify(
     </div>
 
     <template #footer>
-      <VSpace>
-        <SubmitButton
-          :loading="saving"
-          type="secondary"
-          :text="$t('core.common.buttons.submit')"
-          @submit="$formkit.submit('tag-form')"
-        >
-        </SubmitButton>
+      <div class="flex justify-between">
+        <VSpace>
+          <SubmitButton
+            :loading="saving && !keepAddingSubmit"
+            :disabled="saving && keepAddingSubmit"
+            type="secondary"
+            :text="$t('core.common.buttons.submit')"
+            @submit="handleSubmit"
+          >
+          </SubmitButton>
+          <VButton
+            v-if="!isUpdateMode"
+            :loading="saving && keepAddingSubmit"
+            :disabled="saving && !keepAddingSubmit"
+            @click="handleSubmit(true)"
+          >
+            {{ $t("core.common.buttons.save_and_continue") }}
+          </VButton>
+        </VSpace>
         <VButton @click="modal?.close()">
           {{ $t("core.common.buttons.cancel_and_shortcut") }}
         </VButton>
-      </VSpace>
+      </div>
     </template>
   </VModal>
 </template>

ui/src/locales/en.yaml

@@ -1671,6 +1671,7 @@ core:
     buttons:
       save: Save
       close: Close
+      save_and_continue: Save and keep adding
       close_and_shortcut: Close (Esc)
       delete: Delete
       setting: Setting

ui/src/locales/es.yaml

@@ -1308,6 +1308,7 @@ core:
     buttons:
       save: Guardar
       close: Cerrar
+      save_and_continue: Guardar y seguir añadiendo
       close_and_shortcut: Cerrar (Esc)
       delete: Borrar
       setting: Configuración

ui/src/locales/zh-CN.yaml

@@ -1588,6 +1588,7 @@ core:
     buttons:
       save: 保存
       close: 关闭
+      save_and_continue: 保存并继续添加
       close_and_shortcut: 关闭（Esc）
       delete: 删除
       setting: 设置

ui/src/locales/zh-TW.yaml

@@ -1545,6 +1545,7 @@ core:
     buttons:
       save: 保存
       close: 關閉
+      save_and_continue: 保存並繼續添加
       close_and_shortcut: 關閉（Esc）
       delete: 刪除
       setting: 設置