Skip to content

T
Tia-dev
Commit fe273aed authored by Rifka Kurnia's avatar Rifka Kurnia
Browse files
Options

Merge branch 'rifka' into 'master' 

style ytd

See merge request !1171
parents dcd284d5 c282abdb
Hide whitespace changes
Inline Side-by-side
Showing with 25 additions and 61 deletions
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ fe273aed
...@@ -1110,7 +1110,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1110,7 +1110,7 @@ export default class TableSummaryTriputra extends Component {
<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>{"FY"}</span> <span>{"FY"}</span>
</div> </div>
<div className="grid grid-4x" style={{ height: 25 }}> <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' }}> <div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"OL 2021"}</span> <span>{"OL 2021"}</span>
</div> </div>
...@@ -1123,14 +1123,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1123,14 +1123,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}> <div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span> <span>{"2020"}</span>
</div> </div>
</div> <div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
</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> <span>{"% of 2020"}</span>
</div> </div>
</div> </div>
...@@ -1293,8 +1286,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -1293,8 +1286,6 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}> <div style={{ flex: 1}}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -1411,7 +1402,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1411,7 +1402,7 @@ export default class TableSummaryTriputra extends Component {
<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>{"FY"}</span> <span>{"FY"}</span>
</div> </div>
<div className="grid grid-4x" style={{ height: 25 }}> <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' }}> <div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"OL 2021"}</span> <span>{"OL 2021"}</span>
</div> </div>
...@@ -1424,14 +1415,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1424,14 +1415,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}> <div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span> <span>{"2020"}</span>
</div> </div>
</div> <div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
</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> <span>{"% of 2020"}</span>
</div> </div>
</div> </div>
...@@ -1594,8 +1578,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -1594,8 +1578,6 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}> <div style={{ flex: 1}}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -1718,7 +1700,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1718,7 +1700,7 @@ export default class TableSummaryTriputra extends Component {
<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>{"FY"}</span> <span>{"FY"}</span>
</div> </div>
<div className="grid grid-4x" style={{ height: 25 }}> <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' }}> <div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"OL 2021"}</span> <span>{"OL 2021"}</span>
</div> </div>
...@@ -1731,14 +1713,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1731,14 +1713,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}> <div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span> <span>{"2020"}</span>
</div> </div>
</div> <div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
</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> <span>{"% of 2020"}</span>
</div> </div>
</div> </div>
...@@ -1901,8 +1876,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -1901,8 +1876,6 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}> <div style={{ flex: 1}}>
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
...@@ -2025,7 +1998,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2025,7 +1998,7 @@ export default class TableSummaryTriputra extends Component {
<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>{"FY"}</span> <span>{"FY"}</span>
</div> </div>
<div className="grid grid-4x" style={{ height: 25 }}> <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' }}> <div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"OL 2021"}</span> <span>{"OL 2021"}</span>
</div> </div>
...@@ -2038,14 +2011,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2038,14 +2011,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}> <div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span> <span>{"2020"}</span>
</div> </div>
</div> <div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
</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> <span>{"% of 2020"}</span>
</div> </div>
</div> </div>
...@@ -2208,26 +2174,24 @@ export default class TableSummaryTriputra extends Component { ...@@ -2208,26 +2174,24 @@ export default class TableSummaryTriputra extends Component {
} }
/> />
</div> </div>
</div> <div style={{ flex: 1}}>
<div style={{ display: 'grid', width: 200 }}> <FormControlLabel
<div style={{ flex: 1}}> style={{ margin: 0 }}
<FormControlLabel value={val}
style={{ margin: 0 }} control={
value={val} <NumberFormat
control={ thousandSeparator={true}
<NumberFormat style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
thousandSeparator={true} type="text"
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} placeholder=""
type="text" disabled={true}
placeholder="" suffix={"%"}
disabled={true} value={tableMeta.rowData[43]}
suffix={"%"} />
value={tableMeta.rowData[43]} }
/> />
} </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