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

feat: balance sheet report.

Browse Source 
feat: trial balance sheet.
feat: general ledger report.
feat: journal report.
feat: profit/loss report.
This commit is contained in:
a.bouhuolia
2020-12-30 20:39:17 +02:00
parent de9f6d9521
commit 7ae73ed6cd
62 changed files with 2403 additions and 1850 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/style/App.scss
View File

@@ -117,6 +117,9 @@ $button-background-color-hover: #CFDCEE !default;
body.authentication {
background-color: #fcfdff;
}
body.hide-scrollbar .Pane2{
overflow: hidden;
}
.bp3-toast {
box-shadow: none;

6
client/src/style/components/data-table.scss
View File

@@ -296,6 +296,12 @@
.tbody{
.tr .td{
border-bottom: 0;
}
.tr:not(:first-child) .td{
border-top: 1px dotted #CCC;
}
.tr:last-child .td{
border-bottom: 1px dotted #CCC;
}
}

241
client/src/style/pages/financial-statements.scss
View File

@@ -6,32 +6,7 @@
.financial-statement{
&__header{
padding: 25px 26px 25px;
background: #FDFDFD;
&.is-hidden{
display: none;
}
.bp3-form-group,
.radio-group---accounting-basis{
.bp3-label{
font-weight: 500;
font-size: 13px;
color: #444;
}
}
.bp3-button.button--submit-filter{
min-height: 34px;
padding-left: 16px;
padding-right: 16px;
}
.radio-group---accounting-basis{
.bp3-label{
margin-bottom: 12px;
}
}
}
&__body{
@@ -41,25 +16,146 @@
justify-content: center;
align-items: center;
}
}
&__header.is-hidden + .financial-statement__body{
.financial-sheet{
margin-top: 40px;
.financial-header-drawer{
padding: 25px 26px 25px;
position: absolute;
top: 101px;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
&.is-hidden{
visibility: hidden;
}
.row{
.col{
max-width: 400px;
min-width: 250px;
}
}
.bp3-drawer{
box-shadow: 0 0 0 transparent;
max-height: 550px;
height: 100%;
padding-bottom: 49px;
> form{
display: flex;
flex-direction: column;
flex: 1 0 0;
height: 100%;
}
.bp3-drawer-backdrop{
background-color: rgba(2, 9, 19, 0.65);
}
}
.bp3-form-group{
margin-bottom: 22px;
label.bp3-label{
margin-bottom: 6px;
}
}
.bp3-button.button--submit-filter{
min-height: 34px;
padding-left: 16px;
padding-right: 16px;
}
.radio-group---accounting-basis{
.bp3-label{
margin-bottom: 12px;
}
}
.bp3-tabs{
height: 100%;
&.bp3-vertical > .bp3-tab-panel{
flex: 1 0 0;
border-top: 24px solid transparent;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
overflow: auto;
}
}
.bp3-tabs.bp3-vertical{
flex: 1 0 0;
.bp3-tab-list{
width: 220px;
border-right: 1px solid #c3cdd5;
padding-top: 10px;
> *:not(:last-child){
margin-right: 0;
}
.bp3-tab-indicator-wrapper{
width: 100%;
.bp3-tab-indicator{
border-left: 3px solid #0350f8;
background-color: #edf5ff;
border-radius: 0;
}
}
.bp3-tab{
color: #333;
line-height: 45px;
border-radius: 0;
padding-left: 14px;
padding-right: 14px;
font-weight: 500;
}
}
}
.bp3-tab-panel{
}
&__footer{
background-color: #ecf0f3;
border-top: 1px solid #c3cdd5;
padding: 8px;
padding-left: 230px;
position: absolute;
bottom: 0;
width: 100%;
}
.row{
margin-left: -0.85rem;
margin-right: -0.85rem;
.col{
padding-left: 0.85rem;
padding-right: 0.85rem;
}
}
}
.financial-sheet{
border: 2px solid #F1F1F1;
border: 2px solid #EBEBEB;
border-radius: 10px;
min-width: 640px;
width: auto;
padding: 30px 18px;
max-width: 100%;
margin: 15px auto 35px;
margin: 35px auto;
min-height: 400px;
display: flex;
flex-direction: column;
background: #fff;
&__title{
margin: 0;
@@ -103,7 +199,6 @@
}
}
}
&__inner{
&.is-loading{
display: none;
@@ -113,8 +208,8 @@
color: #888;
text-align: center;
margin-top: auto;
padding-top: 16px;
font-size: 12px;
padding-top: 18px;
font-size: 13px;
}
.dashboard__loading-indicator{
margin: auto;
@@ -137,13 +232,19 @@
}
&--general-ledger{
.financial-sheet__table{
.tbody{
.tbody{
.tr.row-type{
&--opening_balance,
&--closing_balance{
.td{
background-color: #fbfbfb;
border-top: 1px solid #333;
}
.name,
.amount,
.balance{
font-weight: 500;
}
}
@@ -185,18 +286,36 @@
&--profit-loss-sheet{
.financial-sheet__table{
.thead,
.tbody{
.total.td {
border-bottom-color: #000;
.tr .td:not(:first-child),
.tr .th:not(:first-child) {
justify-content: flex-end;
}
}
.tbody{
.tr .td:not(:first-child) {
border-top-color: #000;
}
.tr.row_type--total{
font-weight: 500;
}
.tr.row_type--section_total .td{
border-top: 1px solid #BBB
}
.tr.row_type--section_total + .tr .td{
border-top: 1px solid #666;
}
.tr.row_type--section_total:last-child .td{
border-bottom: 1px solid #666;
}
.row--income_total,
.row--expense_total,
.row--net_income{
font-weight: 600;
.total.td{
border-bottom-color: #555;
.tr.is-expanded{
.td.total,
.td.total-period{
> span{
display: none;
}
}
}
}
@@ -205,13 +324,28 @@
&--balance-sheet{
.financial-sheet__table{
.thead,
.tbody{
.total.td{
border-bottom-color: #000;
.tr .td.account_name ~ .td,
.tr .th.account_name ~ .th{
justify-content: flex-end;
}
}
.tbody{
.tr .total.td{
border-top-color: #000;
}
.tr.row_type--total_row .td{
border-top: 1px solid #BBB;
}
.tr.row_type--total_assets + .tr .td{
border-top: 1px solid #666;
}
.tr.row_type--total_row{
.total.td,
.account_name.td{
.account_name.td,
.total-period.td{
font-weight: 600;
color: #333;
}
@@ -267,6 +401,7 @@
&.is-full-width{
width: 100%;
margin-top: 25px;
}
}
@@ -309,4 +444,14 @@
margin-bottom: 0;
}
}
}
.financial-statement--journal{
.financial-header-drawer{
.bp3-drawer{
max-height: 350px;
}
}
}