QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 13:50:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: accounts list as tree structure.

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2020-11-24 11:24:11 +02:00
parent 7ec3c0f9d7
commit 4cdaacfa61
4 changed files with 112 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/store/accounts/accounts.selectors.js
View File

@@ -1,12 +1,13 @@
import { createSelector } from 'reselect';
import { repeat } from 'lodash';
import { pickItemsFromIds, getItemById } from 'store/selectors';
import { flatToNestedArray } from 'utils';
import { flatToNestedArray, treeToList } from 'utils';
const accountsViewsSelector = (state) => state.accounts.views;
const accountsDataSelector = (state) => state.accounts.items;
const accountsCurrentViewSelector = (state) => state.accounts.currentViewId;
const accountIdPropSelector = (state, props) => props.accountId;
const accountsListSelector = (state) => state.accounts.list;
const accountsListSelector = (state) => state.accounts.listTree;
export const getAccountsItems = createSelector(
accountsViewsSelector,
@@ -30,8 +31,23 @@ export const getAccountsListFactory = () =>
createSelector(
accountsListSelector,
accountsDataSelector,
(accounts, accountsItems) => {
return pickItemsFromIds(accountsItems, accounts);
(accountsTree, accountsItems) => {
return treeToList(accountsTree, {
idFieldKey: 'id',
childrenFieldKey: 'children',
nodeMapper: (node, depth) => {
const account = accountsItems[node.id];
const spaceChar = String.fromCharCode(160);
return {
...account,
htmlName: (depth > 1)
? (`${repeat(spaceChar, (depth - 1) * 2)}${account.name}`) :
account.name,
depth,
};
}
});
},
);