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
327b6d28
Commit
327b6d28
authored
Feb 18, 2021
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://103.44.149.204/d.arizona/tia-dev
into riri
parents
1e70a642
0841aa9e
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
143 additions
and
155 deletions
+143
-155
SubHolding.js
src/container/Laporan/SubHolding.js
+6
-5
TableSubHolding.js
src/container/Laporan/TableSubHolding.js
+10
-4
TableSummaryTriputra.js
src/container/SummaryTriputra/TableSummaryTriputra.js
+127
-146
No files found.
src/container/Laporan/SubHolding.js
View file @
327b6d28
...
...
@@ -3189,8 +3189,9 @@ export default class SubHolding extends Component {
/>
}
value
=
{
this
.
state
.
periode
}
/
>
{
/* {this.state.report != null ? String(this.state.report.label).toLocaleLowerCase().includes('summary') ? <Autocomplete
<
/div
>
{
this
.
state
.
report
!=
null
?
String
(
this
.
state
.
report
.
label
).
toLocaleLowerCase
().
includes
(
'quarterly'
)
?
<
div
style
=
{{
marginTop
:
15
,
display
:
'flex'
}}
>
<
Autocomplete
{...
this
.
state
.
listQuarter
}
// getOptionLabel={(option) => titleCase(option.label)}
id
=
"quarter"
...
...
@@ -3198,11 +3199,11 @@ export default class SubHolding extends Component {
this
.
getReportType
()
})}
disableClearable
style={{ width: 250
, marginLeft: 10
}}
style
=
{{
width
:
250
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Quarter"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
/>
}
value
=
{
this
.
state
.
quarter
}
/>
: null : null} */
}
<
/div
>
/>
<
/div>
: null : null
}
{
this
.
state
.
report
!=
null
?
String
(
this
.
state
.
report
.
label
).
toLocaleLowerCase
().
includes
(
'summary'
)
?
<
div
style
=
{{
marginTop
:
15
,
display
:
'flex'
}}
>
<
Autocomplete
{...
this
.
state
.
listMonths
}
...
...
src/container/Laporan/TableSubHolding.js
View file @
327b6d28
...
...
@@ -9561,8 +9561,9 @@ export default class TableSubHolding extends Component {
}
}
}, {
name: `Q
1
${this.props.periode}`,
name: `Q
${this.props.month == 'Mar' ? '1' : this.props.month == 'Jun' ? '2' : this.props.month == 'Sep' ? '3' : this.props.month == 'Dec' ? '4' : ''}
${this.props.periode}`,
options: {
display : this.props.month != 'Jan' && this.props.month != 'Feb' && this.props.month != 'Apr' && this.props.month != 'May' && this.props.month != 'Jul' && this.props.month != 'Aug' && this.props.month != 'Oct' && this.props.month != 'Nov',
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
...
...
@@ -10204,7 +10205,7 @@ export default class TableSubHolding extends Component {
control={
<NumberFormat
thousandSeparator={true}
style={{ color: this.props.approve
Monthly
? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
style={{ color: this.props.approve
dMB
? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
...
...
@@ -10246,7 +10247,7 @@ export default class TableSubHolding extends Component {
control={
<NumberFormat
thousandSeparator={true}
style={{ color: this.props.approve
Monthly
? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
style={{ color: this.props.approve
dMB
? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
...
...
@@ -10611,7 +10612,7 @@ export default class TableSubHolding extends Component {
}
}
},{
name: `ACTUAL
${Number(this.props.periode) - 1}
`,
name: `ACTUAL
LAST YEAR
`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#fff', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
...
...
@@ -10963,6 +10964,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL Q1 ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
...
...
@@ -11313,6 +11315,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL Q2 ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
...
...
@@ -11663,6 +11666,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL Q3 ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
...
...
@@ -12013,6 +12017,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL PA ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
...
...
@@ -12363,6 +12368,7 @@ export default class TableSubHolding extends Component {
},{
name: `Historial`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#fff', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @
327b6d28
...
...
@@ -69,7 +69,7 @@ export default class TableSummaryTriputra extends Component {
}
}
},
{
name
:
`MTD
2021
`
,
name
:
`MTD
${
Number
(
this
.
props
.
periode
)}
`
,
options
:
{
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
top
:
0
,
color
:
'#fff'
,
fontSize
:
13
,
fontWeight
:
1
,
width
:
150
,
borderRight
:
"1px solid rgb(255, 255, 255)"
}}
>
...
...
@@ -455,7 +455,7 @@ export default class TableSummaryTriputra extends Component {
display
:
false
}
},
{
name
:
`MTD
2021
(OPTIONAL)`
,
name
:
`MTD
${
Number
(
this
.
props
.
periode
)}
(OPTIONAL)`
,
options
:
{
customHeadRender
:
(
columnMeta
)
=>
(
<
th
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
top
:
0
,
color
:
'#fff'
,
fontSize
:
13
,
fontWeight
:
1
,
width
:
150
,
borderRight
:
"1px solid rgb(255, 255, 255)"
}}
>
...
...
@@ -1086,7 +1086,7 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-3"
style
=
{{
...
style2
,
display
:
'flex'
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
,
height
:
66
,
width
:
685
}}
>
<
div
style
=
{{
borderLeft
:
'1px #fff solid'
,
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"YTD 2021"
}
<
/span
>
<
span
>
{
`YTD
${
this
.
props
.
periode
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-5x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
...
...
@@ -1099,10 +1099,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -1110,28 +1110,21 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"FY"
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-
4
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"grid grid-
5
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
,
height
:
66
,
width
:
200
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
""
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-1x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -1187,8 +1180,10 @@ export default class TableSummaryTriputra extends Component {
type
=
"text"
placeholder
=
""
disabled
=
{
true
}
// decimalScale={1}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
6
]}
// value={(tableMeta.rowData[6])}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
6
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
6
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1221,7 +1216,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
8
]}
// value={tableMeta.rowData[8]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
8
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
8
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1272,7 +1268,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
11
]}
// value={tableMeta.rowData[11]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
11
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
11
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1293,8 +1290,6 @@ export default class TableSummaryTriputra extends Component {
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
width
:
200
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
...
...
@@ -1307,7 +1302,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
13
]}
// value={tableMeta.rowData[13]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
13
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
13
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1387,7 +1383,7 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-3"
style
=
{{
...
style2
,
display
:
'flex'
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
,
height
:
66
,
width
:
685
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"YTD 2021"
}
<
/span
>
<
span
>
{
`YTD
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-5x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
...
...
@@ -1400,10 +1396,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -1411,28 +1407,21 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"FY"
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-
4
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"grid grid-
5
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
,
height
:
66
,
width
:
200
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
""
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-1x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -1489,7 +1478,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
16
]}
// value={tableMeta.rowData[16]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
16
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
16
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1522,7 +1512,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
18
]}
// value={tableMeta.rowData[18]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
18
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
18
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1573,7 +1564,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
21
]}
// value={tableMeta.rowData[21]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
21
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
21
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1594,8 +1586,6 @@ export default class TableSummaryTriputra extends Component {
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
width
:
200
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
...
...
@@ -1609,6 +1599,7 @@ export default class TableSummaryTriputra extends Component {
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
23
]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
23
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
23
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1694,7 +1685,7 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-3"
style
=
{{
...
style2
,
display
:
'flex'
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
,
height
:
66
,
width
:
685
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"YTD 2021"
}
<
/span
>
<
span
>
{
`YTD
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-5x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
...
...
@@ -1707,10 +1698,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -1718,28 +1709,21 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"FY"
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-
4
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"grid grid-
5
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
/div
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
,
height
:
66
,
width
:
200
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
""
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-1x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -1796,7 +1780,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
26
]}
// value={tableMeta.rowData[26]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
26
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
26
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1829,7 +1814,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
28
]}
// value={tableMeta.rowData[28]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
28
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
28
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1880,7 +1866,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
31
]}
// value={tableMeta.rowData[31]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
31
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
31
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -1901,8 +1888,6 @@ export default class TableSummaryTriputra extends Component {
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
width
:
200
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
...
...
@@ -1915,7 +1900,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
33
]}
// value={tableMeta.rowData[33]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
33
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
33
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -2001,7 +1987,7 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"column-3"
style
=
{{
...
style2
,
display
:
'flex'
,
backgroundColor
:
'#1c71b8'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#07a7d0'
,
height
:
66
,
width
:
685
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"YTD 2021"
}
<
/span
>
<
span
>
{
`YTD
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-5x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
...
...
@@ -2014,10 +2000,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -2025,28 +2011,21 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
"FY"
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-
4
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"grid grid-
5
x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#37b5e6'
,
height
:
40
,
color
:
'black'
}}
>
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-4"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
/div
>
<
/div
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
border
:
'1px #fff solid'
,
backgroundColor
:
'#37b5e6'
,
height
:
66
,
width
:
200
}}
>
<
div
style
=
{{
borderBottom
:
'1px #fff solid'
,
backgroundColor
:
'#1c71b8'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
color
:
'white'
,
height
:
25
}}
>
<
span
>
{
""
}
<
/span
>
<
/div
>
<
div
className
=
"grid grid-1x"
style
=
{{
height
:
25
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
"% of 2020"
}
<
/span
>
<
div
className
=
"column-5"
style
=
{{
borderLeft
:
'1px #fff solid'
,
justifyContent
:
'center'
,
display
:
'flex'
,
alignItems
:
'center'
,
backgroundColor
:
'#008bffc4'
,
height
:
40
}}
>
<
span
>
{
`% of
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -2103,7 +2082,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
36
]}
// value={tableMeta.rowData[36]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
36
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
36
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -2136,7 +2116,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
38
]}
// value={tableMeta.rowData[38]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
38
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
38
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -2187,7 +2168,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
41
]}
// value={tableMeta.rowData[41]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
41
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
41
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -2208,8 +2190,6 @@ export default class TableSummaryTriputra extends Component {
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
width
:
200
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
...
...
@@ -2222,7 +2202,8 @@ export default class TableSummaryTriputra extends Component {
placeholder
=
""
disabled
=
{
true
}
suffix
=
{
"%"
}
value
=
{
tableMeta
.
rowData
[
43
]}
// value={tableMeta.rowData[43]}
value
=
{
Number
(
String
(
tableMeta
.
rowData
[
43
]).
substr
(
0
,
String
(
tableMeta
.
rowData
[
43
]).
length
-
1
)).
toFixed
(
1
)}
/
>
}
/
>
...
...
@@ -4389,13 +4370,13 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"grid grid-2x"
style
=
{{
...
style2
,
backgroundColor
:
'#37b5e6'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#07a7d0'
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
...
...
@@ -4403,10 +4384,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -4575,13 +4556,13 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"grid grid-2x"
style
=
{{
...
style2
,
backgroundColor
:
'#37b5e6'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#07a7d0'
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
...
...
@@ -4589,10 +4570,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -4761,13 +4742,13 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"grid grid-2x"
style
=
{{
...
style2
,
backgroundColor
:
'#37b5e6'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#07a7d0'
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
...
...
@@ -4775,10 +4756,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -4947,13 +4928,13 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"grid grid-2x"
style
=
{{
...
style2
,
backgroundColor
:
'#37b5e6'
,
color
:
'#fff'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
position
:
"sticky"
}}
>
<
div
className
=
"column-1 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
<
div
className
=
"column-1"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#07a7d0'
}}
>
<
span
>
{
"2020"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
-
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"MB 2021"
}
<
/span
>
<
span
>
{
`MB
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
/div
>
<
div
className
=
"column-2 grid grid-3x"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
}}
>
...
...
@@ -4961,10 +4942,10 @@ export default class TableSummaryTriputra extends Component {
<
span
>
{
"% of MB"
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -5132,13 +5113,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -5230,13 +5211,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -5328,13 +5309,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -5426,13 +5407,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -5530,13 +5511,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -5634,13 +5615,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
@@ -5738,13 +5719,13 @@ export default class TableSummaryTriputra extends Component {
<
div
style
=
{{
borderBottom
:
"1px #fff solid"
,
textAlign
:
'center'
,
fontSize
:
12
,
fontWeight
:
'bold'
,
padding
:
5
}}
>
{
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
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#37b5e6'
}}
>
<
span
>
{
"OL 2021"
}
<
/span
>
<
span
>
{
`OL
${
Number
(
this
.
props
.
periode
)}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
borderRight
:
"1px #fff solid"
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2022"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
1
}
`
}
<
/span
>
<
/div
>
<
div
className
=
"column-3"
style
=
{{
placeSelf
:
'center'
,
textAlign
:
'center'
,
padding
:
5
,
backgroundColor
:
'#1c71b8'
}}
>
<
span
>
{
"2023"
}
<
/span
>
<
span
>
{
`
${
Number
(
this
.
props
.
periode
)
+
2
}
`
}
<
/span
>
<
/div
>
<
/div
>
<
/th
>
...
...
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