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