Skip to content

T
Tia-dev
Commit e4eb700b authored by Riri Novita's avatar Riri Novita
Browse files
Options

rapihin MTD

parent b5ed8d3c
Show whitespace changes
Inline Side-by-side
Showing with 87 additions and 12 deletions
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ e4eb700b
...@@ -33,7 +33,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -33,7 +33,7 @@ export default class TableSummaryTriputra extends Component {
] ]
let datasMTD = [ let datasMTD = [
["ABCD", { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6", g: "7", h: "8", i: "9", j: "10", k: "11", l: "12" }, { a: "1", b: "2", c: "3", d: "4" }, { a: "1", b: "2", c: "3", d: "4" }, { q: "1" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3", d: "4" }, { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6", g: "7", h: "8" }], ["ABCD", { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6", g: "7", h: "8", i: "9", j: "10", k: "11", l: "12" }, { a: "1", b: "2", c: "3", d: "4" }, { a: "1", b: "2", c: "3", d: "4" }, { q: "1" }, { a: "1", b: "2", c: "3" }, { a: "1", b: "2", c: "3", d: "4" }, { a: "1", b: "2", c: "3", d: "4", e: "5", f: "6", g: "7", h: "8" }],
["Total Assets", { a: "6", b: "7", c: "8" }, { a: "6", b: "7", c: "8" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }, { a: "1" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }] ["Total Assets", { a: "13", b: "14", c: "15", d: "16", e: "17", f: "18", g: "19", h: "20", i: "21", j: "22", k: "24", l: "25" }, { a: "1", b: "2", c: "3", d: "4" }, { a: "1", b: "2", c: "3", d: "4" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }, { a: "1" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }, { a: "1", b: "3", c: "4" }]
] ]
let datasYTD = [ let datasYTD = [
["ABCD", { a: "2", b: "3", c: "4", d: "5", e: "6", f: "1", g: "3", h: "4", i: "5", j: "6", k: "6" }, { a: "2", b: "3", c: "4", d: "5", e: "6" }, { a: "3", b: "3", c: "4", d: "5", e: "6" }, { a: "4", b: "3", c: "4", d: "5", e: "6" }, { a: "5", b: "3", c: "4", d: "5", e: "6" }, { a: "6", b: "3", c: "4", d: "5", e: "6" }], ["ABCD", { a: "2", b: "3", c: "4", d: "5", e: "6", f: "1", g: "3", h: "4", i: "5", j: "6", k: "6" }, { a: "2", b: "3", c: "4", d: "5", e: "6" }, { a: "3", b: "3", c: "4", d: "5", e: "6" }, { a: "4", b: "3", c: "4", d: "5", e: "6" }, { a: "5", b: "3", c: "4", d: "5", e: "6" }, { a: "6", b: "3", c: "4", d: "5", e: "6" }],
...@@ -83,7 +83,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -83,7 +83,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"EBITDA"}</span> <span>{"EBITDA"}</span>
</div> </div>
<div className="grid grid-3x" style={{ height: 25}}> <div className="grid grid-3x" style={{ height: 25}}>
...@@ -99,7 +99,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -99,7 +99,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"TPAT"}</span> <span>{"TPAT"}</span>
</div> </div>
<div className="grid grid-3x" style={{ height: 25}}> <div className="grid grid-3x" style={{ height: 25}}>
...@@ -115,7 +115,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -115,7 +115,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"NPAT"}</span> <span>{"NPAT"}</span>
</div> </div>
<div className="grid grid-3x" style={{ height: 25}}> <div className="grid grid-3x" style={{ height: 25}}>
...@@ -225,8 +225,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -225,8 +225,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-5x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="column-5" 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: 65 }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#07a7d0', height: 65, width: 685 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"Cash Flow"}</span> <span>{"Cash Flow"}</span>
</div> </div>
...@@ -245,7 +245,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -245,7 +245,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65, width: 685 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}>
<span>{"OS Bank Loan"}</span> <span>{"OS Bank Loan"}</span>
</div> </div>
...@@ -264,10 +264,10 @@ export default class TableSummaryTriputra extends Component { ...@@ -264,10 +264,10 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#07a7d0', height: 65 }}> <div className="column-3" style={{ placeSelf: 'center', borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', width: 200, alignItems: 'center', backgroundColor: '#07a7d0', height: 65 }}>
<span>{"OS SHL"}</span> <span>{"OS SHL"}</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65, width: 685 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}>
<span>{"Balance Sheet"}</span> <span>{"Balance Sheet"}</span>
</div> </div>
...@@ -286,7 +286,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -286,7 +286,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
</div> </div>
<div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65 }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', border: '1px #fff solid', backgroundColor: '#37b5e6', height: 65, width: 887 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}> <div style={{ borderBottom: '1px #fff solid', backgroundColor: '#37b5e6', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25, color: 'black' }}>
<span>{"Financial Ratio"}</span> <span>{"Financial Ratio"}</span>
</div> </div>
...@@ -328,7 +328,82 @@ export default class TableSummaryTriputra extends Component { ...@@ -328,7 +328,82 @@ export default class TableSummaryTriputra extends Component {
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div> <div>
<div className="grid grid-5x content-center"> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div style={{ width: '20%', textAlign: 'right'}}>
10
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
20
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
30
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
40
</div>
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div style={{ width: '20%', textAlign: 'right'}}>
10
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
20
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
30
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
40
</div>
</div>
<div style={{ display: 'grid', width: 150 }}>
<div style={{ textAlign: 'right'}}>
10
</div>
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
<div style={{ width: '20%', textAlign: 'right'}}>
10
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
20
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
30
</div>
<div style={{ width: '20%', textAlign: 'right'}}>
40
</div>
</div>
<div style={{ display: 'flex', width: 834, justifyContent: 'space-between'}}>
<div style={{ width: '9%', textAlign: 'right'}}>
10
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
20
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
30
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
40
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
10
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
20
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
30
</div>
<div style={{ width: '9%', textAlign: 'right'}}>
40
</div>
</div>
</div>
{/* <div className="grid grid-5x content-center">
<div className="col-1"> <div className="col-1">
<div className="grid grid-4x content-center"> <div className="grid grid-4x content-center">
<div className="col-1"> <div className="col-1">
...@@ -458,7 +533,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -458,7 +533,7 @@ export default class TableSummaryTriputra extends Component {
</div> </div>
</div> </div>
</div> </div>
</div> </div> */}
</div> </div>
) )
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment