From 9f438dd648b1777b896fe944c3df93e28c273562 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 22 Jul 2024 00:50:36 +0800
Subject: [PATCH] fix the bug that the hidden accounts, categories or tags are
 not displayed in the filter menu when they are chosen in transaction list
 page

---
 src/views/desktop/transactions/ListPage.vue | 14 +++++++-------
 src/views/mobile/transactions/ListPage.vue  |  8 ++++----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/views/desktop/transactions/ListPage.vue b/src/views/desktop/transactions/ListPage.vue
index 0a2e41aa..5e589e64 100644
--- a/src/views/desktop/transactions/ListPage.vue
+++ b/src/views/desktop/transactions/ListPage.vue
@@ -154,7 +154,7 @@
                                                             </v-list-item>
 
                                                             <v-list-group :key="category.id" v-for="category in categories">
-                                                                <template #activator="{ props }" v-if="!category.hidden">
+                                                                <template #activator="{ props }" v-if="!category.hidden || query.categoryIds === category.id || (allCategories[query.categoryIds] && allCategories[query.categoryIds].parentId === category.id)">
                                                                     <v-divider />
                                                                     <v-list-item class="text-sm" density="compact"
                                                                                  :class="getCategoryListItemCheckedClass(category, queryAllFilterCategoryIds)"
@@ -184,12 +184,12 @@
 
                                                                 <template :key="subCategory.id"
                                                                           v-for="subCategory in category.subCategories">
-                                                                    <v-divider v-if="!subCategory.hidden" />
+                                                                    <v-divider v-if="!subCategory.hidden || query.categoryIds === subCategory.id" />
                                                                     <v-list-item class="text-sm" density="compact"
                                                                                  :value="subCategory.id"
                                                                                  :class="{ 'list-item-selected': query.categoryIds === subCategory.id, 'item-in-multiple-selection': queryAllFilterCategoryIdsCount > 1 && queryAllFilterCategoryIds[subCategory.id] }"
                                                                                  :append-icon="(query.categoryIds === subCategory.id ? icons.check : null)"
-                                                                                 v-if="!subCategory.hidden">
+                                                                                 v-if="!subCategory.hidden || query.categoryIds === subCategory.id">
                                                                         <v-list-item-title class="cursor-pointer"
                                                                                            @click="changeCategoryFilter(subCategory.id)">
                                                                             <div class="d-flex align-center">
@@ -290,12 +290,12 @@
                                                         </v-list-item>
                                                         <template :key="account.id"
                                                                   v-for="account in allAccounts">
-                                                            <v-divider v-if="!account.hidden" />
+                                                            <v-divider v-if="!account.hidden || query.accountIds === account.id" />
                                                             <v-list-item class="text-sm" density="compact"
                                                                          :value="account.id"
                                                                          :class="{ 'list-item-selected': query.accountIds === account.id, 'item-in-multiple-selection': queryAllFilterAccountIdsCount > 1 && queryAllFilterAccountIds[account.id] }"
                                                                          :append-icon="(query.accountIds === account.id ? icons.check : null)"
-                                                                         v-if="!account.hidden">
+                                                                         v-if="!account.hidden || query.accountIds === account.id">
                                                                 <v-list-item-title class="cursor-pointer"
                                                                                    @click="changeAccountFilter(account.id)">
                                                                     <div class="d-flex align-center">
@@ -345,12 +345,12 @@
                                                         </v-list-item>
                                                         <template :key="transactionTag.id"
                                                                   v-for="transactionTag in allTransactionTags">
-                                                            <v-divider v-if="!transactionTag.hidden" />
+                                                            <v-divider v-if="!transactionTag.hidden || query.tagIds === transactionTag.id" />
                                                             <v-list-item class="text-sm" density="compact"
                                                                          :value="transactionTag.id"
                                                                          :class="{ 'list-item-selected': query.tagIds === transactionTag.id, 'item-in-multiple-selection': queryAllFilterTagIdsCount > 1 && queryAllFilterTagIds[transactionTag.id] }"
                                                                          :append-icon="(query.tagIds === transactionTag.id ? icons.check : null)"
-                                                                         v-if="!transactionTag.hidden">
+                                                                         v-if="!transactionTag.hidden || query.tagIds === transactionTag.id">
                                                                 <v-list-item-title class="cursor-pointer"
                                                                                    @click="changeTagFilter(transactionTag.id)">
                                                                     <div class="d-flex align-center">
diff --git a/src/views/mobile/transactions/ListPage.vue b/src/views/mobile/transactions/ListPage.vue
index 961970ff..66872bce 100644
--- a/src/views/mobile/transactions/ListPage.vue
+++ b/src/views/mobile/transactions/ListPage.vue
@@ -320,7 +320,7 @@
                               :class="getCategoryListItemCheckedClass(category, queryAllFilterCategoryIds)"
                               :key="category.id"
                               v-for="category in categories"
-                              v-show="!category.hidden"
+                              v-show="!category.hidden || query.categoryIds === category.id || (allCategories[query.categoryIds] && allCategories[query.categoryIds].parentId === category.id)"
                 >
                     <template #media>
                         <ItemIcon icon-type="category" :icon-id="category.icon" :color="category.color"></ItemIcon>
@@ -340,7 +340,7 @@
                                           :class="{ 'list-item-selected': query.categoryIds === subCategory.id, 'item-in-multiple-selection': queryAllFilterCategoryIdsCount > 1 && queryAllFilterCategoryIds[subCategory.id] }"
                                           :key="subCategory.id"
                                           v-for="subCategory in category.subCategories"
-                                          v-show="!subCategory.hidden"
+                                          v-show="!subCategory.hidden || query.categoryIds === subCategory.id"
                                           @click="changeCategoryFilter(subCategory.id)"
                             >
                                 <template #media>
@@ -383,7 +383,7 @@
                               :class="{ 'list-item-selected': query.accountIds === account.id, 'item-in-multiple-selection': queryAllFilterAccountIdsCount > 1 && queryAllFilterAccountIds[account.id] }"
                               :key="account.id"
                               v-for="account in allAccounts"
-                              v-show="!account.hidden"
+                              v-show="!account.hidden || query.accountIds === account.id"
                               @click="changeAccountFilter(account.id)"
                 >
                     <template #media>
@@ -462,7 +462,7 @@
                               :class="{ 'list-item-selected': query.tagIds === transactionTag.id, 'item-in-multiple-selection': queryAllFilterTagIdsCount > 1 && queryAllFilterTagIds[transactionTag.id] }"
                               :key="transactionTag.id"
                               v-for="transactionTag in allTransactionTags"
-                              v-show="!transactionTag.hidden"
+                              v-show="!transactionTag.hidden || query.tagIds === transactionTag.id"
                               @click="changeTagFilter(transactionTag.id)"
                 >
                     <template #before-title>