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

src/lib/category.js

@@ -62,8 +62,12 @@ export function getTransactionSecondaryCategoryName(categoryId, allCategories) {
     return '';
 }
 
-export function allVisibleTransactionCategories(allTransactionCategories) {
+export function allVisibleTransactionCategories(allTransactionCategories, allowCategoryTypes) {
     const ret = {};
+    const hasAllowCategoryTypes = allowCategoryTypes
+        && (allowCategoryTypes[categoryConstants.allCategoryTypes.Income.toString()]
+            || allowCategoryTypes[categoryConstants.allCategoryTypes.Expense.toString()]
+            || allowCategoryTypes[categoryConstants.allCategoryTypes.Transfer.toString()]);
 
     for (let key in categoryConstants.allCategoryTypes) {
         if (!Object.prototype.hasOwnProperty.call(categoryConstants.allCategoryTypes, key)) {
@@ -76,6 +80,10 @@ export function allVisibleTransactionCategories(allTransactionCategories) {
             continue;
         }
 
+        if (hasAllowCategoryTypes && !allowCategoryTypes[categoryType]) {
+            continue;
+        }
+
         const allCategories = allTransactionCategories[categoryType];
         const visibleCategories = [];
         const allVisibleSubCategories = {};

src/lib/common.js

@@ -373,6 +373,16 @@ export function objectToArray(object) {
     return ret;
 }
 
+export function arrayItemToObjectField(array, value) {
+    const ret = {};
+
+    for (let i = 0; i < array.length; i++) {
+        ret[array[i]] = value;
+    }
+
+    return ret;
+}
+
 export function categorizedArrayToPlainArray(object) {
     const ret = [];
 

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) {

src/views/mobile/settings/CategoryFilterSettingsPage.vue

@@ -130,7 +130,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,
@@ -156,6 +156,7 @@ export default {
             loading: true,
             loadingError: null,
             type: null,
+            allowCategoryTypes: null,
             filterCategoryIds: {},
             collapseStates: self.getCollapseStates(),
             showMoreActionSheet: false
@@ -178,7 +179,7 @@ export default {
             }
         },
         allVisibleTransactionCategories() {
-            return allVisibleTransactionCategories(this.transactionCategoriesStore.allTransactionCategories);
+            return allVisibleTransactionCategories(this.transactionCategoriesStore.allTransactionCategories, this.allowCategoryTypes);
         },
         hasAnyAvailableCategory() {
             return hasAnyAvailableCategory(this.allVisibleTransactionCategories);
@@ -192,6 +193,7 @@ export default {
         const query = self.f7route.query;
 
         self.type = query.type;
+        self.allowCategoryTypes = query.allowCategoryTypes ? arrayItemToObjectField(query.allowCategoryTypes.split(','), true) : null;
 
         self.transactionCategoriesStore.loadAllCategories({
             force: false
@@ -207,6 +209,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/mobile/transactions/ListPage.vue

@@ -906,7 +906,13 @@ export default {
             }
         },
         filterMultipleCategories() {
-            this.f7router.navigate('/settings/filter/category?type=transactionListCurrent');
+            let navigateUrl = '/settings/filter/category?type=transactionListCurrent';
+
+            if (this.allTransactionTypes.Income <= this.query.type && this.query.type <= this.allTransactionTypes.Transfer) {
+               navigateUrl += '&allowCategoryTypes=' + transactionTypeToCategoryType(this.query.type);
+            }
+
+            this.f7router.navigate(navigateUrl);
         },
         filterMultipleAccounts() {
             this.f7router.navigate('/settings/filter/account?type=transactionListCurrent');