mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-19 22:30:31 +00:00
feat: add cusomters & vendors balance summary.
This commit is contained in:
@@ -287,3 +287,80 @@ export function useSalesByItems(query, props) {
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Retrieve customers balance summary report.
|
||||
*/
|
||||
export function useCustomerBalanceSummaryReport(query, props) {
|
||||
return useRequestQuery(
|
||||
[t.FINANCIAL_REPORT, t.CUSTOMERS_BALANCE_SUMMARY, query],
|
||||
{
|
||||
method: 'get',
|
||||
url: '/financial_statements/customer-balance-summary',
|
||||
params: query,
|
||||
},
|
||||
{
|
||||
select: (res) => ({
|
||||
columns: res.data.columns,
|
||||
query: res.data.query,
|
||||
tableRows: res.data.table.rows,
|
||||
}),
|
||||
defaultData: {
|
||||
tableRows: [],
|
||||
query: {},
|
||||
},
|
||||
...props,
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Retrieve vendors balance summary report.
|
||||
*/
|
||||
export function useVendorsBalanceSummaryReport(query, props) {
|
||||
return useRequestQuery(
|
||||
[t.FINANCIAL_REPORT, t.VENDORS_BALANCE_SUMMARY, query],
|
||||
{
|
||||
method: 'get',
|
||||
url: '/financial_statements/vendor-balance-summary',
|
||||
params: query,
|
||||
},
|
||||
{
|
||||
select: (res) => ({
|
||||
columns: res.data.columns,
|
||||
query: res.data.query,
|
||||
tableRows: res.data.table.rows,
|
||||
}),
|
||||
defaultData: {
|
||||
tableRows: [],
|
||||
query: {},
|
||||
},
|
||||
...props,
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Retrieve customers transcations report.
|
||||
*/
|
||||
export function useCustomersTranscationsReport(query, props) {
|
||||
return useRequestQuery(
|
||||
[t.FINANCIAL_REPORT, t.CUSTOMERS_TRANSACTIONS, query],
|
||||
{
|
||||
method: 'get',
|
||||
url: '/financial_statements/transactions-by-customers',
|
||||
params: query,
|
||||
},
|
||||
{
|
||||
select: (res) => ({
|
||||
data: res.data.table,
|
||||
tableRows: res.data.table.rows,
|
||||
}),
|
||||
defaultData: {
|
||||
tableRows: [],
|
||||
data: [],
|
||||
},
|
||||
...props,
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@@ -112,7 +112,8 @@ export default [
|
||||
import('containers/FinancialStatements/GeneralLedger/GeneralLedger'),
|
||||
),
|
||||
breadcrumb: 'General Ledger',
|
||||
hint: "Reports every transaction going in and out of your accounts and organized by accounts and date to monitoring activity of accounts.",
|
||||
hint:
|
||||
'Reports every transaction going in and out of your accounts and organized by accounts and date to monitoring activity of accounts.',
|
||||
hotkey: 'shift+4',
|
||||
pageTitle: formatMessage({ id: 'general_ledger' }),
|
||||
backLink: true,
|
||||
@@ -124,7 +125,8 @@ export default [
|
||||
import('containers/FinancialStatements/BalanceSheet/BalanceSheet'),
|
||||
),
|
||||
breadcrumb: 'Balance Sheet',
|
||||
hint: "Reports a company's assets, liabilities and shareholders' equity at a specific point in time with comparison period(s).",
|
||||
hint:
|
||||
"Reports a company's assets, liabilities and shareholders' equity at a specific point in time with comparison period(s).",
|
||||
hotkey: 'shift+1',
|
||||
pageTitle: formatMessage({ id: 'balance_sheet' }),
|
||||
backLink: true,
|
||||
@@ -138,7 +140,8 @@ export default [
|
||||
),
|
||||
),
|
||||
breadcrumb: 'Trial Balance Sheet',
|
||||
hint: "Summarizes the credit and debit balance of each account in your chart of accounts at a specific point in time. ",
|
||||
hint:
|
||||
'Summarizes the credit and debit balance of each account in your chart of accounts at a specific point in time. ',
|
||||
hotkey: 'shift+5',
|
||||
pageTitle: formatMessage({ id: 'trial_balance_sheet' }),
|
||||
backLink: true,
|
||||
@@ -150,7 +153,8 @@ export default [
|
||||
import('containers/FinancialStatements/ProfitLossSheet/ProfitLossSheet'),
|
||||
),
|
||||
breadcrumb: 'Profit Loss Sheet',
|
||||
hint: "Reports the revenues, costs and expenses incurred during a specific point in time with comparison period(s).",
|
||||
hint:
|
||||
'Reports the revenues, costs and expenses incurred during a specific point in time with comparison period(s).',
|
||||
hotkey: 'shift+2',
|
||||
pageTitle: formatMessage({ id: 'profit_loss_sheet' }),
|
||||
backLink: true,
|
||||
@@ -162,7 +166,8 @@ export default [
|
||||
import('containers/FinancialStatements/ARAgingSummary/ARAgingSummary'),
|
||||
),
|
||||
breadcrumb: 'Receivable Aging Summary',
|
||||
hint: "Summarize total unpaid balances of customers invoices with number of days the unpaid invoice is overdue.",
|
||||
hint:
|
||||
'Summarize total unpaid balances of customers invoices with number of days the unpaid invoice is overdue.',
|
||||
pageTitle: formatMessage({ id: 'receivable_aging_summary' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
@@ -173,7 +178,8 @@ export default [
|
||||
import('containers/FinancialStatements/APAgingSummary/APAgingSummary'),
|
||||
),
|
||||
breadcrumb: 'Payable Aging Summary',
|
||||
hint: "Summarize total unpaid balances of vendors purchase invoices with the number of days the unpaid invoice is overdue.",
|
||||
hint:
|
||||
'Summarize total unpaid balances of vendors purchase invoices with the number of days the unpaid invoice is overdue.',
|
||||
pageTitle: formatMessage({ id: 'payable_aging_summary' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
@@ -184,7 +190,8 @@ export default [
|
||||
import('containers/FinancialStatements/Journal/Journal'),
|
||||
),
|
||||
breadcrumb: 'Journal Sheet',
|
||||
hint: "The debit and credit entries of system transactions, sorted by date.",
|
||||
hint:
|
||||
'The debit and credit entries of system transactions, sorted by date.',
|
||||
hotkey: 'shift+3',
|
||||
pageTitle: formatMessage({ id: 'journal_sheet' }),
|
||||
sidebarExpand: false,
|
||||
@@ -210,7 +217,8 @@ export default [
|
||||
),
|
||||
breadcrumb: 'Sales by Items',
|
||||
pageTitle: formatMessage({ id: 'sales_by_items' }),
|
||||
hint: 'Summarize the business’s sold items quantity, income and average income rate of each item during a specific point in time.',
|
||||
hint:
|
||||
'Summarize the business’s sold items quantity, income and average income rate of each item during a specific point in time.',
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
},
|
||||
@@ -222,11 +230,64 @@ export default [
|
||||
),
|
||||
),
|
||||
breadcrumb: 'Inventory Valuation ',
|
||||
hint: 'Summerize your transactions for each inventory item and how they affect quantity, valuation and weighted average.',
|
||||
hint:
|
||||
'Summerize your transactions for each inventory item and how they affect quantity, valuation and weighted average.',
|
||||
pageTitle: formatMessage({ id: 'inventory_valuation' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
},
|
||||
{
|
||||
path: `/financial-reports/customers-balance-summary`,
|
||||
component: lazy(() =>
|
||||
import(
|
||||
'containers/FinancialStatements/CustomersBalanceSummary/CustomersBalanceSummary'
|
||||
),
|
||||
),
|
||||
breadcrumb: 'Customers Balance Summary ',
|
||||
hint: '..',
|
||||
pageTitle: formatMessage({ id: 'customers_balance_summary' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
},
|
||||
{
|
||||
path: `/financial-reports/vendors-balance-summary`,
|
||||
component: lazy(() =>
|
||||
import(
|
||||
'containers/FinancialStatements/VendorsBalanceSummary/VendorsBalanceSummary'
|
||||
),
|
||||
),
|
||||
breadcrumb: 'Vendors Balance Summary ',
|
||||
hint: '..',
|
||||
pageTitle: formatMessage({ id: 'vendors_balance_summary' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
},
|
||||
{
|
||||
path: `/financial-reports/transactions-by-customers`,
|
||||
// component: lazy(() =>
|
||||
// import(
|
||||
// 'containers/FinancialStatements/CustomersTransactions/CustomersTransactions'
|
||||
// ),
|
||||
// ),
|
||||
breadcrumb: 'Customers Transactions ',
|
||||
hint: '..',
|
||||
pageTitle: formatMessage({ id: 'customers_transactions' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
},
|
||||
{
|
||||
path: `/financial-reports/vendors-transactions`,
|
||||
// component: lazy(() =>
|
||||
// import(
|
||||
// 'containers/FinancialStatements/'
|
||||
// ),
|
||||
// ),
|
||||
breadcrumb: 'Vendors Transactions ',
|
||||
hint: '..',
|
||||
pageTitle: formatMessage({ id: 'vendors_transactions' }),
|
||||
backLink: true,
|
||||
sidebarExpand: false,
|
||||
},
|
||||
{
|
||||
path: '/financial-reports',
|
||||
component: lazy(() =>
|
||||
|
||||
@@ -128,3 +128,54 @@ export function toggleInventoryValuationFilterDrawer(toggle) {
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Toggles display of the customers balance summary filter drawer.
|
||||
* @param {boolean} toggle
|
||||
*/
|
||||
export function toggleCustomersBalanceSummaryFilterDrawer(toggle) {
|
||||
return {
|
||||
type: `${t.CUSTOMERS_BALANCE_SUMMARY}/${t.DISPLAY_FILTER_DRAWER_TOGGLE}`,
|
||||
payload: {
|
||||
toggle,
|
||||
},
|
||||
};
|
||||
}
|
||||
/**
|
||||
* Toggles display of the vendors balance summary filter drawer.
|
||||
* @param {boolean} toggle
|
||||
*/
|
||||
export function toggleVendorsBalanceSummaryFilterDrawer(toggle) {
|
||||
return {
|
||||
type: `${t.VENDORS_BALANCE_SUMMARY}/${t.DISPLAY_FILTER_DRAWER_TOGGLE}`,
|
||||
payload: {
|
||||
toggle,
|
||||
},
|
||||
};
|
||||
}
|
||||
/**
|
||||
* Toggles display of the customers transactions filter drawer.
|
||||
* @param {boolean} toggle
|
||||
*/
|
||||
export function toggleCustomersTransactionsFilterDrawer(toggle) {
|
||||
return {
|
||||
type: `${t.CUSTOMERS_TRANSACTIONS}/${t.DISPLAY_FILTER_DRAWER_TOGGLE}`,
|
||||
payload: {
|
||||
toggle,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
// /**
|
||||
// * Toggles display of the vendors transactions filter drawer.
|
||||
// * @param {boolean} toggle
|
||||
// */
|
||||
// export function toggleVendorsTransactionsFilterDrawer(toggle) {
|
||||
// return {
|
||||
// type: `${t.VENDORS_TRANSACTIONS}/${t.DISPLAY_FILTER_DRAWER_TOGGLE}`,
|
||||
// payload: {
|
||||
// toggle,
|
||||
// },
|
||||
// };
|
||||
// }
|
||||
@@ -33,6 +33,18 @@ const initialState = {
|
||||
inventoryValuation: {
|
||||
displayFilterDrawer: false,
|
||||
},
|
||||
customersBalanceSummary: {
|
||||
displayFilterDrawer: false,
|
||||
},
|
||||
vendorsBalanceSummary: {
|
||||
displayFilterDrawer: false,
|
||||
},
|
||||
customersTransactions: {
|
||||
displayFilterDrawer: false,
|
||||
},
|
||||
vendorsTransactions: {
|
||||
displayFilterDrawer: false,
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
@@ -63,4 +75,20 @@ export default createReducer(initialState, {
|
||||
t.INVENTORY_VALUATION,
|
||||
'inventoryValuation',
|
||||
),
|
||||
...financialStatementFilterToggle(
|
||||
t.CUSTOMERS_BALANCE_SUMMARY,
|
||||
'customersBalanceSummary',
|
||||
),
|
||||
...financialStatementFilterToggle(
|
||||
t.VENDORS_BALANCE_SUMMARY,
|
||||
'vendorsBalanceSummary',
|
||||
),
|
||||
...financialStatementFilterToggle(
|
||||
t.CUSTOMERS_TRANSACTIONS,
|
||||
'customersTransactions',
|
||||
),
|
||||
...financialStatementFilterToggle(
|
||||
t.VENDORS_TRANSACTIONS,
|
||||
'vendorsTransactions',
|
||||
),
|
||||
});
|
||||
|
||||
@@ -49,6 +49,22 @@ export const inventoryValuationFilterDrawerSelector = (state) => {
|
||||
return filterDrawerByTypeSelector('inventoryValuation')(state);
|
||||
};
|
||||
|
||||
export const customerBalanceSummaryFilterDrawerSelector = (state) => {
|
||||
return filterDrawerByTypeSelector('customersBalanceSummary')(state);
|
||||
};
|
||||
|
||||
export const vendorsBalanceSummaryFilterDrawerSelector = (state) => {
|
||||
return filterDrawerByTypeSelector('vendorsBalanceSummary')(state);
|
||||
};
|
||||
|
||||
export const customersTransactionsFilterDrawerSelector = (state) => {
|
||||
return filterDrawerByTypeSelector('customersTransactions')(state);
|
||||
};
|
||||
|
||||
export const vendorsTransactionsFilterDrawerSelector = (state) => {
|
||||
return filterDrawerByTypeSelector('vendorsTransactions')(state);
|
||||
};
|
||||
|
||||
/**
|
||||
* Retrieve balance sheet filter drawer.
|
||||
*/
|
||||
@@ -156,3 +172,42 @@ export const getInventoryValuationFilterDrawer = createSelector(
|
||||
return isOpen;
|
||||
},
|
||||
);
|
||||
|
||||
/**
|
||||
* Retrieve customers balance summary filter drawer.
|
||||
*/
|
||||
export const getCustomersBalanceSummaryFilterDrawer = createSelector(
|
||||
customerBalanceSummaryFilterDrawerSelector,
|
||||
(isOpen) => {
|
||||
return isOpen;
|
||||
},
|
||||
);
|
||||
/**
|
||||
* Retrieve vendors balance summary filter drawer.
|
||||
*/
|
||||
export const getVendorsBalanceSummaryFilterDrawer = createSelector(
|
||||
vendorsBalanceSummaryFilterDrawerSelector,
|
||||
(isOpen) => {
|
||||
return isOpen;
|
||||
},
|
||||
);
|
||||
|
||||
/**
|
||||
* Retrieve customers transactions filter drawer.
|
||||
*/
|
||||
export const getCustomersTransactionsFilterDrawer = createSelector(
|
||||
customersTransactionsFilterDrawerSelector,
|
||||
(isOpen) => {
|
||||
return isOpen;
|
||||
},
|
||||
);
|
||||
|
||||
/**
|
||||
* Retrieve vendors transactions filter drawer.
|
||||
*/
|
||||
export const getVendorsTransactionsFilterDrawer = createSelector(
|
||||
vendorsTransactionsFilterDrawerSelector,
|
||||
(isOpen) => {
|
||||
return isOpen;
|
||||
},
|
||||
);
|
||||
|
||||
@@ -10,4 +10,8 @@ export default {
|
||||
PURCHASES_BY_ITEMS: 'PURCHASES_BY_ITEMS',
|
||||
SALES_BY_ITEMS: 'SALES_BY_ITEMS',
|
||||
INVENTORY_VALUATION: 'INVENTORY_VALUATION',
|
||||
CUSTOMERS_BALANCE_SUMMARY: 'CUSTOMERS BALANCE SUMMARY',
|
||||
VENDORS_BALANCE_SUMMARY: 'VENDORS BALANCE SUMMARY',
|
||||
CUSTOMERS_TRANSACTIONS: 'CUSTOMERS TRANSACTIONS',
|
||||
// VENDORS_TRANSACTIONS: 'CUSTOMERS TRANSACTIONS',
|
||||
};
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
.financial-sheet {
|
||||
&--customers-balance-summary,
|
||||
&--vendors-balance-summary {
|
||||
.financial-sheet__table {
|
||||
.thead,
|
||||
.tbody {
|
||||
.tr .td.customer_name ~ .td,
|
||||
.tr .th.customer_name ~ .th {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.tbody {
|
||||
.tr:not(.no-results) {
|
||||
.td {
|
||||
border-bottom: 0;
|
||||
padding-top: 0.4rem;
|
||||
padding-bottom: 0.4rem;
|
||||
}
|
||||
&.row-type--TOTAL {
|
||||
font-weight: 500;
|
||||
|
||||
.td {
|
||||
border-top: 1px solid #bbb;
|
||||
border-bottom: 3px double #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user