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
4915ac90
Commit
4915ac90
authored
Nov 13, 2020
by
Deni Rinaldi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
tesstt
parent
c52a7d7a
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
2098 additions
and
1373 deletions
+2098
-1373
index.js
src/api/index.js
+3
-1
CashFlow.js
src/container/BudgetTahunan/CashFlow.js
+2079
-1291
OperatingIndicatorMR.js
src/container/MonthlyReport/OperatingIndicatorMR.js
+16
-81
No files found.
src/api/index.js
View file @
4915ac90
...
...
@@ -213,6 +213,7 @@ const create = (type = "") => {
const
getDashboardUser
=
()
=>
api
.
get
(
'transaction/get_dashboard_sub_co'
)
const
getDashboardMB
=
(
body
)
=>
api
.
get
(
'transaction/get_dashboard_table'
)
const
getReportHierarkiFR
=
(
body
)
=>
api
.
post
(
'transaction/db_ratio/get_report_hierarki'
,
body
)
const
getDetailHierarkiCF
=
(
body
)
=>
api
.
post
(
'transaction/master_budget/get_report_hierarki_cashflow'
,
body
)
const
getOpetratingIndID
=
(
body
)
=>
api
.
post
(
'transaction/operating_indicator/get_operating_indicator_id'
,
body
)
const
getSubmitOI
=
(
body
)
=>
api
.
post
(
'transaction/operating_indicator/get_latest_periode_submit'
,
body
)
...
...
@@ -441,7 +442,8 @@ const create = (type = "") => {
getDetailReportCF
,
getReportHierarkiPL
,
getMonthlyReportID
,
getReportHierarkiFR
getReportHierarkiFR
,
getDetailHierarkiCF
,
}
}
...
...
src/container/BudgetTahunan/CashFlow.js
View file @
4915ac90
This source diff could not be displayed because it is too large. You can
view the blob
instead.
src/container/MonthlyReport/OperatingIndicatorMR.js
View file @
4915ac90
...
...
@@ -37,7 +37,7 @@ export default class OperatingIndicatorMR extends Component {
super
(
props
)
this
.
state
=
{
dataTable
:
[],
loading
:
true
loading
:
true
,
}
}
...
...
@@ -86,7 +86,6 @@ export default class OperatingIndicatorMR extends Component {
pavrb
:
item
.
operating_indicator
.
percent_act_vs_rb
===
""
?
"0.0"
:
item
.
operating_indicator
.
percent_act_vs_rb
,
},
{
mtdvpm
:
item
.
operating_indicator
.
mtd_vs_previous_month
===
""
?
"0.0"
:
item
.
operating_indicator
.
mtd_vs_previous_month
,
mtdvmb
:
item
.
operating_indicator
.
mtd_vs_mb
===
""
?
"0.0"
:
item
.
operating_indicator
.
mtd_vs_mb
,
mtdvrb
:
item
.
operating_indicator
.
mtd_vs_rb
===
""
?
"0.0"
:
item
.
operating_indicator
.
mtd_vs_rb
,
}
...
...
@@ -115,10 +114,7 @@ export default class OperatingIndicatorMR extends Component {
rb
:
item
.
operating_indicator
.
rolling_budget
===
""
?
"0.0"
:
item
.
operating_indicator
.
rolling_budget
,
actual
:
item
.
operating_indicator
.
actual
===
""
?
"0.0"
:
item
.
operating_indicator
.
actual
},
item
.
operating_indicator
.
actual_previous_month
===
null
?
"0.0"
:
item
.
operating_indicator
.
actual_previous_month
===
""
?
"0.0"
:
item
.
operating_indicator
.
actual_previous_month
,
{
aavpm
:
item
.
operating_indicator
.
amount_act_vs_previous_month
===
""
?
"0.0"
:
item
.
operating_indicator
.
amount_act_vs_previous_month
,
pavpm
:
item
.
operating_indicator
.
percent_act_vs_previous_month
===
""
?
"0.0"
:
item
.
operating_indicator
.
percent_act_vs_previous_month
,
aavmb
:
item
.
operating_indicator
.
amount_act_vs_mb
===
""
?
"0.0"
:
item
.
operating_indicator
.
amount_act_vs_mb
,
pavmb
:
item
.
operating_indicator
.
percent_act_vs_mb
===
""
?
"0.0"
:
item
.
operating_indicator
.
percent_act_vs_mb
,
aavrb
:
item
.
operating_indicator
.
amount_act_vs_rb
===
""
?
"0.0"
:
item
.
operating_indicator
.
amount_act_vs_rb
,
...
...
@@ -279,7 +275,7 @@ export default class OperatingIndicatorMR extends Component {
}
}),
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
//
console.log(tableMeta);
console
.
log
(
tableMeta
);
return
(
<
div
>
<
div
className
=
"grid grid-3x content-center"
>
...
...
@@ -313,48 +309,14 @@ export default class OperatingIndicatorMR extends Component {
}
}
},
{
name
:
"Actual Previous Month"
,
options
:
{
customHeadRender
:
(
columnMeta
)
=>
(
<
TableCell
style
=
{{
...
style2
,
top
:
0
,
zIndex
:
99
,
backgroundColor
:
'#37b5e6'
,
width
:
96
,
borderRight
:
'1px #fff solid'
}}
>
<
Typography
style
=
{{
color
:
'white'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
textAlign
:
'center'
}}
>
{
columnMeta
.
name
}
<
/Typography
>
<
/TableCell
>
),
setCellProps
:
()
=>
({
style2
}),
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
return
(
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
val
}
<
/div
>
)
}
}
},
{
name
:
`Variance`
,
options
:
{
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
13
,
fontWeight
:
1
,
width
:
150
,
borderRight
:
"1px solid rgb(255, 255, 255)"
}}
>
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
,
height
:
40
}}
>
{
columnMeta
.
name
}
<
/div
>
<
div
className
=
"grid grid-3x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"Act vs Previous Month"
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-2x"
>
<
div
className
=
"column-1"
style
=
{{
borderRight
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"Amount"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
borderLeft
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"%"
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
}}
>
<
div
className
=
"grid grid-2x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
}}
>
<
span
>
{
"Act vs MB"
}
<
/span
>
<
/div
>
...
...
@@ -367,7 +329,7 @@ export default class OperatingIndicatorMR extends Component {
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
}}
>
<
span
>
{
"Act vs RB"
}
<
/span
>
<
/div
>
...
...
@@ -392,28 +354,8 @@ export default class OperatingIndicatorMR extends Component {
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
return
(
<
div
>
<
div
className
=
"grid grid-
3
x content-center"
>
<
div
className
=
"grid grid-
2
x content-center"
>
<
div
className
=
"column-1"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"column-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
val
.
aavpm
}
<
/div
>
<
/div
>
<
div
className
=
"column-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
val
.
pavpm
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-2"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"column-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
...
...
@@ -433,7 +375,7 @@ export default class OperatingIndicatorMR extends Component {
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-
3
"
>
<
div
className
=
"column-
2
"
>
<
div
className
=
"grid grid-2x content-center"
>
<
div
className
=
"column-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
...
...
@@ -468,14 +410,11 @@ export default class OperatingIndicatorMR extends Component {
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
</TableCell> */
}
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
,
height
:
40
}}
>
{
columnMeta
.
name
}
<
/div
>
<
div
className
=
"grid grid-
3
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"grid grid-
2
x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"vs Prev Month"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"vs MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-
3
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
div
className
=
"column-
2
"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
height
:
45
}}
>
<
span
>
{
"vs RB"
}
<
/span
>
<
/div
>
<
/div
>
...
...
@@ -490,16 +429,8 @@ export default class OperatingIndicatorMR extends Component {
customBodyRender
:
(
val
,
tableMeta
,
updateValue
)
=>
{
return
(
<
div
>
<
div
className
=
"grid grid-
3
x content-center"
>
<
div
className
=
"grid grid-
2
x content-center"
>
<
div
className
=
"col-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
val
.
mtdvpm
}
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
...
...
@@ -507,7 +438,7 @@ export default class OperatingIndicatorMR extends Component {
}
<
/div
>
<
/div
>
<
div
className
=
"col-
3
"
>
<
div
className
=
"col-
2
"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
tableMeta
.
rowData
[
0
]
===
4
?
null
:
...
...
@@ -523,6 +454,10 @@ export default class OperatingIndicatorMR extends Component {
},
]
let
dataDummy
=
[
[
""
,
""
,
""
,
""
,
""
,
"acc"
,
"uom"
,
"rolling"
,
{
mb
:
""
,
rb
:
""
,
actual
:
""
},
{
aavmb
:
""
,
pavmb
:
""
,
aavrb
:
""
,
pavrb
:
""
},
{
mtdvmb
:
""
,
mtdvrb
:
""
}]
]
return
(
<
div
style
=
{{
height
:
this
.
props
.
height
,
backgroundColor
:
'#f8f8f8'
,
marginBottom
:
100
,
minHeight
:
1000
}}
>
<
div
className
=
{
"main-color"
}
style
=
{{
height
:
78
,
flex
:
1
,
display
:
'flex'
,
alignItems
:
'center'
,
paddingLeft
:
20
}}
>
...
...
@@ -592,7 +527,7 @@ export default class OperatingIndicatorMR extends Component {
{
!
this
.
state
.
loading
&&
(
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MUIDataTable
data
=
{
this
.
state
.
dataTable
}
data
=
{
dataDummy
}
columns
=
{
columns
}
options
=
{
options
}
/
>
...
...
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