batch create nonexistent transaction categories when import transaction

2026-05-17 00:12:11 +08:00 · 2025-03-24 00:10:48 +08:00
parent 399b5c03a2
commit e5cf92f84e
10 changed files with 407 additions and 6 deletions
@@ -143,27 +143,44 @@
                                             :title="tt('Replace Invalid Transaction Tags')"
                                             @click="showReplaceInvalidItemDialog('tag', allInvalidTransactionTagNames)"></v-list-item>
                                <v-divider class="my-2"/>
-                                <v-list-item :prepend-icon="mdiFindReplace"
+                                <v-list-item :prepend-icon="mdiShapePlusOutline"
+                                             :disabled="!!editingTransaction || !allInvalidExpenseCategoryNames || allInvalidExpenseCategoryNames.length < 1"
+                                             :title="tt('Create Nonexistent Expense Categories')"
+                                             @click="showBatchCreateInvalidItemDialog('expenseCategory', allInvalidExpenseCategoryNames)"></v-list-item>
+                                <v-list-item :prepend-icon="mdiShapePlusOutline"
+                                             :disabled="!!editingTransaction || !allInvalidIncomeCategoryNames || allInvalidIncomeCategoryNames.length < 1"
+                                             :title="tt('Create Nonexistent Income Categories')"
+                                             @click="showBatchCreateInvalidItemDialog('incomeCategory', allInvalidIncomeCategoryNames)"></v-list-item>
+                                <v-list-item :prepend-icon="mdiShapePlusOutline"
+                                             :disabled="!!editingTransaction || !allInvalidTransferCategoryNames || allInvalidTransferCategoryNames.length < 1"
+                                             :title="tt('Create Nonexistent Transfer Categories')"
+                                             @click="showBatchCreateInvalidItemDialog('transferCategory', allInvalidTransferCategoryNames)"></v-list-item>
+<!--                                <v-list-item :prepend-icon="mdiShapePlusOutline"-->
+<!--                                             :disabled="!!editingTransaction || !allInvalidTransactionTagNames || allInvalidTransactionTagNames.length < 1"-->
+<!--                                             :title="tt('Create Nonexistent Transaction Tags')"-->
+<!--                                             @click="showBatchCreateInvalidItemDialog('tag', allInvalidTransactionTagNames)"></v-list-item>-->
+                                <v-divider class="my-2"/>
+                                <v-list-item :prepend-icon="mdiTransfer"
                                             :disabled="!!editingTransaction || selectedExpenseTransactionCount < 1"
                                             :title="tt('Batch Convert Expense Transaction to Income Transaction')"
                                             @click="convertTransactionType(TransactionType.Expense, TransactionType.Income)"></v-list-item>
-                                <v-list-item :prepend-icon="mdiFindReplace"
+                                <v-list-item :prepend-icon="mdiTransfer"
                                             :disabled="!!editingTransaction || selectedExpenseTransactionCount < 1"
                                             :title="tt('Batch Convert Expense Transaction to Transfer Transaction')"
                                             @click="convertTransactionType(TransactionType.Expense, TransactionType.Transfer)"></v-list-item>
-                                <v-list-item :prepend-icon="mdiFindReplace"
+                                <v-list-item :prepend-icon="mdiTransfer"
                                             :disabled="!!editingTransaction || selectedIncomeTransactionCount < 1"
                                             :title="tt('Batch Convert Income Transaction to Expense Transaction')"
                                             @click="convertTransactionType(TransactionType.Income, TransactionType.Expense)"></v-list-item>
-                                <v-list-item :prepend-icon="mdiFindReplace"
+                                <v-list-item :prepend-icon="mdiTransfer"
                                             :disabled="!!editingTransaction || selectedIncomeTransactionCount < 1"
                                             :title="tt('Batch Convert Income Transaction to Transfer Transaction')"
                                             @click="convertTransactionType(TransactionType.Income, TransactionType.Transfer)"></v-list-item>
-                                <v-list-item :prepend-icon="mdiFindReplace"
+                                <v-list-item :prepend-icon="mdiTransfer"
                                             :disabled="!!editingTransaction || selectedTransferTransactionCount < 1"
                                             :title="tt('Batch Convert Transfer Transaction to Expense Transaction')"
                                             @click="convertTransactionType(TransactionType.Transfer, TransactionType.Expense)"></v-list-item>
-                                <v-list-item :prepend-icon="mdiFindReplace"
+                                <v-list-item :prepend-icon="mdiTransfer"
                                             :disabled="!!editingTransaction || selectedTransferTransactionCount < 1"
                                             :title="tt('Batch Convert Transfer Transaction to Income Transaction')"
                                             @click="convertTransactionType(TransactionType.Transfer, TransactionType.Income)"></v-list-item>
@@ -812,6 +829,7 @@
                                 @dateRange:change="changeCustomDateFilter"
                                 @error="onShowDateRangeError" />
    <batch-replace-dialog ref="batchReplaceDialog" />
+    <BatchCreateDialog ref="batchCreateDialog" />
    <confirm-dialog ref="confirmDialog"/>
    <snack-bar ref="snackbar" />
    <input ref="fileInput" type="file" style="display: none" :accept="supportedImportFileExtensions" @change="setImportFile($event)" />
@@ -823,6 +841,7 @@ import PaginationButtons from '@/components/desktop/PaginationButtons.vue';
 import ConfirmDialog from '@/components/desktop/ConfirmDialog.vue';
 import SnackBar from '@/components/desktop/SnackBar.vue';
 import BatchReplaceDialog, { type BatchReplaceDialogDataType } from './dialogs/BatchReplaceDialog.vue';
+import BatchCreateDialog, { type BatchCreateDialogDataType } from './dialogs/BatchCreateDialog.vue';

 import { ref, computed, useTemplateRef, watch } from 'vue';

@@ -885,6 +904,8 @@ import {
    mdiDotsVertical,
    mdiHelpCircleOutline,
    mdiFindReplace,
+    mdiShapePlusOutline,
+    mdiTransfer,
    mdiClose,
    mdiArrowRight,
    mdiSelectAll,
@@ -898,6 +919,7 @@ import {
 type ConfirmDialogType = InstanceType<typeof ConfirmDialog>;
 type SnackBarType = InstanceType<typeof SnackBar>;
 type BatchReplaceDialogType = InstanceType<typeof BatchReplaceDialog>;
+type BatchCreateDialogType = InstanceType<typeof BatchCreateDialog>;

 type ImportTransactionDialogStep = 'uploadFile' | 'defineColumn' | 'checkData' | 'finalResult';

@@ -941,6 +963,7 @@ const statisticsStore = useStatisticsStore();
 const confirmDialog = useTemplateRef<ConfirmDialogType>('confirmDialog');
 const snackbar = useTemplateRef<SnackBarType>('snackbar');
 const batchReplaceDialog = useTemplateRef<BatchReplaceDialogType>('batchReplaceDialog');
+const batchCreateDialog = useTemplateRef<BatchCreateDialogType>('batchCreateDialog');
 const fileInput = useTemplateRef<HTMLInputElement>('fileInput');

 const showState = ref<boolean>(false);
@@ -2507,6 +2530,78 @@ function showReplaceInvalidItemDialog(type: BatchReplaceDialogDataType, invalidI
    });
 }

+function showBatchCreateInvalidItemDialog(type: BatchCreateDialogDataType, invalidItems: NameValue[]): void {
+    if (editingTransaction.value) {
+        return;
+    }
+
+    batchCreateDialog.value?.open({
+        type: type,
+        invalidItems: invalidItems
+    }).then(result => {
+        if (!result || !result.sourceTargetMap) {
+            return;
+        }
+
+        let updatedCount = 0;
+
+        if (importTransactions.value) {
+            const sourceTargetMap: Record<string, string> = result.sourceTargetMap;
+
+            for (let i = 0; i < importTransactions.value.length; i++) {
+                const transaction: ImportTransaction = importTransactions.value[i];
+
+                if (transaction.valid) {
+                    continue;
+                }
+
+                let updated = false;
+
+                if (type === 'expenseCategory' || type === 'incomeCategory' || type === 'transferCategory') {
+                    const categoryId = transaction.categoryId;
+                    const originalCategoryName = transaction.originalCategoryName;
+                    const targetItem = sourceTargetMap[originalCategoryName];
+
+                    if (transaction.type !== TransactionType.ModifyBalance && targetItem && (!categoryId || categoryId === '0' || !allCategoriesMap.value[categoryId])) {
+                        if (type === 'expenseCategory' && transaction.type === TransactionType.Expense) {
+                            transaction.categoryId = targetItem;
+                            updated = true;
+                        } else if (type === 'incomeCategory' && transaction.type === TransactionType.Income) {
+                            transaction.categoryId = targetItem;
+                            updated = true;
+                        } else if (type === 'transferCategory' && transaction.type === TransactionType.Transfer) {
+                            transaction.categoryId = targetItem;
+                            updated = true;
+                        }
+                    }
+                } else if (type === 'tag' && transaction.tagIds) {
+                    for (let j = 0; j < transaction.tagIds.length; j++) {
+                        const tagId = transaction.tagIds[j];
+                        const originalTagName = transaction.originalTagNames ? transaction.originalTagNames[j] : "";
+                        const targetItem = sourceTargetMap[originalTagName];
+
+                        if (targetItem && (!tagId || tagId === '0' || !allTagsMap.value[tagId])) {
+                            transaction.tagIds[j] = targetItem;
+                            updated = true;
+                        }
+                    }
+                }
+
+                if (updated) {
+                    updatedCount++;
+                    updateTransactionData(transaction);
+                }
+            }
+        }
+
+        if (updatedCount > 0) {
+            snackbar.value?.showMessage('format.misc.youHaveUpdatedTransactions', {
+                count: updatedCount
+            });
+        }
+    });
+}
+
 function convertTransactionType(fromType: TransactionType, toType: TransactionType): void {
    if (!importTransactions.value || importTransactions.value.length < 1) {
        return;
@@ -0,0 +1,256 @@
+<template>
+    <v-dialog width="600" :persistent="!!persistent" v-model="showState">
+        <v-card class="pa-2 pa-sm-4 pa-md-4">
+            <template #title>
+                <div class="d-flex align-center justify-center">
+                    <div class="d-flex w-100 align-center justify-center">
+                        <h4 class="text-h4" v-if="type === 'expenseCategory'">{{ tt('Create Nonexistent Expense Categories') }}</h4>
+                        <h4 class="text-h4" v-if="type === 'incomeCategory'">{{ tt('Create Nonexistent Income Categories') }}</h4>
+                        <h4 class="text-h4" v-if="type === 'transferCategory'">{{ tt('Create Nonexistent Transfer Categories') }}</h4>
+                        <h4 class="text-h4" v-if="type === 'tag'">{{ tt('Create Nonexistent Transaction Tags') }}</h4>
+                    </div>
+                    <v-btn density="comfortable" color="default" variant="text" class="ml-2"
+                           :disabled="submitting || !invalidItems || !invalidItems.length" :icon="true">
+                        <v-icon :icon="mdiDotsVertical" />
+                        <v-menu activator="parent">
+                            <v-list>
+                                <v-list-item :prepend-icon="mdiSelectAll"
+                                             :title="tt('Select All')"
+                                             :disabled="!invalidItems || !invalidItems.length"
+                                             @click="selectAllItems"></v-list-item>
+                                <v-list-item :prepend-icon="mdiSelect"
+                                             :title="tt('Select None')"
+                                             :disabled="!invalidItems || !invalidItems.length"
+                                             @click="selectNoneItems"></v-list-item>
+                                <v-list-item :prepend-icon="mdiSelectInverse"
+                                             :title="tt('Invert Selection')"
+                                             :disabled="!invalidItems || !invalidItems.length"
+                                             @click="selectInvertItems"></v-list-item>
+                            </v-list>
+                        </v-menu>
+                    </v-btn>
+                </div>
+            </template>
+            <v-card-text class="my-md-4 w-100 d-flex justify-center">
+                <v-row>
+                    <v-col cols="12">
+                        <v-list class="py-0" density="compact" select-strategy="classic"
+                                :disabled="submitting" v-model:selected="selectedNames">
+                            <v-list-item class="py-0"
+                                         :key="item.value" :value="item.name" :title="item.name"
+                                         v-for="item in invalidItems">
+                                <template #prepend="{ isActive }">
+                                    <v-list-item-action start>
+                                        <v-checkbox-btn :model-value="isActive"></v-checkbox-btn>
+                                    </v-list-item-action>
+                                </template>
+                            </v-list-item>
+                        </v-list>
+                    </v-col>
+                </v-row>
+            </v-card-text>
+            <v-card-text class="overflow-y-visible">
+                <div class="w-100 d-flex justify-center gap-4">
+                    <v-btn :disabled="submitting || !selectedNames || !selectedNames.length" @click="confirm">
+                        {{ tt('OK') }}
+                        <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
+                    </v-btn>
+                    <v-btn color="secondary" variant="tonal" :disabled="submitting" @click="cancel">{{ tt('Cancel') }}</v-btn>
+                </div>
+            </v-card-text>
+        </v-card>
+    </v-dialog>
+
+    <snack-bar ref="snackbar" />
+</template>
+
+<script setup lang="ts">
+import SnackBar from '@/components/desktop/SnackBar.vue';
+
+import { ref, useTemplateRef } from 'vue';
+
+import { useI18n } from '@/locales/helpers.ts';
+
+import { useTransactionCategoriesStore } from '@/stores/transactionCategory.ts';
+
+import type { NameValue } from '@/core/base.ts';
+import { CategoryType } from '@/core/category.ts';
+import { AUTOMATICALLY_CREATED_CATEGORY_ICON_ID } from '@/consts/icon.ts';
+import { DEFAULT_CATEGORY_COLOR } from '@/consts/color.ts';
+
+import { type TransactionCategoryCreateRequest, type TransactionCategoryCreateWithSubCategories, TransactionCategory } from '@/models/transaction_category.ts';
+
+import { isDefined, arrayItemToObjectField } from '@/lib/common.ts';
+
+import {
+    mdiSelectAll,
+    mdiSelect,
+    mdiSelectInverse,
+    mdiDotsVertical
+} from '@mdi/js';
+
+export type BatchCreateDialogDataType = 'expenseCategory' | 'incomeCategory' | 'transferCategory' | 'tag';
+
+type SnackBarType = InstanceType<typeof SnackBar>;
+
+interface BatchCreateDialogResponse {
+    sourceTargetMap: Record<string, string>;
+}
+
+defineProps<{
+    persistent?: boolean;
+}>();
+
+const { tt } = useI18n();
+
+const transactionCategoriesStore = useTransactionCategoriesStore();
+
+const snackbar = useTemplateRef<SnackBarType>('snackbar');
+
+const showState = ref<boolean>(false);
+const submitting = ref<boolean>(false);
+const type = ref<BatchCreateDialogDataType | ''>('');
+const invalidItems = ref<NameValue[] | undefined>([]);
+const selectedNames = ref<string[]>([]);
+
+let resolveFunc: ((response: BatchCreateDialogResponse) => void) | null = null;
+let rejectFunc: ((reason?: unknown) => void) | null = null;
+
+function buildBatchCreateCategoryResponse(createdCategories: Record<number, TransactionCategory[]>): BatchCreateDialogResponse {
+    const displayNameSourceItemMap: Record<string, string> = {};
+    const sourceTargetMap: Record<string, string> = {};
+
+    for (const item of (invalidItems.value || [])) {
+        displayNameSourceItemMap[item.name] = item.value;
+    }
+
+    for (const categoryType in createdCategories) {
+        const categories = createdCategories[categoryType];
+
+        for (const category of categories) {
+            if (!category.subCategories || category.subCategories.length < 1) {
+                continue;
+            }
+
+            for (const subCategory of category.subCategories) {
+                const sourceItem = displayNameSourceItemMap[subCategory.name];
+
+                if (!isDefined(sourceItem)) {
+                    continue;
+                }
+
+                sourceTargetMap[sourceItem] = subCategory.id;
+            }
+        }
+    }
+
+    const response: BatchCreateDialogResponse = {
+        sourceTargetMap: sourceTargetMap
+    };
+
+    return response;
+}
+
+function open(options: { type: BatchCreateDialogDataType, invalidItems?: NameValue[] }): Promise<BatchCreateDialogResponse> {
+    type.value = options.type;
+    invalidItems.value = options.invalidItems;
+    selectedNames.value = [];
+
+    showState.value = true;
+
+    return new Promise((resolve, reject) => {
+        resolveFunc = resolve;
+        rejectFunc = reject;
+    });
+}
+
+function selectAllItems(): void {
+    selectedNames.value = (invalidItems.value || []).map(item => item.name);
+}
+
+function selectNoneItems(): void {
+    selectedNames.value = [];
+}
+
+function selectInvertItems(): void {
+    const currentSelectedNames: Record<string, boolean> = arrayItemToObjectField(selectedNames.value, true);
+    selectedNames.value = [];
+
+    for (const item of (invalidItems.value || [])) {
+        if (!currentSelectedNames[item.name]) {
+            selectedNames.value.push(item.name);
+        }
+    }
+}
+
+function confirm(): void {
+    if (type.value === 'expenseCategory' || type.value === 'incomeCategory' || type.value === 'transferCategory') {
+        submitting.value = true;
+
+        let categoryType: CategoryType = CategoryType.Expense;
+        let primaryCategoryName = '';
+
+        if (type.value === 'expenseCategory') {
+            categoryType = CategoryType.Expense;
+            primaryCategoryName = tt('Default Expense Category');
+        } else if (type.value === 'incomeCategory') {
+            categoryType = CategoryType.Income;
+            primaryCategoryName = tt('Default Income Category');
+        } else if (type.value === 'transferCategory') {
+            categoryType = CategoryType.Transfer;
+            primaryCategoryName = tt('Default Transfer Category');
+        }
+
+        const subCategories: TransactionCategoryCreateRequest[] = [];
+
+        for (const item of selectedNames.value) {
+            const category: TransactionCategory = TransactionCategory.createNewCategory(categoryType);
+            category.name = item;
+            category.icon = AUTOMATICALLY_CREATED_CATEGORY_ICON_ID;
+            subCategories.push(category.toCreateRequest(''));
+        }
+
+        const submitCategories: TransactionCategoryCreateWithSubCategories[] = [{
+            name: primaryCategoryName,
+            type: categoryType,
+            icon: AUTOMATICALLY_CREATED_CATEGORY_ICON_ID,
+            color: DEFAULT_CATEGORY_COLOR,
+            subCategories: subCategories
+        }];
+
+        transactionCategoriesStore.addCategories({
+            categories: submitCategories
+        }).then(response => {
+            transactionCategoriesStore.loadAllCategories({ force: false }).then(() => {
+                submitting.value = false;
+                showState.value = false;
+
+                resolveFunc?.(buildBatchCreateCategoryResponse(response));
+            }).catch(error => {
+                submitting.value = false;
+
+                if (!error.processed) {
+                    snackbar.value?.showError(error);
+                }
+            });
+        }).catch(error => {
+            submitting.value = false;
+
+            if (!error.processed) {
+                snackbar.value?.showError(error);
+            }
+        });
+    } else if (type.value === 'tag') {
+
+    }
+}
+
+function cancel(): void {
+    rejectFunc?.();
+    showState.value = false;
+}
+
+defineExpose({
+    open
+});
+</script>