only show categories with specified type in category filter dialog / page

src/views/desktop/common/cards/CategoryFilterSettingsCard.vue

@@ -127,7 +127,7 @@ import { useTransactionsStore } from '@/stores/transaction.js';
 import { useStatisticsStore } from '@/stores/statistics.js';
 
 import categoryConstants from '@/consts/category.js';
-import { copyObjectTo } from '@/lib/common.js';
+import { copyObjectTo, arrayItemToObjectField } from '@/lib/common.js';
 import {
     allVisibleTransactionCategories,
     hasAnyAvailableCategory,
@@ -151,6 +151,7 @@ import {
 export default {
     props: [
         'dialogMode',
+        'categoryTypes',
         'type',
         'autoSave'
     ],
@@ -190,8 +191,11 @@ export default {
                 return 'Apply';
             }
         },
+        allowCategoryTypes() {
+            return this.categoryTypes ? arrayItemToObjectField(this.categoryTypes.split(','), true) : null;
+        },
         allVisibleTransactionCategories() {
-            return allVisibleTransactionCategories(this.transactionCategoriesStore.allTransactionCategories);
+            return allVisibleTransactionCategories(this.transactionCategoriesStore.allTransactionCategories, this.allowCategoryTypes);
         },
         hasAnyAvailableCategory() {
             return hasAnyAvailableCategory(this.allVisibleTransactionCategories);
@@ -217,6 +221,10 @@ export default {
 
                 const category = self.transactionCategoriesStore.allTransactionCategoriesMap[categoryId];
 
+                if (self.allowCategoryTypes && !self.allowCategoryTypes[category.type]) {
+                    continue;
+                }
+
                 if (this.type === 'transactionListCurrent' && self.transactionsStore.allFilterCategoryIdsCount > 0) {
                     allCategoryIds[category.id] = true;
                 } else {

src/views/desktop/transactions/ListPage.vue

@@ -413,7 +413,7 @@
     </v-dialog>
 
     <v-dialog width="800" v-model="showFilterCategoryDialog">
-        <category-filter-settings-card type="transactionListCurrent" :dialog-mode="true"
+        <category-filter-settings-card type="transactionListCurrent" :dialog-mode="true" :category-types="allowCategoryTypes"
                                        @settings:change="changeMultipleCategoriesFilter" />
     </v-dialog>
 
@@ -653,6 +653,13 @@ export default {
         queryMonthlyData() {
             return isDateRangeMatchOneMonth(this.query.minTime, this.query.maxTime);
         },
+        allowCategoryTypes() {
+            if (this.allTransactionTypes.Income <= this.query.type && this.query.type <= this.allTransactionTypes.Transfer) {
+                return transactionTypeToCategoryType(this.query.type).toString();
+            }
+
+            return '';
+        },
         countPerPage: {
             get: function () {
                 if (this.temporaryCountPerPage) {