From a00a67f3d15f64de4860f72d5da49612c914fcf4 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Thu, 25 Jul 2024 00:17:39 +0800
Subject: [PATCH] set select button disabled when there are no visible items

---
 .../desktop/common/cards/AccountFilterSettingsCard.vue      | 6 ++++++
 .../common/cards/TransactionTagFilterSettingsCard.vue       | 6 ++++++
 src/views/mobile/settings/AccountFilterSettingsPage.vue     | 6 +++---
 .../mobile/settings/TransactionTagFilterSettingsPage.vue    | 6 +++---
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/desktop/common/cards/AccountFilterSettingsCard.vue b/src/views/desktop/common/cards/AccountFilterSettingsCard.vue
index eae0f06a..66953c7d 100644
--- a/src/views/desktop/common/cards/AccountFilterSettingsCard.vue
+++ b/src/views/desktop/common/cards/AccountFilterSettingsCard.vue
@@ -12,12 +12,15 @@
                         <v-list>
                             <v-list-item :prepend-icon="icons.selectAll"
                                          :title="$t('Select All')"
+                                         :disabled="!hasAnyVisibleAccount"
                                          @click="selectAll"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectNone"
                                          :title="$t('Select None')"
+                                         :disabled="!hasAnyVisibleAccount"
                                          @click="selectNone"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectInverse"
                                          :title="$t('Invert Selection')"
+                                         :disabled="!hasAnyVisibleAccount"
                                          @click="selectInvert"></v-list-item>
                             <v-divider class="my-2"/>
                             <v-list-item :prepend-icon="icons.show"
@@ -40,12 +43,15 @@
                         <v-list>
                             <v-list-item :prepend-icon="icons.selectAll"
                                          :title="$t('Select All')"
+                                         :disabled="!hasAnyVisibleAccount"
                                          @click="selectAll"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectNone"
                                          :title="$t('Select None')"
+                                         :disabled="!hasAnyVisibleAccount"
                                          @click="selectNone"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectInverse"
                                          :title="$t('Invert Selection')"
+                                         :disabled="!hasAnyVisibleAccount"
                                          @click="selectInvert"></v-list-item>
                             <v-divider class="my-2"/>
                             <v-list-item :prepend-icon="icons.show"
diff --git a/src/views/desktop/common/cards/TransactionTagFilterSettingsCard.vue b/src/views/desktop/common/cards/TransactionTagFilterSettingsCard.vue
index 818e289f..255139ec 100644
--- a/src/views/desktop/common/cards/TransactionTagFilterSettingsCard.vue
+++ b/src/views/desktop/common/cards/TransactionTagFilterSettingsCard.vue
@@ -12,12 +12,15 @@
                         <v-list>
                             <v-list-item :prepend-icon="icons.selectAll"
                                          :title="$t('Select All')"
+                                         :disabled="!hasAnyVisibleTag"
                                          @click="selectAll"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectNone"
                                          :title="$t('Select None')"
+                                         :disabled="!hasAnyVisibleTag"
                                          @click="selectNone"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectInverse"
                                          :title="$t('Invert Selection')"
+                                         :disabled="!hasAnyVisibleTag"
                                          @click="selectInvert"></v-list-item>
                             <v-divider class="my-2"/>
                             <v-list-item :prepend-icon="icons.show"
@@ -40,12 +43,15 @@
                         <v-list>
                             <v-list-item :prepend-icon="icons.selectAll"
                                          :title="$t('Select All')"
+                                         :disabled="!hasAnyVisibleTag"
                                          @click="selectAll"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectNone"
                                          :title="$t('Select None')"
+                                         :disabled="!hasAnyVisibleTag"
                                          @click="selectNone"></v-list-item>
                             <v-list-item :prepend-icon="icons.selectInverse"
                                          :title="$t('Invert Selection')"
+                                         :disabled="!hasAnyVisibleTag"
                                          @click="selectInvert"></v-list-item>
                             <v-divider class="my-2"/>
                             <v-list-item :prepend-icon="icons.show"
diff --git a/src/views/mobile/settings/AccountFilterSettingsPage.vue b/src/views/mobile/settings/AccountFilterSettingsPage.vue
index 829ec15d..506dc0e1 100644
--- a/src/views/mobile/settings/AccountFilterSettingsPage.vue
+++ b/src/views/mobile/settings/AccountFilterSettingsPage.vue
@@ -114,9 +114,9 @@
 
         <f7-actions close-by-outside-click close-on-escape :opened="showMoreActionSheet" @actions:closed="showMoreActionSheet = false">
             <f7-actions-group>
-                <f7-actions-button @click="selectAll">{{ $t('Select All') }}</f7-actions-button>
-                <f7-actions-button @click="selectNone">{{ $t('Select None') }}</f7-actions-button>
-                <f7-actions-button @click="selectInvert">{{ $t('Invert Selection') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': !hasAnyVisibleAccount }" @click="selectAll">{{ $t('Select All') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': !hasAnyVisibleAccount }" @click="selectNone">{{ $t('Select None') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': !hasAnyVisibleAccount }" @click="selectInvert">{{ $t('Invert Selection') }}</f7-actions-button>
             </f7-actions-group>
             <f7-actions-group>
                 <f7-actions-button v-if="!showHidden" @click="showHidden = true">{{ $t('Show Hidden Accounts') }}</f7-actions-button>
diff --git a/src/views/mobile/settings/TransactionTagFilterSettingsPage.vue b/src/views/mobile/settings/TransactionTagFilterSettingsPage.vue
index 08d1ecef..0d845605 100644
--- a/src/views/mobile/settings/TransactionTagFilterSettingsPage.vue
+++ b/src/views/mobile/settings/TransactionTagFilterSettingsPage.vue
@@ -84,9 +84,9 @@
 
         <f7-actions close-by-outside-click close-on-escape :opened="showMoreActionSheet" @actions:closed="showMoreActionSheet = false">
             <f7-actions-group>
-                <f7-actions-button @click="selectAll">{{ $t('Select All') }}</f7-actions-button>
-                <f7-actions-button @click="selectNone">{{ $t('Select None') }}</f7-actions-button>
-                <f7-actions-button @click="selectInvert">{{ $t('Invert Selection') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': !hasAnyVisibleTag }" @click="selectAll">{{ $t('Select All') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': !hasAnyVisibleTag }" @click="selectNone">{{ $t('Select None') }}</f7-actions-button>
+                <f7-actions-button :class="{ 'disabled': !hasAnyVisibleTag }" @click="selectInvert">{{ $t('Invert Selection') }}</f7-actions-button>
             </f7-actions-group>
             <f7-actions-group>
                 <f7-actions-button v-if="!showHidden" @click="showHidden = true">{{ $t('Show Hidden Transaction Tags') }}</f7-actions-button>