From 3190608d36eee4182b8014bb6a056dd701e2da2b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 22 Sep 2024 21:50:41 +0800
Subject: [PATCH] support choosing invalid items in import transaction dialog

---
 src/locales/en.json                           |  3 ++
 src/locales/zh_Hans.json                      |  3 ++
 .../list/dialogs/ImportDialog.vue             | 49 ++++++++++++++++---
 3 files changed, 48 insertions(+), 7 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 2069fa62..08361d24 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1278,6 +1278,8 @@
     "Select All in This Page": "Select All in This Page",
     "Select None in This Page": "Select None in This Page",
     "Invert Selection in This Page": "Invert Selection in This Page",
+    "Select All Valid Items": "Select All Valid Items",
+    "Select All Invalid Items": "Select All Invalid Items",
     "Back": "Back",
     "Load More": "Load More",
     "No data": "No data",
@@ -1504,6 +1506,7 @@
     "Alipay Data Export File": "Alipay Data Export File",
     "Data File": "Data File",
     "No data to import": "No data to import",
+    "Cannot import invalid transactions": "Cannot import invalid transactions",
     "Unable to parse import file": "Unable to parse import file",
     "Tags": "Tags",
     "Your transaction description (optional)": "Your transaction description (optional)",
diff --git a/src/locales/zh_Hans.json b/src/locales/zh_Hans.json
index 4f7eef69..6796ed71 100644
--- a/src/locales/zh_Hans.json
+++ b/src/locales/zh_Hans.json
@@ -1278,6 +1278,8 @@
     "Select All in This Page": "本页全选",
     "Select None in This Page": "本页不选",
     "Invert Selection in This Page": "本页反选",
+    "Select All Valid Items": "选择全部有效项目",
+    "Select All Invalid Items": "选择全部无效项目",
     "Back": "返回",
     "Load More": "加载更多",
     "No data": "没有数据",
@@ -1504,6 +1506,7 @@
     "Alipay Data Export File": "支付宝数据导出文件",
     "Data File": "数据文件",
     "No data to import": "没有可以导入的数据",
+    "Cannot import invalid transactions": "不能导入无效的交易",
     "Unable to parse import file": "无法解析导入的文件",
     "Tags": "标签",
     "Your transaction description (optional)": "你的交易描述 (可选)",
diff --git a/src/views/desktop/transactions/list/dialogs/ImportDialog.vue b/src/views/desktop/transactions/list/dialogs/ImportDialog.vue
index 0d1974de..30872e5b 100644
--- a/src/views/desktop/transactions/list/dialogs/ImportDialog.vue
+++ b/src/views/desktop/transactions/list/dialogs/ImportDialog.vue
@@ -68,6 +68,15 @@
                             >
                                 <v-menu activator="parent" location="bottom">
                                     <v-list>
+                                        <v-list-item :prepend-icon="icons.selectAll"
+                                                     :title="$t('Select All Valid Items')"
+                                                     :disabled="loading || submitting"
+                                                     @click="selectAllValid"></v-list-item>
+                                        <v-list-item :prepend-icon="icons.selectAll"
+                                                     :title="$t('Select All Invalid Items')"
+                                                     :disabled="loading || submitting"
+                                                     @click="selectAllInvalid"></v-list-item>
+                                        <v-divider class="my-2"/>
                                         <v-list-item :prepend-icon="icons.selectAll"
                                                      :title="$t('Select All')"
                                                      :disabled="loading || submitting"
@@ -99,7 +108,7 @@
                         </template>
                         <template #item.data-table-select="{ item }">
                             <v-checkbox density="compact"
-                                        :disabled="loading || submitting || !item.valid"
+                                        :disabled="loading || submitting"
                                         v-model="item.selected"></v-checkbox>
                         </template>
                         <template #item.valid="{ item }">
@@ -308,7 +317,9 @@
                         <template #bottom>
                             <div class="title-and-toolbar d-flex align-center text-no-wrap mt-2"
                                  v-if="importTransactions && importTransactions.length > 10">
-                                <span>{{ $t('format.misc.selectedCount', { count: selectedImportTransactionCount, totalCount: importTransactions.length }) }}</span>
+                                <span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }">
+                                    {{ $t('format.misc.selectedCount', { count: selectedImportTransactionCount, totalCount: importTransactions.length }) }}
+                                </span>
                                 <v-spacer/>
                                 <span>{{ $t('Transactions Per Page') }}</span>
                                 <v-select class="ml-2" density="compact" max-width="100"
@@ -378,7 +389,7 @@
                     {{ $t('Next') }}
                     <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                 </v-btn>
-                <v-btn color="teal" :disabled="submitting || selectedImportTransactionCount < 1"
+                <v-btn color="teal" :disabled="submitting || selectedImportTransactionCount < 1 || selectedInvalidTransactionCount > 0"
                        :append-icon="!submitting ? icons.next : null" @click="submit"
                        v-if="currentStep === 'checkData'">
                     {{ $t('Import') }}
@@ -659,6 +670,17 @@ export default {
 
             return count;
         },
+        selectedInvalidTransactionCount() {
+            let count = 0;
+
+            for (let i = 0; i < this.importTransactions.length; i++) {
+                if (!this.importTransactions[i].valid && this.importTransactions[i].selected) {
+                    count++;
+                }
+            }
+
+            return count;
+        },
         anyButNotAllTransactionSelected: {
             get: function () {
                 return this.selectedImportTransactionCount > 0 && this.selectedImportTransactionCount !== this.importTransactions.length;
@@ -781,6 +803,9 @@ export default {
 
                 if (transaction.valid && transaction.selected) {
                     transactions.push(transaction);
+                } else if (!transaction.valid && transaction.selected) {
+                    self.$refs.snackbar.showError('Cannot import invalid transactions');
+                    return;
                 }
             }
 
@@ -830,13 +855,25 @@ export default {
 
             this.showState = false;
         },
-        selectAll() {
+        selectAllValid() {
             for (let i = 0; i < this.importTransactions.length; i++) {
                 if (this.importTransactions[i].valid) {
                     this.importTransactions[i].selected = true;
                 }
             }
         },
+        selectAllInvalid() {
+            for (let i = 0; i < this.importTransactions.length; i++) {
+                if (!this.importTransactions[i].valid) {
+                    this.importTransactions[i].selected = true;
+                }
+            }
+        },
+        selectAll() {
+            for (let i = 0; i < this.importTransactions.length; i++) {
+                this.importTransactions[i].selected = true;
+            }
+        },
         selectNone() {
             for (let i = 0; i < this.importTransactions.length; i++) {
                 this.importTransactions[i].selected = false;
@@ -844,9 +881,7 @@ export default {
         },
         selectInvert() {
             for (let i = 0; i < this.importTransactions.length; i++) {
-                if (this.importTransactions[i].valid || this.importTransactions[i].selected) {
-                    this.importTransactions[i].selected = !this.importTransactions[i].selected;
-                }
+                this.importTransactions[i].selected = !this.importTransactions[i].selected;
             }
         },
         selectAllInThisPage() {