Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
Tia-dev
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
Tia-dev
Commits
5b4624ab
Commit
5b4624ab
authored
Dec 09, 2020
by
Riri Novita
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
mtd bsmr
parent
0d7f68e1
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
84 additions
and
157 deletions
+84
-157
BalanceSheetMR.js
src/container/MonthlyReport/BalanceSheetMR.js
+84
-157
No files found.
src/container/MonthlyReport/BalanceSheetMR.js
View file @
5b4624ab
import
{
createMuiTheme
,
FormControlLabel
,
MuiThemeProvider
,
Paper
,
TableCell
,
Tooltip
,
Typography
,
withStyles
}
from
'@material-ui/core'
import
{
createMuiTheme
,
FormControlLabel
,
Input
,
MuiThemeProvider
,
Paper
,
TableCell
,
Tooltip
,
Typography
,
withStyles
}
from
'@material-ui/core'
import
MUIDataTable
from
'mui-datatables'
;
import
MUIDataTable
from
'mui-datatables'
;
import
React
,
{
Component
}
from
'react'
import
React
,
{
Component
}
from
'react'
import
ReactTooltip
from
'react-tooltip'
;
import
ReactTooltip
from
'react-tooltip'
;
...
@@ -152,16 +152,16 @@ export default class BalanceSheetMR extends Component {
...
@@ -152,16 +152,16 @@ export default class BalanceSheetMR extends Component {
item
.
balance_sheet
.
master_budget
===
""
?
"0"
:
item
.
balance_sheet
.
master_budget
,
item
.
balance_sheet
.
master_budget
===
""
?
"0"
:
item
.
balance_sheet
.
master_budget
,
item
.
balance_sheet
.
rolling_budget
===
""
?
"0"
:
item
.
balance_sheet
.
rolling_budget
,
item
.
balance_sheet
.
rolling_budget
===
""
?
"0"
:
item
.
balance_sheet
.
rolling_budget
,
item
.
balance_sheet
.
actual
===
""
?
"0"
:
item
.
balance_sheet
.
actual
,
item
.
balance_sheet
.
actual
===
""
?
"0"
:
item
.
balance_sheet
.
actual
,
item
.
balance_sheet
.
actual_previous_month
===
null
?
"
0"
:
item
.
balance_sheet
.
actual_previous_month
===
""
?
"
0"
:
item
.
balance_sheet
.
actual_previous_month
,
item
.
balance_sheet
.
actual_previous_month
===
null
?
"
5.0"
:
item
.
balance_sheet
.
actual_previous_month
===
""
?
"5.
0"
:
item
.
balance_sheet
.
actual_previous_month
,
item
.
balance_sheet
.
amount_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_previous_month
,
item
.
balance_sheet
.
amount_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_previous_month
,
item
.
balance_sheet
.
percent_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_previous_month
,
item
.
balance_sheet
.
percent_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_previous_month
,
item
.
balance_sheet
.
amount_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_mb
,
item
.
balance_sheet
.
amount_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_mb
,
item
.
balance_sheet
.
percent_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_mb
,
item
.
balance_sheet
.
percent_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_mb
,
item
.
balance_sheet
.
amount_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_rb
,
item
.
balance_sheet
.
amount_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_rb
,
item
.
balance_sheet
.
percent_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_rb
,
item
.
balance_sheet
.
percent_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_rb
,
item
.
balance_sheet
.
mtd_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
mtd_vs_previous_month
,
item
.
balance_sheet
.
mtd_vs_previous_month
===
""
?
null
:
item
.
balance_sheet
.
mtd_vs_previous_month
,
item
.
balance_sheet
.
mtd_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
mtd_vs_mb
,
item
.
balance_sheet
.
mtd_vs_mb
===
""
?
null
:
item
.
balance_sheet
.
mtd_vs_mb
,
item
.
balance_sheet
.
mtd_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
mtd_vs_rb
,
item
.
balance_sheet
.
mtd_vs_rb
===
""
?
null
:
item
.
balance_sheet
.
mtd_vs_rb
,
item
.
balance_sheet
.
actual_formula
,
item
.
balance_sheet
.
actual_formula
,
item
.
order
item
.
order
])
])
...
@@ -186,16 +186,16 @@ export default class BalanceSheetMR extends Component {
...
@@ -186,16 +186,16 @@ export default class BalanceSheetMR extends Component {
item
.
balance_sheet
.
master_budget
===
""
?
"0"
:
item
.
balance_sheet
.
master_budget
,
item
.
balance_sheet
.
master_budget
===
""
?
"0"
:
item
.
balance_sheet
.
master_budget
,
item
.
balance_sheet
.
rolling_budget
===
""
?
"0"
:
item
.
balance_sheet
.
rolling_budget
,
item
.
balance_sheet
.
rolling_budget
===
""
?
"0"
:
item
.
balance_sheet
.
rolling_budget
,
item
.
balance_sheet
.
actual
===
""
?
"0"
:
item
.
balance_sheet
.
actual
,
item
.
balance_sheet
.
actual
===
""
?
"0"
:
item
.
balance_sheet
.
actual
,
item
.
balance_sheet
.
actual_previous_month
===
null
?
"
0"
:
item
.
balance_sheet
.
actual_previous_month
===
""
?
"
0"
:
item
.
balance_sheet
.
actual_previous_month
,
item
.
balance_sheet
.
actual_previous_month
===
null
?
"
5.0"
:
item
.
balance_sheet
.
actual_previous_month
===
""
?
"5.
0"
:
item
.
balance_sheet
.
actual_previous_month
,
item
.
balance_sheet
.
amount_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_previous_month
,
item
.
balance_sheet
.
amount_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_previous_month
,
item
.
balance_sheet
.
percent_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_previous_month
,
item
.
balance_sheet
.
percent_act_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_previous_month
,
item
.
balance_sheet
.
amount_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_mb
,
item
.
balance_sheet
.
amount_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_mb
,
item
.
balance_sheet
.
percent_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_mb
,
item
.
balance_sheet
.
percent_act_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_mb
,
item
.
balance_sheet
.
amount_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_rb
,
item
.
balance_sheet
.
amount_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
amount_act_vs_rb
,
item
.
balance_sheet
.
percent_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_rb
,
item
.
balance_sheet
.
percent_act_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
percent_act_vs_rb
,
item
.
balance_sheet
.
mtd_vs_previous_month
===
""
?
"0"
:
item
.
balance_sheet
.
mtd_vs_previous_month
,
item
.
balance_sheet
.
mtd_vs_previous_month
===
""
?
null
:
item
.
balance_sheet
.
mtd_vs_previous_month
,
item
.
balance_sheet
.
mtd_vs_mb
===
""
?
"0"
:
item
.
balance_sheet
.
mtd_vs_mb
,
item
.
balance_sheet
.
mtd_vs_mb
===
""
?
null
:
item
.
balance_sheet
.
mtd_vs_mb
,
item
.
balance_sheet
.
mtd_vs_rb
===
""
?
"0"
:
item
.
balance_sheet
.
mtd_vs_rb
,
item
.
balance_sheet
.
mtd_vs_rb
===
""
?
null
:
item
.
balance_sheet
.
mtd_vs_rb
,
item
.
balance_sheet
.
actual_formula
,
item
.
balance_sheet
.
actual_formula
,
item
.
order
item
.
order
])
])
...
@@ -207,9 +207,9 @@ export default class BalanceSheetMR extends Component {
...
@@ -207,9 +207,9 @@ export default class BalanceSheetMR extends Component {
}
}
}
}
})
})
console
.
log
(
dataTable
);
this
.
setState
({
dataTable
,
loading
:
false
})
this
.
setState
({
dataTable
,
loading
:
false
})
}
}
console
.
log
(
dataTable
);
})
})
}
}
...
@@ -498,7 +498,12 @@ export default class BalanceSheetMR extends Component {
...
@@ -498,7 +498,12 @@ export default class BalanceSheetMR extends Component {
render
()
{
render
()
{
let
dataTable2
=
this
.
state
.
dataTable
let
dataTable2
=
this
.
state
.
dataTable
const
handleText
=
(
value
,
tableMeta
,
type
)
=>
{
let
a
=
dataTable2
[
tableMeta
.
rowIndex
][
tableMeta
.
columnIndex
+
type
]
=
value
// console.log(dataTable2[tableMeta.rowIndex]);
}
const
handleChange
=
(
value
,
tableMeta
,
type
)
=>
{
const
handleChange
=
(
value
,
tableMeta
,
type
)
=>
{
console
.
log
(
dataTable2
);
let
val
=
String
(
value
).
split
(
","
).
join
(
""
)
let
val
=
String
(
value
).
split
(
","
).
join
(
""
)
if
(
type
===
"actual"
)
{
if
(
type
===
"actual"
)
{
dataTable2
[
tableMeta
.
rowIndex
][
9
]
=
Number
(
val
).
toFixed
(
1
)
dataTable2
[
tableMeta
.
rowIndex
][
9
]
=
Number
(
val
).
toFixed
(
1
)
...
@@ -1489,164 +1494,86 @@ export default class BalanceSheetMR extends Component {
...
@@ -1489,164 +1494,86 @@ export default class BalanceSheetMR extends Component {
<
div
className
=
"grid grid-3x content-center"
>
<
div
className
=
"grid grid-3x content-center"
>
<
div
className
=
"col-1"
>
<
div
className
=
"col-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
<
div
style
=
{{
flex
:
1
}}
>
null
:
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
tableMeta
.
rowData
[
4
]
===
0
?
null
:
Number
(
tableMeta
.
rowData
[
12
])
<=
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
12
])
>=
this
.
state
.
maxValue
?
<
FormControlLabel
<
div
style
=
{{
flex
:
1
}}
>
style
=
{{
margin
:
0
}}
<
FormControlLabel
// value={value}
style
=
{{
margin
:
0
}}
control
=
{
value
=
{
tableMeta
.
rowData
[
17
]}
<
Input
control
=
{
disableUnderline
=
{
true
}
<
NumberFormat
style
=
{{
color
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
thousandSeparator
=
{
true
}
type
=
"text"
style
=
{{
color
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
placeholder
=
""
type
=
"text"
disabled
=
{
Number
(
tableMeta
.
rowData
[
12
])
<=
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
12
])
>=
this
.
state
.
maxValue
?
false
:
true
}
placeholder
=
""
defaultValue
=
{
tableMeta
.
rowData
[
17
]}
disabled
=
{
false
}
inputProps
=
{{
style
:
{
value
=
{
Number
(
tableMeta
.
rowData
[
17
]).
toFixed
(
1
)}
color
:
"#5198ea"
,
onBlur
=
{(
event
)
=>
{
textAlign
:
'right'
handleChange
(
event
.
target
.
value
,
tableMeta
)
}}}
}}
onBlur
=
{(
event
)
=>
{
/
>
handleText
(
event
.
target
.
value
,
tableMeta
,
7
)
}
}
}
/
>
/
>
<
/div>
:
}
tableMeta
.
rowData
[
0
]
===
2
?
/>
}
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
/div
>
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
handleValue
(
tableMeta
,
7
)).
toFixed
(
1
)}
/
>
<
/span>
:
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
17
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
className
=
"col-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
<
div
style
=
{{
flex
:
1
}}
>
null
:
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
tableMeta
.
rowData
[
4
]
===
0
?
null
:
Number
(
tableMeta
.
rowData
[
14
])
<=
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
14
])
>=
this
.
state
.
maxValue
?
<
FormControlLabel
<
div
style
=
{{
flex
:
1
}}
>
style
=
{{
margin
:
0
}}
<
FormControlLabel
// value={value}
style
=
{{
margin
:
0
}}
control
=
{
value
=
{
tableMeta
.
rowData
[
18
]}
<
Input
control
=
{
disableUnderline
=
{
true
}
<
NumberFormat
style
=
{{
color
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
thousandSeparator
=
{
true
}
type
=
"text"
style
=
{{
color
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
placeholder
=
""
type
=
"text"
disabled
=
{
Number
(
tableMeta
.
rowData
[
14
])
<=
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
14
])
>=
this
.
state
.
maxValue
?
false
:
true
}
placeholder
=
""
defaultValue
=
{
tableMeta
.
rowData
[
18
]}
disabled
=
{
false
}
inputProps
=
{{
style
:
{
value
=
{
Number
(
tableMeta
.
rowData
[
18
]).
toFixed
(
1
)}
color
:
"#5198ea"
,
onBlur
=
{(
event
)
=>
{
textAlign
:
'right'
handleChange
(
event
.
target
.
value
,
tableMeta
)
}}}
}}
onBlur
=
{(
event
)
=>
{
/
>
handleText
(
event
.
target
.
value
,
tableMeta
,
8
)
}
}
}
/
>
/
>
<
/div>
:
}
tableMeta
.
rowData
[
0
]
===
2
?
/>
}
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
/div
>
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
handleValue
(
tableMeta
,
8
)).
toFixed
(
1
)}
/
>
<
/span>
:
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
18
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"col-3"
>
<
div
className
=
"col-3"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
||
tableMeta
.
rowData
[
0
]
===
1
?
<
div
style
=
{{
flex
:
1
}}
>
null
:
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
tableMeta
.
rowData
[
4
]
===
0
?
null
:
Number
(
tableMeta
.
rowData
[
16
])
<=
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
16
])
>=
this
.
state
.
maxValue
?
<
FormControlLabel
<
div
style
=
{{
flex
:
1
}}
>
style
=
{{
margin
:
0
}}
<
FormControlLabel
// value={value}
style
=
{{
margin
:
0
}}
control
=
{
value
=
{
tableMeta
.
rowData
[
19
]}
<
Input
control
=
{
disableUnderline
=
{
true
}
<
NumberFormat
style
=
{{
color
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
thousandSeparator
=
{
true
}
type
=
"text"
style
=
{{
color
:
"#5198ea"
,
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
placeholder
=
""
type
=
"text"
disabled
=
{
Number
(
tableMeta
.
rowData
[
16
])
<=
this
.
state
.
minValue
||
Number
(
tableMeta
.
rowData
[
16
])
>=
this
.
state
.
maxValue
?
false
:
true
}
placeholder
=
""
defaultValue
=
{
tableMeta
.
rowData
[
19
]}
disabled
=
{
false
}
inputProps
=
{{
style
:
{
value
=
{
Number
(
tableMeta
.
rowData
[
19
]).
toFixed
(
1
)}
color
:
"#5198ea"
,
onBlur
=
{(
event
)
=>
{
textAlign
:
'right'
handleChange
(
event
.
target
.
value
,
tableMeta
)
}}}
}}
onBlur
=
{(
event
)
=>
{
/
>
handleText
(
event
.
target
.
value
,
tableMeta
,
9
)
}
}
}
/
>
/
>
<
/div>
:
}
tableMeta
.
rowData
[
0
]
===
2
?
/>
}
<
span
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
}}
>
<
/div
>
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
handleValue
(
tableMeta
,
9
)).
toFixed
(
1
)}
/
>
<
/span>
:
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
19
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment