From 354d1e8f75b96d63c2a65d19faafb08199dd58e4 Mon Sep 17 00:00:00 2001 From: elforjani13 <39470382+elforjani13@users.noreply.github.com> Date: Mon, 24 Jan 2022 13:55:44 +0200 Subject: [PATCH] feat(P&L Comparisons): add P&L comparisons. --- .../ProfitLossSheet/ProfitLossSheetHeader.js | 6 + .../ProfitLossSheetHeaderComparisonPanel.js | 170 ++++++++++++++++++ src/lang/en/index.json | 11 +- 3 files changed, 186 insertions(+), 1 deletion(-) create mode 100644 src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeaderComparisonPanel.js diff --git a/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeader.js b/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeader.js index 5e6ef56e1..6f33077e2 100644 --- a/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeader.js +++ b/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeader.js @@ -8,6 +8,7 @@ import { Tabs, Tab, Button, Intent } from '@blueprintjs/core'; import FinancialStatementHeader from 'containers/FinancialStatements/FinancialStatementHeader'; import ProfitLossSheetHeaderGeneralPane from './ProfitLossSheetHeaderGeneralPane'; +import ProfitLossSheetHeaderComparisonPanel from './ProfitLossSheetHeaderComparisonPanel'; import withProfitLoss from './withProfitLoss'; import withProfitLossActions from './withProfitLossActions'; @@ -75,6 +76,11 @@ function ProfitLossHeader({ title={} panel={} /> + } + panel={} + />
diff --git a/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeaderComparisonPanel.js b/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeaderComparisonPanel.js new file mode 100644 index 000000000..98a2f63a1 --- /dev/null +++ b/src/containers/FinancialStatements/ProfitLossSheet/ProfitLossSheetHeaderComparisonPanel.js @@ -0,0 +1,170 @@ +import React from 'react'; +import { FastField, Field } from 'formik'; +import { FormGroup, Checkbox } from '@blueprintjs/core'; +import styled from 'styled-components'; + +import { FormattedMessage as T } from 'components'; + +import { Row, Col, FieldHint } from '../../../components'; + +/** + * ProfitLoss sheet header -comparison panel. + */ +export default function ProfitLossSheetHeaderComparisonPanel() { + return ( + + {/**----------- Previous Year -----------*/} + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + + {/**----------- Previous Period (PP) -----------*/} + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + + {/**----------- % of Column -----------*/} + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + {/**----------- % of Row -----------*/} + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + {/**----------- % of Expense -----------*/} + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + {/**----------- % of Income -----------*/} + + {({ field }) => ( + }> + } + {...field} + /> + + )} + + + ); +} + +const ProfitLossSheetComparisonWrap = styled.div` + .row { + margin-left: 0.15rem; + .col { + min-width: 150px; + max-width: 190px; + } + } + .bp3-form-group { + margin-bottom: 3px; + /* margin-bottom: 0; */ + } +`; diff --git a/src/lang/en/index.json b/src/lang/en/index.json index 71bc2f1f3..9eec37c69 100644 --- a/src/lang/en/index.json +++ b/src/lang/en/index.json @@ -1743,5 +1743,14 @@ "balance_sheet.previous_year": "Previous Year (PY)", "balance_sheet.total_change": "Total Change", "balance_sheet.change": "% Change", - "balance_sheet.previous_period": "Previous Period (PP)" + "balance_sheet.previous_period": "Previous Period (PP)", + "profit_loss_sheet.comparisons":"Comparisons", + "profit_loss_sheet.previous_year":"Previous Year", + "profit_loss_sheet.total_change": "Total Change", + "profit_loss_sheet.perentage_change": "Perentage Change", + "profit_loss_sheet.previous_period":"Previous Period (PP)", + "profit_loss_sheet.percentage_of_column":"% of Column", + "profit_loss_sheet.percentage_of_row":"% of Row", + "profit_loss_sheet.percentage_of_expense":"% of Expense", + "profit_loss_sheet.percentage_of_income":"% of Income" } \ No newline at end of file