Skip to content

T
Tia-dev
Commit 2df98826 authored by rifkaki's avatar rifkaki
Browse files
Options

style ytd

parent 020894c6
Hide whitespace changes
Inline Side-by-side
Showing with 25 additions and 61 deletions
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ 2df98826
...@@ -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