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
1ba7e948
Commit
1ba7e948
authored
Feb 01, 2021
by
Riri Novita
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
push mtd
parent
8082ad11
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
433 additions
and
55 deletions
+433
-55
TableSummaryTriputra.js
src/container/SummaryTriputra/TableSummaryTriputra.js
+433
-55
No files found.
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @
1ba7e948
...
...
@@ -280,18 +280,60 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"col-3"
>
<
div
className
=
"grid grid-3x content-center"
>
<
div
className
=
"col-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
val
.
g
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
10
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
val
.
h
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
11
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"col-3"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
val
.
i
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
suffix
=
{
'%'
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
12
]).
toFixed
(
2
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -299,18 +341,60 @@ export default class TableSummaryTriputra extends Component {
<
div
className
=
"col-4"
>
<
div
className
=
"grid grid-3x content-center"
>
<
div
className
=
"col-1"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
val
.
j
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
13
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"col-2"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
val
.
k
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
14
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"col-3"
>
<
div
style
=
{{
textAlign
:
'right'
,
width
:
90
}}
>
{
val
.
l
}
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
suffix
=
{
'%'
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
15
]).
toFixed
(
2
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -491,76 +575,370 @@ export default class TableSummaryTriputra extends Component {
<
div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'space-between'
}}
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
10
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
16
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
20
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
17
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
30
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
18
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
40
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
19
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
10
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
20
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
20
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
21
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
30
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
22
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
40
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
24
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
width
:
150
}}
>
<
div
style
=
{{
textAlign
:
'right'
}}
>
10
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
24
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
640
,
justifyContent
:
'space-between'
}}
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
10
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
25
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
20
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
26
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
30
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
27
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'20%'
,
textAlign
:
'right'
}}
>
40
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
28
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
width
:
834
,
justifyContent
:
'space-between'
}}
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
10
<
div
style
=
{{
display
:
'flex'
,
width
:
860
,
justifyContent
:
'space-between'
}}
>
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
29
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
20
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
30
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
30
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
31
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
40
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
32
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
10
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
33
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
20
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
34
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
30
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
35
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
div
style
=
{{
width
:
'9%'
,
textAlign
:
'right'
}}
>
40
<
div
style
=
{{
flex
:
1
}}
>
<
FormControlLabel
style
=
{{
margin
:
0
}}
value
=
{
val
}
control
=
{
<
NumberFormat
thousandSeparator
=
{
true
}
style
=
{{
fontSize
:
12
,
textAlign
:
'right'
,
borderColor
:
'transparent'
,
margin
:
0
,
width
:
96
,
backgroundColor
:
'transparent'
}}
type
=
"text"
placeholder
=
""
decimalScale
=
{
1
}
disabled
=
{
true
}
value
=
{
Number
(
tableMeta
.
rowData
[
36
]).
toFixed
(
1
)}
/
>
}
/
>
<
/div
>
<
/div
>
<
/div
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment