Skip to content

T
Tia-dev
Commit 90e724d9 authored by Deni Rinaldi's avatar Deni Rinaldi
Browse files
Options

Merge branch 'riri' into 'master' 

MTD

See merge request !666
parents 2a8f0979 fa0846b7
Show whitespace changes
Inline Side-by-side
Showing with 87 additions and 12 deletions
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ 90e724d9
...@@ -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