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
ca19e0c8
Commit
ca19e0c8
authored
Feb 18, 2021
by
rifkaki
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
set periode summ triputra
parent
c282abdb
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
71 additions
and
71 deletions
+71
-71
TableSummaryTriputra.js
src/container/SummaryTriputra/TableSummaryTriputra.js
+71
-71
No files found.
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @
ca19e0c8
...
...
@@ -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
>
...
...
@@ -1112,19 +1112,19 @@ export default class TableSummaryTriputra extends Component {
<
/div
>
<
div
className
=
"grid grid-5x"
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
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
>
...
...
@@ -1378,7 +1378,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
}}
>
...
...
@@ -1391,10 +1391,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
>
...
...
@@ -1404,19 +1404,19 @@ export default class TableSummaryTriputra extends Component {
<
/div
>
<
div
className
=
"grid grid-5x"
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
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
>
...
...
@@ -1676,7 +1676,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
}}
>
...
...
@@ -1689,10 +1689,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
>
...
...
@@ -1702,19 +1702,19 @@ export default class TableSummaryTriputra extends Component {
<
/div
>
<
div
className
=
"grid grid-5x"
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
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
>
...
...
@@ -1974,7 +1974,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
}}
>
...
...
@@ -1987,10 +1987,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
>
...
...
@@ -2000,19 +2000,19 @@ export default class TableSummaryTriputra extends Component {
<
/div
>
<
div
className
=
"grid grid-5x"
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
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
>
...
...
@@ -4353,13 +4353,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'
}}
>
...
...
@@ -4367,10 +4367,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
>
...
...
@@ -4539,13 +4539,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'
}}
>
...
...
@@ -4553,10 +4553,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
>
...
...
@@ -4725,13 +4725,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'
}}
>
...
...
@@ -4739,10 +4739,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
>
...
...
@@ -4911,13 +4911,13 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"grid grid-2x"
style
=
{{
...
style2
,
backgroundColor
:
'#1c71b8'
,
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'
}}
>
...
...
@@ -4925,10 +4925,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
>
...
...
@@ -5096,13 +5096,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
>
...
...
@@ -5194,13 +5194,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
>
...
...
@@ -5292,13 +5292,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
>
...
...
@@ -5390,13 +5390,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
>
...
...
@@ -5494,13 +5494,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
>
...
...
@@ -5598,13 +5598,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
>
...
...
@@ -5702,13 +5702,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