From 60b6ed51cd8e81868a4ebf253f2e93628868ea1b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 18 Oct 2025 00:38:48 +0800
Subject: [PATCH] hide unsupported filters when selecting Account Total Assets
 or Account Total Liabilities on the Statistics & Analysis page

---
 .../StatisticsTransactionPageBase.ts          | 27 +++++++++++++++++++
 .../desktop/statistics/TransactionPage.vue    | 19 +++++++++----
 .../mobile/statistics/TransactionPage.vue     | 13 +++++----
 3 files changed, 49 insertions(+), 10 deletions(-)

diff --git a/src/views/base/statistics/StatisticsTransactionPageBase.ts b/src/views/base/statistics/StatisticsTransactionPageBase.ts
index 1a6423e9..ea197db9 100644
--- a/src/views/base/statistics/StatisticsTransactionPageBase.ts
+++ b/src/views/base/statistics/StatisticsTransactionPageBase.ts
@@ -156,6 +156,30 @@ export function useStatisticsTransactionPageBase() {
         }
     });
 
+    const canUseCategoryFilter = computed<boolean>(() => {
+        if (query.value.chartDataType === ChartDataType.AccountTotalAssets.type || query.value.chartDataType === ChartDataType.AccountTotalLiabilities.type) {
+            return false;
+        }
+
+        return true;
+    });
+
+    const canUseTagFilter = computed<boolean>(() => {
+        if (query.value.chartDataType === ChartDataType.AccountTotalAssets.type || query.value.chartDataType === ChartDataType.AccountTotalLiabilities.type) {
+            return false;
+        }
+
+        return true;
+    });
+
+    const canUseKeywordFilter = computed<boolean>(() => {
+        if (query.value.chartDataType === ChartDataType.AccountTotalAssets.type || query.value.chartDataType === ChartDataType.AccountTotalLiabilities.type) {
+            return false;
+        }
+
+        return true;
+    });
+
     const showAmountInChart = computed<boolean>(() => {
         if (!showAccountBalance.value
             && (query.value.chartDataType === ChartDataType.AccountTotalAssets.type || query.value.chartDataType === ChartDataType.AccountTotalLiabilities.type)) {
@@ -259,6 +283,9 @@ export function useStatisticsTransactionPageBase() {
         queryTrendDateAggregationTypeName,
         isQueryDateRangeChanged,
         canShiftDateRange,
+        canUseCategoryFilter,
+        canUseTagFilter,
+        canUseKeywordFilter,
         showAmountInChart,
         totalAmountName,
         showTotalAmountInTrendsChart,
diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue
index c2652327..7afda184 100644
--- a/src/views/desktop/statistics/TransactionPage.vue
+++ b/src/views/desktop/statistics/TransactionPage.vue
@@ -120,6 +120,7 @@
                                                               :append-inner-icon="filterKeyword !== query.keyword ? mdiCheck : undefined"
                                                               :placeholder="tt('Filter transaction description')"
                                                               v-model="filterKeyword"
+                                                              v-if="canUseKeywordFilter"
                                                               @click:append-inner="setKeywordFilter(filterKeyword)"
                                                               @keyup.enter="setKeywordFilter(filterKeyword)"
                                                 />
@@ -129,15 +130,20 @@
                                                 <v-icon :icon="mdiDotsVertical" />
                                                 <v-menu activator="parent">
                                                     <v-list>
-                                                        <v-list-item :prepend-icon="mdiFilterOutline"
+                                                        <v-list-item :disabled="loading"
+                                                                     :prepend-icon="mdiFilterOutline"
                                                                      :title="tt('Filter Accounts')"
                                                                      @click="showFilterAccountDialog = true"></v-list-item>
-                                                        <v-list-item :prepend-icon="mdiFilterOutline"
+                                                        <v-list-item :disabled="loading"
+                                                                     :prepend-icon="mdiFilterOutline"
                                                                      :title="tt('Filter Transaction Categories')"
-                                                                     @click="showFilterCategoryDialog = true"></v-list-item>
-                                                        <v-list-item :prepend-icon="mdiFilterOutline"
+                                                                     @click="showFilterCategoryDialog = true"
+                                                                     v-if="canUseCategoryFilter"></v-list-item>
+                                                        <v-list-item :disabled="loading"
+                                                                     :prepend-icon="mdiFilterOutline"
                                                                      :title="tt('Filter Transaction Tags')"
-                                                                     @click="showFilterTagDialog = true"></v-list-item>
+                                                                     @click="showFilterTagDialog = true"
+                                                                     v-if="canUseTagFilter"></v-list-item>
                                                         <v-divider class="my-2"/>
                                                         <v-list-item :prepend-icon="mdiExport"
                                                                      :title="tt('Export Results')"
@@ -451,6 +457,9 @@ const {
     queryDateRangeName,
     queryTrendDateAggregationTypeName,
     canShiftDateRange,
+    canUseCategoryFilter,
+    canUseTagFilter,
+    canUseKeywordFilter,
     showAmountInChart,
     totalAmountName,
     showTotalAmountInTrendsChart,
diff --git a/src/views/mobile/statistics/TransactionPage.vue b/src/views/mobile/statistics/TransactionPage.vue
index bf7445a5..20e2763a 100644
--- a/src/views/mobile/statistics/TransactionPage.vue
+++ b/src/views/mobile/statistics/TransactionPage.vue
@@ -313,13 +313,13 @@
 
         <f7-actions close-by-outside-click close-on-escape :opened="showMoreActionSheet" @actions:closed="showMoreActionSheet = false">
             <f7-actions-group>
-                <f7-actions-button @click="filterAccounts">{{ tt('Filter Accounts') }}</f7-actions-button>
-                <f7-actions-button @click="filterCategories">{{ tt('Filter Transaction Categories') }}</f7-actions-button>
-                <f7-actions-button @click="filterTags">{{ tt('Filter Transaction Tags') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': reloading }" @click="filterAccounts">{{ tt('Filter Accounts') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': reloading }" @click="filterCategories" v-if="canUseCategoryFilter">{{ tt('Filter Transaction Categories') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': reloading }" @click="filterTags" v-if="canUseTagFilter">{{ tt('Filter Transaction Tags') }}</f7-actions-button>
             </f7-actions-group>
-            <f7-actions-group>
+            <f7-actions-group v-if="canUseKeywordFilter">
                 <f7-actions-label v-if="query.keyword">{{ query.keyword }}</f7-actions-label>
-                <f7-actions-button @click="filterDescription">{{ tt('Filter transaction description') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': reloading }" @click="filterDescription">{{ tt('Filter transaction description') }}</f7-actions-button>
             </f7-actions-group>
             <f7-actions-group>
                 <f7-actions-button @click="settings">{{ tt('Settings') }}</f7-actions-button>
@@ -398,6 +398,9 @@ const {
     queryTrendDateAggregationTypeName,
     isQueryDateRangeChanged,
     canShiftDateRange,
+    canUseCategoryFilter,
+    canUseTagFilter,
+    canUseKeywordFilter,
     showAmountInChart,
     totalAmountName,
     translateNameInTrendsChart,