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

feat: balance sheet comparison

Browse Source
This commit is contained in:
elforjani13
2022-01-13 15:25:04 +02:00
parent 76d6cd0eaa
commit 7a0d506395
8 changed files with 331 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/containers/FinancialStatements/BalanceSheet/BalanceSheetTable.js
View File

@@ -9,6 +9,8 @@ import { useBalanceSheetContext } from './BalanceSheetProvider';
import { defaultExpanderReducer, getColumnWidth } from 'utils';
import { useBalanceSheetColumns } from './components';
/**
* Balance sheet table.
*/
@@ -16,90 +18,77 @@ export default function BalanceSheetTable({
// #ownProps
companyName,
}) {
// Balance sheet context.
const {
balanceSheet: { tableRows, columns, query },
isLoading,
} = useBalanceSheetContext();
const tableColumns = useMemo(
() => [
{
Header: intl.get('account_name'),
accessor: (row) => (row.code ? `${row.name} - ${row.code}` : row.name),
className: 'account_name',
textOverview: true,
width: 240,
},
...(query.display_columns_type === 'total'
? [
{
Header: intl.get('total'),
accessor: 'total.formatted_amount',
Cell: CellTextSpan,
className: 'total',
width: 140,
},
]
: []),
...(query.display_columns_type === 'date_periods'
? columns.map((column, index) => ({
id: `date_period_${index}`,
Header: column,
Cell: CellTextSpan,
accessor: `total_periods[${index}].formatted_amount`,
className: classNames('total-period', `total-periods-${index}`),
width: getColumnWidth(
tableRows,
`total_periods.${index}.formatted_amount`,
{ minWidth: 100 },
),
}))
: []),
],
[query, columns, tableRows],
);
const tableColumns = useBalanceSheetColumns();
// const tableColumns = useMemo(
// () => [
// {
// Header: intl.get('account_name'),
// accessor: (row) => (row.code ? `${row.name} - ${row.code}` : row.name),
// className: 'account_name',
// textOverview: true,
// width: 240,
// },
// ...(query.display_columns_type === 'total'
// ? [
// {
// Header: intl.get('total'),
// accessor: 'total.formatted_amount',
// Cell: CellTextSpan,
// className: 'total',
// width: 140,
// },
// ]
// : []),
// ...(query.display_columns_type === 'date_periods'
// ? columns.map((column, index) => ({
// id: `date_period_${index}`,
// Header: column,
// Cell: CellTextSpan,
// accessor: `total_periods[${index}].formatted_amount`,
// className: classNames('total-period', `total-periods-${index}`),
// width: getColumnWidth(
// tableRows,
// `total_periods.${index}.formatted_amount`,
// { minWidth: 100 },
// ),
// }))
// : []),
// ],
// [query, columns, tableRows],
// );
// Calculates the default expanded rows of balance sheet table.
const expandedRows = useMemo(() => defaultExpanderReducer(tableRows, 4), [tableRows]);
const rowClassNames = useCallback((row) => {
const { original } = row;
const rowTypes = Array.isArray(original.row_types)
? original.row_types
: [original.row_types];
return {
...rowTypes.reduce((acc, rowType) => {
acc[`row_type--${rowType}`] = rowType;
return acc;
}, {}),
};
}, []);
// const expandedRows = useMemo(() => {
// return defaultExpanderReducer(tableRows, 4);
// }, [tableRows]);
return (
<FinancialSheet
name="balance-sheet"
companyName={companyName}
sheetType={intl.get('balance_sheet')}
fromDate={query.from_date}
toDate={query.to_date}
basis={query.basis}
loading={isLoading}
// fromDate={query.from_date}
// toDate={query.to_date}
// basis={query.basis}
// loading={isLoading}
>
<DataTable
className="bigcapital-datatable--financial-report"
columns={tableColumns}
data={tableRows}
rowClassNames={rowClassNames}
data={[]}
// rowClassNames={rowClassNames}
noInitialFetch={true}
expandable={true}
expanded={expandedRows}
// expanded={expandedRows}
expandToggleColumn={1}
expandColumnSpace={0.8}
// sticky={true}
/>
</FinancialSheet>
);