Commit 327b6d28 authored by Riri Novita's avatar Riri Novita

Merge branch 'master' of http://103.44.149.204/d.arizona/tia-dev into riri

parents 1e70a642 0841aa9e
......@@ -3189,8 +3189,9 @@ export default class SubHolding extends Component {
/>}
value={this.state.periode}
/>
{/* {this.state.report != null ? String(this.state.report.label).toLocaleLowerCase().includes('summary') ? <Autocomplete
</div>
{this.state.report != null ? String(this.state.report.label).toLocaleLowerCase().includes('quarterly') ? <div style={{ marginTop: 15, display: 'flex' }}>
<Autocomplete
{...this.state.listQuarter}
// getOptionLabel={(option) => titleCase(option.label)}
id="quarter"
......@@ -3198,11 +3199,11 @@ export default class SubHolding extends Component {
this.getReportType()
})}
disableClearable
style={{ width: 250, marginLeft: 10 }}
style={{ width: 250 }}
renderInput={(params) => <TextField {...params} label="Quarter" margin="normal" style={{ marginTop: 7 }} />}
value={this.state.quarter}
/> : null : null} */}
</div>
/>
</div> : null : null}
{this.state.report != null ? String(this.state.report.label).toLocaleLowerCase().includes('summary') ? <div style={{ marginTop: 15, display: 'flex' }}>
<Autocomplete
{...this.state.listMonths}
......
......@@ -9561,8 +9561,9 @@ export default class TableSubHolding extends Component {
}
}
}, {
name: `Q1 ${this.props.periode}`,
name: `Q${this.props.month == 'Mar' ? '1' : this.props.month == 'Jun' ? '2' : this.props.month == 'Sep' ? '3' : this.props.month == 'Dec' ? '4' : ''} ${this.props.periode}`,
options: {
display : this.props.month != 'Jan' && this.props.month != 'Feb' && this.props.month != 'Apr' && this.props.month != 'May' && this.props.month != 'Jul' && this.props.month != 'Aug' && this.props.month != 'Oct' && this.props.month != 'Nov',
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
......@@ -10204,7 +10205,7 @@ export default class TableSubHolding extends Component {
control={
<NumberFormat
thousandSeparator={true}
style={{ color: this.props.approveMonthly ? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
style={{ color: this.props.approvedMB ? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
......@@ -10246,7 +10247,7 @@ export default class TableSubHolding extends Component {
control={
<NumberFormat
thousandSeparator={true}
style={{ color: this.props.approveMonthly ? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
style={{ color: this.props.approvedMB ? 'black' : '#5198ea', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
......@@ -10611,7 +10612,7 @@ export default class TableSubHolding extends Component {
}
}
},{
name: `ACTUAL ${Number(this.props.periode) - 1}`,
name: `ACTUAL LAST YEAR`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#fff', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
......@@ -10963,6 +10964,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL Q1 ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
......@@ -11313,6 +11315,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL Q2 ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
......@@ -11663,6 +11666,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL Q3 ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
......@@ -12013,6 +12017,7 @@ export default class TableSubHolding extends Component {
},{
name: `OL PA ${this.props.periode}`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#000', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
......@@ -12363,6 +12368,7 @@ export default class TableSubHolding extends Component {
},{
name: `Historial`,
options: {
display: false,
customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#fff', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
......@@ -69,7 +69,7 @@ export default class TableSummaryTriputra extends Component {
}
}
}, {
name: `MTD 2021`,
name: `MTD ${Number(this.props.periode)}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', top: 0, color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -455,7 +455,7 @@ export default class TableSummaryTriputra extends Component {
display: false
}
}, {
name: `MTD 2021 (OPTIONAL)`,
name: `MTD ${Number(this.props.periode)} (OPTIONAL)`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', top: 0, color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -1086,7 +1086,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-3" 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: 66, width: 685 }}>
<div style={{ borderLeft: '1px #fff solid', borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"YTD 2021"}</span>
<span>{`YTD ${this.props.periode}`}</span>
</div>
<div className="grid grid-5x" style={{ height: 25}}>
<div className="column-1" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
......@@ -1099,10 +1099,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"% of 2020"}</span>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -1110,28 +1110,21 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"FY"}</span>
</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' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</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>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -1187,8 +1180,10 @@ export default class TableSummaryTriputra extends Component {
type="text"
placeholder=""
disabled={true}
// decimalScale={1}
suffix={"%"}
value={tableMeta.rowData[6]}
// value={(tableMeta.rowData[6])}
value={Number(String(tableMeta.rowData[6]).substr(0, String(tableMeta.rowData[6]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1221,7 +1216,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[8]}
// value={tableMeta.rowData[8]}
value={Number(String(tableMeta.rowData[8]).substr(0, String(tableMeta.rowData[8]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1272,7 +1268,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[11]}
// value={tableMeta.rowData[11]}
value={Number(String(tableMeta.rowData[11]).substr(0, String(tableMeta.rowData[11]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1293,8 +1290,6 @@ export default class TableSummaryTriputra extends Component {
}
/>
</div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}>
<FormControlLabel
style={{ margin: 0 }}
......@@ -1307,7 +1302,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[13]}
// value={tableMeta.rowData[13]}
value={Number(String(tableMeta.rowData[13]).substr(0, String(tableMeta.rowData[13]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1387,7 +1383,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-3" 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: 66, width: 685 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"YTD 2021"}</span>
<span>{`YTD ${Number(this.props.periode)}`}</span>
</div>
<div className="grid grid-5x" style={{ height: 25}}>
<div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
......@@ -1400,10 +1396,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"% of 2020"}</span>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -1411,28 +1407,21 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"FY"}</span>
</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' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</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>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -1489,7 +1478,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[16]}
// value={tableMeta.rowData[16]}
value={Number(String(tableMeta.rowData[16]).substr(0, String(tableMeta.rowData[16]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1522,7 +1512,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[18]}
// value={tableMeta.rowData[18]}
value={Number(String(tableMeta.rowData[18]).substr(0, String(tableMeta.rowData[18]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1573,7 +1564,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[21]}
// value={tableMeta.rowData[21]}
value={Number(String(tableMeta.rowData[21]).substr(0, String(tableMeta.rowData[21]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1594,8 +1586,6 @@ export default class TableSummaryTriputra extends Component {
}
/>
</div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}>
<FormControlLabel
style={{ margin: 0 }}
......@@ -1609,6 +1599,7 @@ export default class TableSummaryTriputra extends Component {
disabled={true}
suffix={"%"}
value={tableMeta.rowData[23]}
value={Number(String(tableMeta.rowData[23]).substr(0, String(tableMeta.rowData[23]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1694,7 +1685,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-3" 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: 66, width: 685 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"YTD 2021"}</span>
<span>{`YTD ${Number(this.props.periode)}`}</span>
</div>
<div className="grid grid-5x" style={{ height: 25}}>
<div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
......@@ -1707,10 +1698,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"% of 2020"}</span>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -1718,28 +1709,21 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"FY"}</span>
</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' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
</div>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
</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>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -1796,7 +1780,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[26]}
// value={tableMeta.rowData[26]}
value={Number(String(tableMeta.rowData[26]).substr(0, String(tableMeta.rowData[26]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1829,7 +1814,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[28]}
// value={tableMeta.rowData[28]}
value={Number(String(tableMeta.rowData[28]).substr(0, String(tableMeta.rowData[28]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1880,7 +1866,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[31]}
// value={tableMeta.rowData[31]}
value={Number(String(tableMeta.rowData[31]).substr(0, String(tableMeta.rowData[31]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -1901,8 +1888,6 @@ export default class TableSummaryTriputra extends Component {
}
/>
</div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}>
<FormControlLabel
style={{ margin: 0 }}
......@@ -1915,7 +1900,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[33]}
// value={tableMeta.rowData[33]}
value={Number(String(tableMeta.rowData[33]).substr(0, String(tableMeta.rowData[33]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -2001,7 +1987,7 @@ export default class TableSummaryTriputra extends Component {
<div className="column-3" 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: 66, width: 685 }}>
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"YTD 2021"}</span>
<span>{`YTD ${Number(this.props.periode)}`}</span>
</div>
<div className="grid grid-5x" style={{ height: 25}}>
<div className="column-1" style={{ justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
......@@ -2014,10 +2000,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"% of 2020"}</span>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -2025,28 +2011,21 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: '1px #fff solid', backgroundColor: '#1c71b8', justifyContent: 'center', display: 'flex', alignItems: 'center', color: 'white', height: 25 }}>
<span>{"FY"}</span>
</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' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#37b5e6', height: 40, color: 'black' }}>
<span>{"% of MB"}</span>
</div>
<div className="column-4" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{"2020"}</span>
</div>
</div>
<span>{`${Number(this.props.periode) - 1}`}</span>
</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>
<div className="column-5" style={{ borderLeft: '1px #fff solid', justifyContent: 'center', display: 'flex', alignItems: 'center', backgroundColor: '#008bffc4', height: 40 }}>
<span>{`% of ${Number(this.props.periode) - 1}`}</span>
</div>
</div>
</div>
......@@ -2103,7 +2082,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[36]}
// value={tableMeta.rowData[36]}
value={Number(String(tableMeta.rowData[36]).substr(0, String(tableMeta.rowData[36]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -2136,7 +2116,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[38]}
// value={tableMeta.rowData[38]}
value={Number(String(tableMeta.rowData[38]).substr(0, String(tableMeta.rowData[38]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -2187,7 +2168,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[41]}
// value={tableMeta.rowData[41]}
value={Number(String(tableMeta.rowData[41]).substr(0, String(tableMeta.rowData[41]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -2208,8 +2190,6 @@ export default class TableSummaryTriputra extends Component {
}
/>
</div>
</div>
<div style={{ display: 'grid', width: 200 }}>
<div style={{ flex: 1}}>
<FormControlLabel
style={{ margin: 0 }}
......@@ -2222,7 +2202,8 @@ export default class TableSummaryTriputra extends Component {
placeholder=""
disabled={true}
suffix={"%"}
value={tableMeta.rowData[43]}
// value={tableMeta.rowData[43]}
value={Number(String(tableMeta.rowData[43]).substr(0, String(tableMeta.rowData[43]).length - 1)).toFixed(1)}
/>
}
/>
......@@ -4389,13 +4370,13 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
</div>
<div className="column-2 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
......@@ -4403,10 +4384,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</div>
......@@ -4575,13 +4556,13 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
</div>
<div className="column-2 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
......@@ -4589,10 +4570,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</div>
......@@ -4761,13 +4742,13 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
</div>
<div className="column-2 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
......@@ -4775,10 +4756,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</div>
......@@ -4947,13 +4928,13 @@ export default class TableSummaryTriputra extends Component {
<div className="grid grid-2x" style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}>
<span>{"2020"}</span>
<span>{`${Number(this.props.periode) - 1}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"MB 2021"}</span>
<span>{`MB ${Number(this.props.periode)}`}</span>
</div>
</div>
<div className="column-2 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
......@@ -4961,10 +4942,10 @@ export default class TableSummaryTriputra extends Component {
<span>{"% of MB"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</div>
......@@ -5132,13 +5113,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......@@ -5230,13 +5211,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......@@ -5328,13 +5309,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......@@ -5426,13 +5407,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......@@ -5530,13 +5511,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......@@ -5634,13 +5615,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......@@ -5738,13 +5719,13 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#37b5e6' }}>
<span>{"OL 2021"}</span>
<span>{`OL ${Number(this.props.periode)}`}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#1c71b8' }}>
<span>{"2022"}</span>
<span>{`${Number(this.props.periode) + 1}`}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, backgroundColor: '#1c71b8' }}>
<span>{"2023"}</span>
<span>{`${Number(this.props.periode) + 2}`}</span>
</div>
</div>
</th>
......
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