add transaction tag filter to frontend

src/lib/common.js

@@ -425,6 +425,48 @@ export function categorizedArrayToPlainArray(object) {
     return ret;
 }
 
+export function selectAll(filterItemIds, allItemsMap) {
+    for (let itemId in filterItemIds) {
+        if (!Object.prototype.hasOwnProperty.call(filterItemIds, itemId)) {
+            continue;
+        }
+
+        const item = allItemsMap[itemId];
+
+        if (item) {
+            filterItemIds[item.id] = false;
+        }
+    }
+}
+
+export function selectNone(filterItemIds, allItemsMap) {
+    for (let itemId in filterItemIds) {
+        if (!Object.prototype.hasOwnProperty.call(filterItemIds, itemId)) {
+            continue;
+        }
+
+        const item = allItemsMap[itemId];
+
+        if (item) {
+            filterItemIds[item.id] = true;
+        }
+    }
+}
+
+export function selectInvert(filterItemIds, allItemsMap) {
+    for (let itemId in filterItemIds) {
+        if (!Object.prototype.hasOwnProperty.call(filterItemIds, itemId)) {
+            continue;
+        }
+
+        const item = allItemsMap[itemId];
+
+        if (item) {
+            filterItemIds[item.id] = !filterItemIds[item.id];
+        }
+    }
+}
+
 export function isPrimaryItemHasSecondaryValue(primaryItem, primarySubItemsField, secondaryValueField, secondaryValue) {
     for (let i = 0; i < primaryItem[primarySubItemsField].length; i++) {
         const secondaryItem = primaryItem[primarySubItemsField][i];

src/lib/services.js

@@ -282,15 +282,15 @@ export default {
             id
         });
     },
-    getTransactions: ({ maxTime, minTime, count, page, withCount, type, categoryIds, accountIds, amountFilter, keyword }) => {
+    getTransactions: ({ maxTime, minTime, count, page, withCount, type, categoryIds, accountIds, tagIds, amountFilter, keyword }) => {
         amountFilter = encodeURIComponent(amountFilter);
         keyword = encodeURIComponent(keyword);
-        return axios.get(`v1/transactions/list.json?max_time=${maxTime}&min_time=${minTime}&type=${type}&category_ids=${categoryIds}&account_ids=${accountIds}&amount_filter=${amountFilter}&keyword=${keyword}&count=${count}&page=${page}&with_count=${withCount}&trim_account=true&trim_category=true&trim_tag=true`);
+        return axios.get(`v1/transactions/list.json?max_time=${maxTime}&min_time=${minTime}&type=${type}&category_ids=${categoryIds}&account_ids=${accountIds}&tag_ids=${tagIds}&amount_filter=${amountFilter}&keyword=${keyword}&count=${count}&page=${page}&with_count=${withCount}&trim_account=true&trim_category=true&trim_tag=true`);
     },
-    getAllTransactionsByMonth: ({ year, month, type, categoryIds, accountIds, amountFilter, keyword }) => {
+    getAllTransactionsByMonth: ({ year, month, type, categoryIds, accountIds, tagIds, amountFilter, keyword }) => {
         amountFilter = encodeURIComponent(amountFilter);
         keyword = encodeURIComponent(keyword);
-        return axios.get(`v1/transactions/list/by_month.json?year=${year}&month=${month}&type=${type}&category_ids=${categoryIds}&account_ids=${accountIds}&amount_filter=${amountFilter}&keyword=${keyword}&trim_account=true&trim_category=true&trim_tag=true`);
+        return axios.get(`v1/transactions/list/by_month.json?year=${year}&month=${month}&type=${type}&category_ids=${categoryIds}&account_ids=${accountIds}&tag_ids=${tagIds}&amount_filter=${amountFilter}&keyword=${keyword}&trim_account=true&trim_category=true&trim_tag=true`);
     },
     getTransactionStatistics: ({ startTime, endTime, useTransactionTimezone }) => {
         const queryParams = [];

src/lib/transaction.js

@@ -22,7 +22,7 @@ function getDisplayAmount(amount, currency, hideAmount, formatAmountWithCurrency
     return formatAmountWithCurrencyFunc(amount, currency);
 }
 
-export function setTransactionModelByTransaction(transaction, transaction2, allCategories, allCategoriesMap, allVisibleAccounts, allAccountsMap, defaultAccountId, options, setContextData, convertContextTime) {
+export function setTransactionModelByTransaction(transaction, transaction2, allCategories, allCategoriesMap, allVisibleAccounts, allAccountsMap, allTagsMap, defaultAccountId, options, setContextData, convertContextTime) {
     if ((!options.type || options.type === '0') && options.categoryId && options.categoryId !== '0' && allCategoriesMap[options.categoryId]) {
         const category = allCategoriesMap[options.categoryId];
         const type = categoryTypeToTransactionType(category.type);
@@ -105,6 +105,22 @@ export function setTransactionModelByTransaction(transaction, transaction2, allC
         }
     }
 
+    if (allTagsMap && options.tagIds) {
+        const tagIds = options.tagIds.split(',');
+        const finalTagIds = [];
+
+        for (let i = 0; i < tagIds.length; i++) {
+            const tagId = tagIds[i];
+            const tag = allTagsMap[tagId];
+
+            if (tag && !tag.hidden) {
+                finalTagIds.push(tag.id);
+            }
+        }
+
+        transaction.tagIds = finalTagIds;
+    }
+
     if (transaction2) {
         if (setContextData) {
             transaction.id = transaction2.id;