Skip to content

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

Merge branch 'rifka' into 'master' 

push

See merge request !1195
parents 3f97a2e7 3377a7fa
Show whitespace changes
Inline Side-by-side
Showing with 150 additions and 329 deletions
src/container/MonthlyReport/TaxPlanningMR.js
View file @ dc06a583
...@@ -116,6 +116,7 @@ export default class TaxPlanningMR extends Component { ...@@ -116,6 +116,7 @@ export default class TaxPlanningMR extends Component {
} }
api.create().getAllSettingByType(body).then(response => { api.create().getAllSettingByType(body).then(response => {
console.log(response)
if (response.data) { if (response.data) {
if (response.data.status === 'success') { if (response.data.status === 'success') {
this.setState({ this.setState({
...@@ -468,12 +469,13 @@ export default class TaxPlanningMR extends Component { ...@@ -468,12 +469,13 @@ export default class TaxPlanningMR extends Component {
}) })
} }
handleValidate() { handleValidate(dataTable2) {
let data = [] let data = []
let errorContrl = this.state.buttonError let errorContrl = this.state.buttonError
let editAble = this.state.editAble let editAble = this.state.editAble
// console.log(this.state.dataTable) console.log(this.state.dataTable)
this.state.dataTable.map(i => { console.log(dataTable2)
dataTable2.map(i => {
data.push({ data.push({
item_report_id: i[4], item_report_id: i[4],
trial_balance_commercial: String(Number(i[9].tbc).toFixed(1)), trial_balance_commercial: String(Number(i[9].tbc).toFixed(1)),
...@@ -484,7 +486,11 @@ export default class TaxPlanningMR extends Component { ...@@ -484,7 +486,11 @@ export default class TaxPlanningMR extends Component {
}) })
if (String(i[8]) == "Control (should be nil)") { if (String(i[8]) == "Control (should be nil)") {
if (i[9].tbf < this.state.minValue || i[9].tbf > this.state.maxValue) { this.setState({ loading: true })
console.log(i[9].tbf)
console.log(this.state.minValue)
console.log(this.state.maxValue)
if (Number(i[9].tbf) < Number(this.state.minValue) || Number(i[9].tbf) > Number(this.state.maxValue)) {
errorContrl = true errorContrl = true
editAble = true editAble = true
} else { } else {
...@@ -494,7 +500,7 @@ export default class TaxPlanningMR extends Component { ...@@ -494,7 +500,7 @@ export default class TaxPlanningMR extends Component {
} }
}) })
// this.setState({ loading: false, buttonError: errorContrl, editable: editAble, saveDraft: false }) // this.setState({ loading: false, buttonError: errorContrl, editable: editAble, saveDraft: false })
console.log(errorContrl)
let i = this.state.dataTable let i = this.state.dataTable
let payload = { let payload = {
"monthly_report_id": this.props.monthlyReportId, "monthly_report_id": this.props.monthlyReportId,
...@@ -780,7 +786,6 @@ export default class TaxPlanningMR extends Component { ...@@ -780,7 +786,6 @@ export default class TaxPlanningMR extends Component {
} }
const handleChange = (value, tableMeta, indexChilds) => { const handleChange = (value, tableMeta, indexChilds) => {
console.log(dataTable2)
let val = String(value).split(",").join("") let val = String(value).split(",").join("")
// let data = this.state.dataTable2 // let data = this.state.dataTable2
let indexParent = dataTable2.findIndex((val) => val[4] === dataTable2[tableMeta.rowIndex][5]) let indexParent = dataTable2.findIndex((val) => val[4] === dataTable2[tableMeta.rowIndex][5])
...@@ -802,6 +807,7 @@ export default class TaxPlanningMR extends Component { ...@@ -802,6 +807,7 @@ export default class TaxPlanningMR extends Component {
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf = Number(val) dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf = Number(val)
} }
} }
console.log(dataTable2)
} }
const handleTotal = (value, tableMeta, dex) => { const handleTotal = (value, tableMeta, dex) => {
// console.log(tableMeta) // console.log(tableMeta)
...@@ -1556,13 +1562,13 @@ export default class TaxPlanningMR extends Component { ...@@ -1556,13 +1562,13 @@ export default class TaxPlanningMR extends Component {
<div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}> <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
{this.state.loading && loadingComponent} {this.state.loading && loadingComponent}
{!this.state.loading && <MuiThemeProvider theme={getMuiTheme()}> <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
data={dataTable2} data={dataTable2}
columns={columns} columns={columns}
options={options} options={options}
/> />
</MuiThemeProvider>} </MuiThemeProvider>
{/* )} */} {/* )} */}
</div> </div>
<Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20, marginLeft: 20 }}>Last Updated by : {this.state.updateBy}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20, marginLeft: 20 }}>Last Updated by : {this.state.updateBy}</Typography>
...@@ -1630,7 +1636,7 @@ export default class TaxPlanningMR extends Component { ...@@ -1630,7 +1636,7 @@ export default class TaxPlanningMR extends Component {
this.setState({ loading: true, buttonDraft: false }, () => { this.setState({ loading: true, buttonDraft: false }, () => {
setTimeout(() => { setTimeout(() => {
// this.setState({ loading: false, buttonError: false, editable: true }) // this.setState({ loading: false, buttonError: false, editable: true })
this.handleValidate() this.handleValidate(dataTable2)
}, 100); }, 100);
}) })
} }
......
src/container/SummaryTriputra/SummaryOfTriputra.js
View file @ dc06a583
...@@ -379,7 +379,7 @@ export default class SummaryOfTriputra extends Component { ...@@ -379,7 +379,7 @@ export default class SummaryOfTriputra extends Component {
item.npat_fy_last_year, item.npat_fy_last_year,
item.npat_fy_percent_of_last_year, item.npat_fy_percent_of_last_year,
item.order, item.order,
item.is_approved item.is_approved == undefined ? true : item.is_approved,
]) ])
} }
if (item.children !== null) { if (item.children !== null) {
...@@ -437,7 +437,7 @@ export default class SummaryOfTriputra extends Component { ...@@ -437,7 +437,7 @@ export default class SummaryOfTriputra extends Component {
item.npat_fy_last_year, item.npat_fy_last_year,
item.npat_fy_percent_of_last_year, item.npat_fy_percent_of_last_year,
item.order, item.order,
item.is_approved item.is_approved == undefined ? true : item.is_approved,
]) ])
if (item.children !== null) { if (item.children !== null) {
if (item.children.length > 0) { if (item.children.length > 0) {
...@@ -619,7 +619,8 @@ export default class SummaryOfTriputra extends Component { ...@@ -619,7 +619,8 @@ export default class SummaryOfTriputra extends Component {
item.revenue_last_three_year, item.revenue_last_three_year,
item.revenue_last_two_year, item.revenue_last_two_year,
item.revenue_last_year, item.revenue_last_year,
item.revenue, // item.revenue,
0,
item.ebitda_last_ten_year, item.ebitda_last_ten_year,
item.ebitda_last_nine_year, item.ebitda_last_nine_year,
item.ebitda_last_eight_year, item.ebitda_last_eight_year,
...@@ -630,7 +631,8 @@ export default class SummaryOfTriputra extends Component { ...@@ -630,7 +631,8 @@ export default class SummaryOfTriputra extends Component {
item.ebitda_last_three_year, item.ebitda_last_three_year,
item.ebitda_last_two_year, item.ebitda_last_two_year,
item.ebitda_last_year, item.ebitda_last_year,
item.ebitda, // item.ebitda,
0,
item.tpat_last_ten_year, item.tpat_last_ten_year,
item.tpat_last_nine_year, item.tpat_last_nine_year,
item.tpat_last_eight_year, item.tpat_last_eight_year,
...@@ -641,7 +643,8 @@ export default class SummaryOfTriputra extends Component { ...@@ -641,7 +643,8 @@ export default class SummaryOfTriputra extends Component {
item.tpat_last_three_year, item.tpat_last_three_year,
item.tpat_last_two_year, item.tpat_last_two_year,
item.tpat_last_year, item.tpat_last_year,
item.tpat, // item.tpat,
0,
item.npat_last_ten_year, item.npat_last_ten_year,
item.npat_last_nine_year, item.npat_last_nine_year,
item.npat_last_eight_year, item.npat_last_eight_year,
...@@ -652,7 +655,8 @@ export default class SummaryOfTriputra extends Component { ...@@ -652,7 +655,8 @@ export default class SummaryOfTriputra extends Component {
item.npat_last_three_year, item.npat_last_three_year,
item.npat_last_two_year, item.npat_last_two_year,
item.npat_last_year, item.npat_last_year,
item.npat, // item.npat,
0,
item.total_asset_last_ten_year, item.total_asset_last_ten_year,
item.total_asset_last_nine_year, item.total_asset_last_nine_year,
item.total_asset_last_eight_year, item.total_asset_last_eight_year,
...@@ -663,7 +667,8 @@ export default class SummaryOfTriputra extends Component { ...@@ -663,7 +667,8 @@ export default class SummaryOfTriputra extends Component {
item.total_asset_last_three_year, item.total_asset_last_three_year,
item.total_asset_last_two_year, item.total_asset_last_two_year,
item.total_asset_last_year, item.total_asset_last_year,
item.total_asset, // item.total_asset,
0,
item.total_equity_last_ten_year, item.total_equity_last_ten_year,
item.total_equity_last_nine_year, item.total_equity_last_nine_year,
item.total_equity_last_eight_year, item.total_equity_last_eight_year,
...@@ -674,7 +679,8 @@ export default class SummaryOfTriputra extends Component { ...@@ -674,7 +679,8 @@ export default class SummaryOfTriputra extends Component {
item.total_equity_last_three_year, item.total_equity_last_three_year,
item.total_equity_last_two_year, item.total_equity_last_two_year,
item.total_equity_last_year, item.total_equity_last_year,
item.total_equity, // item.total_equity,
0,
item.order, item.order,
]) ])
} }
......
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ dc06a583
...@@ -1114,6 +1114,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1114,6 +1114,7 @@ export default class TableSummaryTriputra extends Component {
), ),
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
console.log(tableMeta)
return ( return (
<div> <div>
<div style={{ display: 'flex', justifyContent: 'space-between'}}> <div style={{ display: 'flex', justifyContent: 'space-between'}}>
...@@ -1125,7 +1126,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1125,7 +1126,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1141,7 +1142,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1141,7 +1142,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1175,7 +1176,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1175,7 +1176,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1211,7 +1212,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1211,7 +1212,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1227,7 +1228,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1227,7 +1228,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1261,7 +1262,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1261,7 +1262,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1421,7 +1422,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1421,7 +1422,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1437,7 +1438,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1437,7 +1438,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1471,7 +1472,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1471,7 +1472,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1507,7 +1508,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1507,7 +1508,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1523,7 +1524,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1523,7 +1524,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1557,7 +1558,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1557,7 +1558,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1723,7 +1724,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1723,7 +1724,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1739,7 +1740,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1739,7 +1740,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1773,7 +1774,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1773,7 +1774,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1809,7 +1810,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1809,7 +1810,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1825,7 +1826,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1825,7 +1826,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -1859,7 +1860,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -1859,7 +1860,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2025,7 +2026,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2025,7 +2026,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2041,7 +2042,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2041,7 +2042,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2075,7 +2076,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2075,7 +2076,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2111,7 +2112,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2111,7 +2112,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2127,7 +2128,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2127,7 +2128,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2161,7 +2162,7 @@ export default class TableSummaryTriputra extends Component { ...@@ -2161,7 +2162,7 @@ export default class TableSummaryTriputra extends Component {
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: tableMeta.rowData[2] === 2 && tableMeta.rowData[45] === 'true' ? 'black' : tableMeta.rowData[2] === 2 ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: (tableMeta.rowData[2] !== 0 && tableMeta.rowData[2] !== 1 ) && !tableMeta.rowData[45] ? '#5198ea' : 'black', fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
...@@ -2261,6 +2262,18 @@ export default class TableSummaryTriputra extends Component { ...@@ -2261,6 +2262,18 @@ export default class TableSummaryTriputra extends Component {
display: false display: false
} }
}, },
{
name: "",
options: {
display: false
}
},
{
name: "",
options: {
display: false
}
},
] ]
const columnHistorical = [ const columnHistorical = [
...@@ -2312,8 +2325,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2312,8 +2325,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)"}} > <th style={{ ...style2, top: 0, 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-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -2326,35 +2339,26 @@ export default class TableSummaryTriputra extends Component { ...@@ -2326,35 +2339,26 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> </div>
<div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div> </div>
</th> </th>
...@@ -2437,8 +2441,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -2437,8 +2441,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -2457,6 +2459,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2457,6 +2459,8 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-2"> */} {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -2511,8 +2515,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -2511,8 +2515,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center' }}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -2549,29 +2551,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -2549,29 +2551,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
{/* <div className="col-3"> */}
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[14]).toFixed(1)}
/>
}
/>
</div>
{/* </div> */}
{/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */}
</div> </div>
</div> </div>
</div> </div>
...@@ -2644,8 +2623,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2644,8 +2623,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, 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-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -2658,35 +2637,26 @@ export default class TableSummaryTriputra extends Component { ...@@ -2658,35 +2637,26 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> </div>
<div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div> </div>
</th> </th>
...@@ -2769,8 +2739,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -2769,8 +2739,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -2789,6 +2757,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2789,6 +2757,8 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-2"> */} {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -2843,8 +2813,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -2843,8 +2813,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -2881,29 +2849,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -2881,29 +2849,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
{/* <div className="col-3"> */}
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[25]).toFixed(1)}
/>
}
/>
</div>
{/* </div> */}
{/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */}
</div> </div>
</div> </div>
</div> </div>
...@@ -2976,8 +2921,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -2976,8 +2921,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, 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-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -2990,35 +2935,26 @@ export default class TableSummaryTriputra extends Component { ...@@ -2990,35 +2935,26 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> </div>
<div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div> </div>
</th> </th>
...@@ -3101,8 +3037,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3101,8 +3037,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3121,6 +3055,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3121,6 +3055,8 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-2"> */} {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3175,8 +3111,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3175,8 +3111,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3213,29 +3147,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3213,29 +3147,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
{/* <div className="col-3"> */}
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[36]).toFixed(1)}
/>
}
/>
</div>
{/* </div> */}
{/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */}
</div> </div>
</div> </div>
</div> </div>
...@@ -3308,8 +3219,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3308,8 +3219,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, 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-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -3322,35 +3233,26 @@ export default class TableSummaryTriputra extends Component { ...@@ -3322,35 +3233,26 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> </div>
<div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div> </div>
</th> </th>
...@@ -3433,8 +3335,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3433,8 +3335,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3453,6 +3353,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3453,6 +3353,8 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-2"> */} {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3507,8 +3409,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3507,8 +3409,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3545,29 +3445,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3545,29 +3445,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
{/* <div className="col-3"> */}
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[47]).toFixed(1)}
/>
}
/>
</div>
{/* </div> */}
{/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */}
</div> </div>
</div> </div>
</div> </div>
...@@ -3640,8 +3517,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3640,8 +3517,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, 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-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -3654,35 +3531,26 @@ export default class TableSummaryTriputra extends Component { ...@@ -3654,35 +3531,26 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> </div>
<div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div> </div>
</th> </th>
...@@ -3765,8 +3633,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3765,8 +3633,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3785,6 +3651,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3785,6 +3651,8 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-2"> */} {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3839,8 +3707,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3839,8 +3707,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -3877,29 +3743,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -3877,29 +3743,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
{/* <div className="col-3"> */}
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[58]).toFixed(1)}
/>
}
/>
</div>
{/* </div> */}
{/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</div>
</div> */}
</div> </div>
</div> </div>
</div> </div>
...@@ -3972,8 +3815,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -3972,8 +3815,8 @@ export default class TableSummaryTriputra extends Component {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, 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-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-2x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 10 }</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
...@@ -3986,35 +3829,26 @@ export default class TableSummaryTriputra extends Component { ...@@ -3986,35 +3829,26 @@ export default class TableSummaryTriputra extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> </div>
<div className="column-2 grid grid-5x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-5" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div> </div>
</th> </th>
...@@ -4097,8 +3931,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -4097,8 +3931,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -4117,6 +3949,8 @@ export default class TableSummaryTriputra extends Component { ...@@ -4117,6 +3949,8 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between'}}>
{/* <div className="col-2"> */} {/* <div className="col-2"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -4171,8 +4005,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -4171,8 +4005,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
</div>
<div style={{ display: 'flex', width: 640, justifyContent: 'space-between', textAlign: 'center'}}>
{/* <div className="col-1"> */} {/* <div className="col-1"> */}
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<FormControlLabel <FormControlLabel
...@@ -4209,29 +4041,6 @@ export default class TableSummaryTriputra extends Component { ...@@ -4209,29 +4041,6 @@ export default class TableSummaryTriputra extends Component {
/> />
</div> </div>
{/* </div> */} {/* </div> */}
{/* <div className="col-3"> */}
<div style={{ flex: 1 }}>
<FormControlLabel
style={{ margin: 0 }}
value={val}
control={
<NumberFormat
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
disabled={true}
value={Number(tableMeta.rowData[69]).toFixed(1)}
/>
}
/>
</div>
{/* </div> */}
{/* <div className="col-4">
<div style={{ textAlign: 'center', width: 90 }}>
{val.d}
</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