Skip to content

T
Tia-dev
Switch branch/tag
Find file
Normal viewHistoryPermalink
OperatingIndicatorDetail.js 154 KB
Newer Older
d.arizona's avatar
update
42fd1790
 
d.arizona committed
1 
import React, { Component } from 'react';
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
2 
import { Typography, Paper, createMuiTheme, MuiThemeProvider, TableCell, FormControlLabel, TextField, Input, Snackbar, withStyles, Tooltip } from '@material-ui/core';
d.arizona's avatar
update
42fd1790
 
d.arizona committed
3 4 5 6 7 8 9 10 11 12 
import MUIDataTable from 'mui-datatables';
import NumberFormat from 'react-number-format';
import api from '../../api';
import AddIcon from '@material-ui/icons/Add';
import { values } from 'ramda';
import PropagateLoader from "react-spinners/PropagateLoader"
import Images from '../../assets/Images';
import ReactTooltip from 'react-tooltip';
import UploadFile from "../../library/Upload";
import { ExcelRenderer } from 'react-excel-renderer';
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
13 
// import { Alert } from '@material-ui/lab';
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
14 
import Constant from '../../library/Constant';
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
15 
import MuiAlert from '@material-ui/lab/Alert';
d.arizona's avatar
update
42fd1790
 
d.arizona committed
16 17 18 19 

var ct = require("../../library/CustomTable");
const getMuiTheme = () => createMuiTheme(ct.customTable3());
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
20 21 22 
const Alert = withStyles({
})((props) => <MuiAlert elevation={6} variant="filled" {...props} />);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
23 24 25 26 27 28 29 30 31 32 33 34 35 
const options = ct.customOptionsFixedColumn();
const style = {
    position: "sticky",
    left: 0,
    zIndex: 101,
    background: "white",
};
const style2 = {
    position: "sticky",
    background: "white",
    zIndex: 100
};
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
36 37 38 39 40 41 42 43 44 
const LightTooltip = withStyles((theme) => ({
    tooltip: {
        backgroundColor: theme.palette.common.white,
        color: 'rgba(0, 0, 0, 0.87)',
        boxShadow: theme.shadows[1],
        fontSize: 11,
    },
}))(Tooltip);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 
export default class BalanceSheet extends Component {
    constructor(props) {
        super(props)
        this.state = {
            dataTable: [
                // ["TOTAL ASSETS", "11,247,249", "10,702,196"],
                // ["TOTAL CURRENT ASSETS", "2,647,647", "2,058,898"],
                // ["Cash & Cash Equivalent", "1,464,571", "729,743"],
                // ["Cash & Bank Balance", "938,707", "265,584"],
                // ["Time & Call Deposit", "525,864", "464,159"],
                // ["BI Deposit", "", ""],
                // ["Marketable Securities", "150,250", "154,500"],
                // ["Notes Receivable", "", ""],
                // ["Accounts Receivable", "172,031", "97,112"],
                // ["Trade Receivables - Third Party", "142,668", "77,480"],
            ],
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
61 
            visibleOI: true,
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
62 63 
            disabledSave: true,
            editable: true,
EKSAD's avatar
oioioi
a88cfc31
 
EKSAD committed
64 
            emptyData: false,
Riri Novita's avatar
push latest update MB
be4d7ee7
 
Riri Novita committed
65 
            updateBy: [],
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
66 
            notesUpdate: '-',
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
67 68 69 70 71 72 
            templateNull: true,
            defaultCurrencyUpload: this.props.defaultCurrency,
            visibleAlertSave: false,
            alert: false,
            tipeAlert: '',
            messageAlert: '',
d.arizona's avatar
update
42fd1790
 
d.arizona committed
73 74 75 76 77 
        }
        this.handleValue = this.handleValue.bind(this)
        this.fileHandler = this.fileHandler.bind(this);
    }
d.arizona's avatar
apdet
831c4705
 
d.arizona committed
78 79 80 81 82 83 84 85 
    getLatestUpdate() {
        let payload = {
            "operating_indicator_id": this.props.data.operatingIndID,
            "report_id": this.props.data.report_id,
            "company_id": this.props.data.company.company_id,
            "periode": this.props.data.periode,
        }
        api.create().getLastestUpdateOI(payload).then(response => {
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
86 
            // console.log(response.data)
d.arizona's avatar
apdet
831c4705
 
d.arizona committed
87 88 89 
            if (response.data) {
                if (response.data.status === "success") {
                    this.setState({
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
90 91 92 93 94 95 96 97 98 99 100 
                        updateBy: response.data.data.detail === null ? [] : response.data.data.detail,
                        notesUpdate: response.data.data.notes_update === null ? '-' : response.data.data.notes_update
                    })
                } else {
                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
                        if (response.data.message.includes("Someone Logged In") || response.data.message.includes("Token Expired")) {
                            setTimeout(() => {
                                localStorage.removeItem(Constant.TOKEN)
                                window.location.reload();
                            }, 1000);
                        }
d.arizona's avatar
apdet
831c4705
 
d.arizona committed
101 102 
                    })
                }
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
103 104 
            } else {
                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
d.arizona's avatar
apdet
831c4705
 
d.arizona committed
105 106 107 108 
            }
        })
    }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
109 110 111 
    componentDidMount() {
        // this.getItemHierarki()
        this.getDataDetail()
d.arizona's avatar
apdet
831c4705
 
d.arizona committed
112 
        this.getLatestUpdate()
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
113 
        // // console.log(this.props);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
114 115 116 
    }

    getDataDetail() {
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
117 
        // this.setState({ loading: true })
d.arizona's avatar
update
42fd1790
 
d.arizona committed
118 
        let payload = {
d.arizona's avatar
apdet
e520cc27
 
d.arizona committed
119 
            "operating_indicator_id": this.props.data.operatingIndID,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
120 121 
            "report_id": this.props.data.report_id,
            "company_id": this.props.data.company.company_id,
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
122 123 
            "periode": this.props.data.periode,
            "currency_id": this.props.defaultCurrency.id,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
124 
        }
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
125 
        console.log(payload)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
126 
        api.create().getOperatingIndDetail(payload).then(response => {
Riri Novita's avatar
apdet
0318bc30
 
Riri Novita committed
127 
            console.log(response)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
128 129 
            let dataTable = []
            let res = response.data.data
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
130 
            // // // console.log(res)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
131 132 133 134 135 136 137 138 139 140 
            const handlePushChild = (item) => {
                let indexIDzz = dataTable.findIndex((val) => val[1] === item.id)
                if (indexIDzz === -1) {
                    dataTable.push([
                        item.type_report_id,
                        item.id,
                        item.parent,
                        item.formula,
                        item.level,
                        item.description,
d.arizona's avatar
apdet gan
dff087f3
 
d.arizona committed
141 
                        item.uom,
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
142 143 144 145 146 147 148 149 150 151 152 153 154 155 
                        item.master_budget.total_actual_before == "" ? item.master_budget.total_actual_before : String(item.master_budget.total_actual_before).indexOf(".") == -1 ? Number(item.master_budget.total_actual_before) : Number(item.master_budget.total_actual_before).toFixed(1),
                        item.master_budget.january == "" ? item.master_budget.january : String(item.master_budget.january).indexOf(".") == -1 ? Number(item.master_budget.january) : Number(item.master_budget.january).toFixed(1),
                        item.master_budget.february == "" ? item.master_budget.february : String(item.master_budget.february).indexOf(".") == -1 ? Number(item.master_budget.february) : Number(item.master_budget.february).toFixed(1),
                        item.master_budget.march == "" ? item.master_budget.march : String(item.master_budget.march).indexOf(".") == -1 ? Number(item.master_budget.march) : Number(item.master_budget.march).toFixed(1),
                        item.master_budget.april == "" ? item.master_budget.april : String(item.master_budget.april).indexOf(".") == -1 ? Number(item.master_budget.april) : Number(item.master_budget.april).toFixed(1),
                        item.master_budget.may == "" ? item.master_budget.may : String(item.master_budget.may).indexOf(".") == -1 ? Number(item.master_budget.may) : Number(item.master_budget.may).toFixed(1),
                        item.master_budget.june == "" ? item.master_budget.june : String(item.master_budget.june).indexOf(".") == -1 ? Number(item.master_budget.june) : Number(item.master_budget.june).toFixed(1),
                        item.master_budget.july == "" ? item.master_budget.july : String(item.master_budget.july).indexOf(".") == -1 ? Number(item.master_budget.july) : Number(item.master_budget.july).toFixed(1),
                        item.master_budget.august == "" ? item.master_budget.august : String(item.master_budget.august).indexOf(".") == -1 ? Number(item.master_budget.august) : Number(item.master_budget.august).toFixed(1),
                        item.master_budget.september == "" ? item.master_budget.september : String(item.master_budget.september).indexOf(".") == -1 ? Number(item.master_budget.september) : Number(item.master_budget.september).toFixed(1),
                        item.master_budget.october == "" ? item.master_budget.october : String(item.master_budget.october).indexOf(".") == -1 ? Number(item.master_budget.october) : Number(item.master_budget.october).toFixed(1),
                        item.master_budget.november == "" ? item.master_budget.november : String(item.master_budget.november).indexOf(".") == -1 ? Number(item.master_budget.november) : Number(item.master_budget.november).toFixed(1),
                        item.master_budget.december == "" ? item.master_budget.december : String(item.master_budget.december).indexOf(".") == -1 ? Number(item.master_budget.december) : Number(item.master_budget.december).toFixed(1),
                        item.master_budget.total_current_year == "" ? item.master_budget.total_current_year : String(item.master_budget.total_current_year).indexOf(".") == -1 ? Number(item.master_budget.total_current_year) : Number(item.master_budget.total_current_year).toFixed(1),
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
156 157 
                        item.master_budget.total_next_year == "" ? item.master_budget.total_next_year : String(item.master_budget.total_next_year).indexOf(".") == -1 ? Number(item.master_budget.total_next_year) : Number(item.master_budget.total_next_year).toFixed(1),
                        item.master_budget.total_more_year == "" ? item.master_budget.total_more_year : String(item.master_budget.total_more_year).indexOf(".") == -1 ? Number(item.master_budget.total_more_year) : Number(item.master_budget.total_more_year).toFixed(1),
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
158 
                        item.order
d.arizona's avatar
update
42fd1790
 
d.arizona committed
159 160 161 162 
                    ])
                }
                if (item.children !== null) {
                    if (item.children.length > 0) {
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
163 
                        item.children.map((items, indexs) => {
d.arizona's avatar
update
42fd1790
 
d.arizona committed
164 165 166 167 168 
                            handlePushChild(items)
                        })
                    }
                }
            }
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
169 
            res.map((item, index) => {
d.arizona's avatar
update
42fd1790
 
d.arizona committed
170 171 172 173 174 175 176 177 
                dataTable.push([
                    item.type_report_id,
                    item.id,
                    item.parent,
                    item.formula,
                    item.level,
                    item.description,
                    item.uom,
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
178 179 180 181 182 183 184 185 186 187 188 189 190 191 
                    item.master_budget.total_actual_before == "" ? item.master_budget.total_actual_before : String(item.master_budget.total_actual_before).indexOf(".") == -1 ? Number(item.master_budget.total_actual_before) : Number(item.master_budget.total_actual_before).toFixed(1),
                    item.master_budget.january == "" ? item.master_budget.january : String(item.master_budget.january).indexOf(".") == -1 ? Number(item.master_budget.january) : Number(item.master_budget.january).toFixed(1),
                    item.master_budget.february == "" ? item.master_budget.february : String(item.master_budget.february).indexOf(".") == -1 ? Number(item.master_budget.february) : Number(item.master_budget.february).toFixed(1),
                    item.master_budget.march == "" ? item.master_budget.march : String(item.master_budget.march).indexOf(".") == -1 ? Number(item.master_budget.march) : Number(item.master_budget.march).toFixed(1),
                    item.master_budget.april == "" ? item.master_budget.april : String(item.master_budget.april).indexOf(".") == -1 ? Number(item.master_budget.april) : Number(item.master_budget.april).toFixed(1),
                    item.master_budget.may == "" ? item.master_budget.may : String(item.master_budget.may).indexOf(".") == -1 ? Number(item.master_budget.may) : Number(item.master_budget.may).toFixed(1),
                    item.master_budget.june == "" ? item.master_budget.june : String(item.master_budget.june).indexOf(".") == -1 ? Number(item.master_budget.june) : Number(item.master_budget.june).toFixed(1),
                    item.master_budget.july == "" ? item.master_budget.july : String(item.master_budget.july).indexOf(".") == -1 ? Number(item.master_budget.july) : Number(item.master_budget.july).toFixed(1),
                    item.master_budget.august == "" ? item.master_budget.august : String(item.master_budget.august).indexOf(".") == -1 ? Number(item.master_budget.august) : Number(item.master_budget.august).toFixed(1),
                    item.master_budget.september == "" ? item.master_budget.september : String(item.master_budget.september).indexOf(".") == -1 ? Number(item.master_budget.september) : Number(item.master_budget.september).toFixed(1),
                    item.master_budget.october == "" ? item.master_budget.october : String(item.master_budget.october).indexOf(".") == -1 ? Number(item.master_budget.october) : Number(item.master_budget.october).toFixed(1),
                    item.master_budget.november == "" ? item.master_budget.november : String(item.master_budget.november).indexOf(".") == -1 ? Number(item.master_budget.november) : Number(item.master_budget.november).toFixed(1),
                    item.master_budget.december == "" ? item.master_budget.december : String(item.master_budget.december).indexOf(".") == -1 ? Number(item.master_budget.december) : Number(item.master_budget.december).toFixed(1),
                    item.master_budget.total_current_year == "" ? item.master_budget.total_current_year : String(item.master_budget.total_current_year).indexOf(".") == -1 ? Number(item.master_budget.total_current_year) : Number(item.master_budget.total_current_year).toFixed(1),
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
192 193 
                    item.master_budget.total_next_year == "" ? item.master_budget.total_next_year : String(item.master_budget.total_next_year).indexOf(".") == -1 ? Number(item.master_budget.total_next_year) : Number(item.master_budget.total_next_year).toFixed(1),
                    item.master_budget.total_more_year == "" ? item.master_budget.total_more_year : String(item.master_budget.total_more_year).indexOf(".") == -1 ? Number(item.master_budget.total_more_year) : Number(item.master_budget.total_more_year).toFixed(1),
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
194 
                    item.order
d.arizona's avatar
update
42fd1790
 
d.arizona committed
195 196 197 
                ])
                if (item.children !== null) {
                    if (item.children.length > 0) {
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
198 
                        item.children.map((items, indexs) => {
d.arizona's avatar
update
42fd1790
 
d.arizona committed
199 200 201 202 203 
                            handlePushChild(items)
                        })
                    }
                }
            })
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
204 205 206 
            this.setState({ dataTable, loading: false }, () => {
                if (this.state.dataTable.length == 0) {
                    this.setState({ emptyData: true })
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
207 208 
                }
            })
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
209 
            console.log(dataTable);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
210 
        })
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
211
d.arizona's avatar
update
42fd1790
 
d.arizona committed
212 213 
    }
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
214 
    createData(type) {
d.arizona's avatar
update
42fd1790
 
d.arizona committed
215 
        let payloadMB = []
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
216 
        this.state.dataTable.map((item, index) => {
d.arizona's avatar
update
42fd1790
 
d.arizona committed
217 218 
            payloadMB.push({
                "item_report_id": item[1],
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
219 220 221 222 223 224 225 226 227 228 229 230 231 232 
                "total_actual_before": String(Number(item[7]).toFixed(1)),
                "january": String(Number(item[8]).toFixed(1)),
                "february": String(Number(item[9]).toFixed(1)),
                "march": String(Number(item[10]).toFixed(1)),
                "april": String(Number(item[11]).toFixed(1)),
                "may": String(Number(item[12]).toFixed(1)),
                "june": String(Number(item[13]).toFixed(1)),
                "july": String(Number(item[14]).toFixed(1)),
                "august": String(Number(item[15]).toFixed(1)),
                "september": String(Number(item[16]).toFixed(1)),
                "october": String(Number(item[17]).toFixed(1)),
                "november": String(Number(item[18]).toFixed(1)),
                "december": String(Number(item[19]).toFixed(1)),
                "total_current_year": String(Number(item[20]).toFixed(1)),
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
233 234 
                "total_next_year": String(Number(item[21]).toFixed(1)),
                "total_more_year": String(Number(item[22]).toFixed(1)),
d.arizona's avatar
update
42fd1790
 
d.arizona committed
235 236 237 
            })
        })
        let payload = {
d.arizona's avatar
apdet
087a534b
 
d.arizona committed
238 
            "operating_indicator_id": this.props.data.operatingIndID,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
239 240 241 
            "report_id": this.props.data.report_id,
            "company_id": this.props.data.company.company_id,
            "periode": this.props.data.periode,
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
242 
            "currency_id": this.props.defaultCurrency.id,
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
243 
            "status": type,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
244 245 
            "master_budget": payloadMB
        }
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
246 
        console.log(payload);
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
247 
        // // console.log('=========================')
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
248 
        // console.log(JSON.stringify(payload))
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
249 
        this.props.saveOperatingInd(payload)
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
250 251 
        this.setState({ loading: false })
        // this.props.onClickClose()
d.arizona's avatar
update
42fd1790
 
d.arizona committed
252 253 254 255 256 257 258 259 260 261 262 
    }

    handleValue(data) {
        let total = 0
        this.state.dataTable.map((item, index) => {
            if (data.rowData[1] == item[2]) {
                total = item[data.columnIndex] == undefined ? (Number(total) + 0) : (Number(total) + Number(item[data.columnIndex]))
            }
        })
        let indexParent = this.state.dataTable.findIndex((val) => val[1] == this.state.dataTable[data.rowIndex][2])
        let a = this.state.dataTable[data.rowIndex][data.columnIndex] = total
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
263 
        // // // console.log(indexParent);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 
        return a
    }

    handleChange(value, tableMeta) {
        let val = String(value).split(",").join("")
        let data = this.state.dataTable
        let indexParent = data.findIndex((val) => val[1] == data[tableMeta.rowIndex][2])
        if (indexParent > 0) {
            let a = data[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val)
            let jagain = data[indexParent][tableMeta.columnIndex]
            a = data[indexParent][tableMeta.columnIndex] = jagain == undefined ? (0 + Number(val)) : (jagain + Number(val))
        } else {
            data[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val)
        }
    }


    downloadTemplate = async () => {
        let res = await fetch(
Riri Novita's avatar
Update Download Template
40b3e08a
 
Riri Novita committed
283 
            `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/operating_indicator/master_budget/download_template?report_id=${this.props.data.report_id}&&company_id=${this.props.data.company.company_id}&&year=${this.props.data.periode}&&currency_id=${this.props.defaultCurrency.id}`
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
284 285 
        )
        res = await res.blob()
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
286 
        // // console.log(res)
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
287 288 289 290 291 292 293 294 295 296 
        if (res.size > 0) {
            let url = window.URL.createObjectURL(res);
            let a = document.createElement('a');
            a.href = url;
            a.download = 'Template Master Budget Operating Indicator.xlsx';
            a.click();
        }
    }

    async downloadAllData() {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
297 
        // // // console.log('masuk')
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
298 
        let bram = [this.props.data.operatingIndID, this.props.report_id, this.props.data.company.company_id, this.props.data.periode]
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
299 
        // // console.log(bram)
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
300 
        let res = await fetch(
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
301 
            `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/operating_indicator/master_budget/export_master_budget?operating_indicator_id=${this.props.data.operatingIndID == null ? "" : this.props.data.operatingIndID}&&report_id=${this.props.data.report_id}&&company_id=${this.props.data.company.company_id}&&year=${this.props.data.periode}`
d.arizona's avatar
update
42fd1790
 
d.arizona committed
302 
        )
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
303
d.arizona's avatar
update
42fd1790
 
d.arizona committed
304 
        res = await res.blob()
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
305 
        // // console.log(res)
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
306 
        this.setState({ loading: false })
d.arizona's avatar
update
42fd1790
 
d.arizona committed
307 308 309 310 
        if (res.size > 0) {
            let url = window.URL.createObjectURL(res);
            let a = document.createElement('a');
            a.href = url;
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
311 
            a.download = 'Master Budget Operating Indicator.xlsx';
d.arizona's avatar
update
42fd1790
 
d.arizona committed
312 313 314 315 316 317 318 
            a.click();
        }
    }

    fileHandler = (event) => {
        let fileObj = event
        ExcelRenderer(fileObj, (err, resp) => {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
319 
            // // // console.log(resp)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
320 
            if (err) {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
321 
                // // console.log(err);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
322 323 324 
            }
            else {
                let isi = resp.rows.slice(3)
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
325 
                // // console.log(isi);
d.arizona's avatar
update
42fd1790
 
d.arizona committed
326 
                let payload = []
d.arizona's avatar
apdet gan
dff087f3
 
d.arizona committed
327 
                let reg = /^[-+]?(?:[0-9]+,)*[0-9]+(?:\.[0-9]+)?$/;
d.arizona's avatar
update
42fd1790
 
d.arizona committed
328 329 330 
                isi.map((i, index) => {
                    if (i.length > 0) {
                        payload.push({
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 
                            order: i[0] === undefined ? "0" : String(i[0]).trim(),
                            item_report_id: i[1] === undefined ? "0" : String(i[1]).trim(),
                            item_report: i[2] === undefined ? "0" : String(i[2]).trim(),
                            uom: i[3] === undefined ? "" : String(i[3]).trim(),
                            // total_actual_before: i[4] === undefined ? "0" : reg.test(String(i[4])) === false ? "0" : String(i[4]).trim(),
                            january: i[4] === undefined ? "0" : reg.test(String(i[4])) === false ? "0" : String(i[4]).trim(),
                            february: i[5] === undefined ? "0" : reg.test(String(i[5])) === false ? "0" : String(i[5]).trim(),
                            march: i[6] === undefined ? "0" : reg.test(String(i[6])) === false ? "0" : String(i[6]).trim(),
                            april: i[7] === undefined ? "0" : reg.test(String(i[7])) === false ? "0" : String(i[7]).trim(),
                            may: i[8] === undefined ? "0" : reg.test(String(i[8])) === false ? "0" : String(i[8]).trim(),
                            june: i[9] === undefined ? "0" : reg.test(String(i[9])) === false ? "0" : String(i[9]).trim(),
                            july: i[10] === undefined ? "0" : reg.test(String(i[10])) === false ? "0" : String(i[10]).trim(),
                            august: i[11] === undefined ? "0" : reg.test(String(i[11])) === false ? "0" : String(i[11]).trim(),
                            september: i[12] === undefined ? "0" : reg.test(String(i[12])) === false ? "0" : String(i[12]).trim(),
                            october: i[13] === undefined ? "0" : reg.test(String(i[13])) === false ? "0" : String(i[13]).trim(),
                            november: i[14] === undefined ? "0" : reg.test(String(i[14])) === false ? "0" : String(i[14]).trim(),
                            december: i[15] === undefined ? "0" : reg.test(String(i[15])) === false ? "0" : String(i[15]).trim(),
                            total_current_year: i[16] === undefined ? "0" : reg.test(String(i[16])) === false ? "0" : String(i[16]).trim(),
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
349 350 
                            total_next_year: i[17] === undefined ? "0" : reg.test(String(i[17])) === false ? "0" : String(i[17]).trim(),
                            total_more_year: i[18] === undefined ? "0" : reg.test(String(i[18])) === false ? "0" : String(i[18]).trim(),
d.arizona's avatar
update
42fd1790
 
d.arizona committed
351 352 353 354 
                        })
                    }
                })
                let body = {
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
355 356 357 
                    company_id: this.props.data.company.company_id,
                    periode: this.props.data.periode,
                    report_id: this.props.data.report_id,
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
358 359 
                    master_budget: payload,
                    status: 'submitted'
d.arizona's avatar
update
42fd1790
 
d.arizona committed
360 
                }
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
361 
                console.log(body)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
362 363 364 365 366 367 
                this.setState({ payload: body, buttonError: false, judul: resp.rows[1][0] })
            }
        });
    }

    checkUpload() {
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
368 369 370 371 
        let payload = {
            ...this.state.payload,
            currency_id: this.state.defaultCurrencyUpload?.id
        }
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
372 
        // // console.log(JSON.stringify(this.state.payload))
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
373 
        api.create().checkUploadOperatingInd(payload).then(response => {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
374 375 
            // // // console.log(JSON.stringify(this.state.payload));
            // // console.log('===============')
Riri Novita's avatar
banyak
d38c5bc1
 
Riri Novita committed
376 
            console.log(response)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
377 378 
            if (response.data) {
                if (response.data.status === 'success') {
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
379 
                    this.setState({ visibleUpload: false, visibleOI: false, loading: true })
EKSAD's avatar
oioioi
a88cfc31
 
EKSAD committed
380 
                    let total = 0
d.arizona's avatar
update
42fd1790
 
d.arizona committed
381 
                    let dataTable = response.data.data.map((item, index) => {
EKSAD's avatar
oioioi
a88cfc31
 
EKSAD committed
382 383 384 
                        if (item.type_report_id != null) {
                            total += 1
                        }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
385 386 387 388 389 390 391 
                        return [
                            item.type_report_id,
                            item.item_report_id,
                            item.parent,
                            item.formula,
                            item.level,
                            item.item_report,
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
392 
                            item.uom,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
393 394 395 396 397 398 399 400 401 402 403 404 405 406 
                            item.total_actual_before,
                            item.january,
                            item.february,
                            item.march,
                            item.april,
                            item.may,
                            item.june,
                            item.july,
                            item.august,
                            item.september,
                            item.october,
                            item.november,
                            item.december,
                            item.total_current_year,
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
407 408 
                            item.total_next_year,
                            item.total_more_year,
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
409 
                            item.order,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
410 411 412 
                            item.error
                        ]
                    })
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
413 
                    this.setState({ dataTable, dataLoaded: true, loading: false, templateNull: total > 0 ? true : false })
d.arizona's avatar
update
42fd1790
 
d.arizona committed
414 415 416 417 418 
                }
            }
        })
    }
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
419 420 
    uploadOI(type) {
        let data = []
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
421 
        // // console.log(this.state.dataTable)
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
422 423 424 425 
        this.state.dataTable.map(i => {
            data.push({
                "item_report_id": i[1],
                "item_report": String(i[5]),
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
426 427 428 429 430 431 432 433 434 435 436 437 438 439 
                "total_actual_before": String(Number(i[7] == null ? "0" : i[7]).toFixed(1)),
                "january": String(Number(i[8]).toFixed(1)),
                "february": String(Number(i[9]).toFixed(1)),
                "march": String(Number(i[10]).toFixed(1)),
                "april": String(Number(i[11]).toFixed(1)),
                "may": String(Number(i[12]).toFixed(1)),
                "june": String(Number(i[13]).toFixed(1)),
                "july": String(Number(i[14]).toFixed(1)),
                "august": String(Number(i[15]).toFixed(1)),
                "september": String(Number(i[16]).toFixed(1)),
                "october": String(Number(i[17]).toFixed(1)),
                "november": String(Number(i[18]).toFixed(1)),
                "december": String(Number(i[19]).toFixed(1)),
                "total_current_year": String(Number(i[20]).toFixed(1)),
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
440 441 
                "total_next_year": String(Number(i[21]).toFixed(1)),
                "total_more_year": String(Number(i[22]).toFixed(1)),
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
442 443 444 445 
            })
        })
        let body = {
            company_id: this.props.data.company.company_id,
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
446 
            operating_indicator_id: this.props.data.operatingIndID,
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
447 448 
            periode: this.props.data.periode,
            report_id: this.props.data.report_id,
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
449 
            currency_id: this.props.defaultCurrency.id,
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
450 451 452 
            status: type,
            master_budget: data
        }
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
453 454 
        // // console.log(data);
        // // console.log(JSON.stringify(body))
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
455 
        api.create('UPLOAD').uploadOperatingInd(body).then(response => {
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
456 
            console.log(response);
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
457 
            this.setState({ loading: false })
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
458 459 460 461 462 
            if (response.data) {
                if (response.data.status === "success") {
                    this.props.onClickClose()
                    this.props.getReport()
                } else {
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
463 464 465 466 467 468 469 
                    console.log(response.data.message);
                    if (response.data.message == "Please Set Up Rate Currency First") {
                        this.setState({ visibleAlertSave: true, loading: false })
                    } else {
                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false })
                    }
                    // alert(response.data.status)
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
470 471 472 473 474 475 476 
                }
            } else {
                alert(response.problem)
            }
        })
    }
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
477 478 479 
    closeAlert() {
        this.setState({ alert: false })
    }
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
480
d.arizona's avatar
update
42fd1790
 
d.arizona committed
481 482 483 484 
    render() {
        let dataTable2 = this.state.dataTable
        const handleChange = (value, tableMeta) => {
            let val = String(value).split(",").join("")
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
485 486 
            let total = 0
            dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val)
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
487 488 489 490 491 492 
            // dataTable2[tableMeta.rowIndex].map((item,index) => {
            //     if (index >= 8 && index <= 19) {
            //         let valItem = item == undefined || item == ""? 0 : item
            //         total += Number(valItem)
            //     }
            // })
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
493 
            // dataTable2[tableMeta.rowIndex][20] = total
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
494 
            // // console.log(dataTable2[tableMeta.rowIndex])
d.arizona's avatar
update
42fd1790
 
d.arizona committed
495 
        }
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
496 497 498 

        const handleValue = (value, tableMeta) => {
            let val = String(value).split(",").join("")
d.arizona's avatar
update
42fd1790
 
d.arizona committed
499 
            let total = 0
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
500 
            dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val)
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
501 
            dataTable2[tableMeta.rowIndex].map((item, index) => {
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
502 
                if (index >= 8 && index <= 19) {
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
503 
                    let valItem = item == undefined || item == "" ? 0 : item
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
504 
                    total += Number(valItem)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
505 506 
                }
            })
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
507 
            dataTable2[tableMeta.rowIndex][20] = total
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
508 
            return total
d.arizona's avatar
update
42fd1790
 
d.arizona committed
509 
        }
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
510
d.arizona's avatar
BISMILLAH_FIX_FINAL
32de7146
 
d.arizona committed
511 
        const handleParent = (tableMeta) => {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
512 
            // // console.log(tableMeta)
d.arizona's avatar
apdet giat bgt
755b2adf
 
d.arizona committed
513 
            let total = 0
d.arizona's avatar
BISMILLAH_FIX_FINAL
32de7146
 
d.arizona committed
514 515 516 

            dataTable2.map((item, index) => {
                if (item[2] == tableMeta.rowData[1]) {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
517 518 
                    // // console.log(total)
                    // // console.log(item[tableMeta.columnIndex])
d.arizona's avatar
BISMILLAH_FIX_FINAL
32de7146
 
d.arizona committed
519 520 521 522 523 524 525 
                    total += Number(item[tableMeta.columnIndex])
                }
            })

            dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = total
            return total
        }
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
526
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
527 
        const handleFormula = (tableMeta) => {
d.arizona's avatar
update
42fd1790
 
d.arizona committed
528 
            let arrayFormula = tableMeta.rowData[3].match(/[a-zA-Z]+|[0-9]+|[-!$%^&*()_+|~=`{}\[\]:";'<>?,.\/]+(?:\.[0-9]+@|)/g)
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
529 
            let arrayFormulaConvert = []
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
530 531 532 
            // // // console.log(arrayFormula)
            let opet = ""
            let tambahan = false
d.arizona's avatar
update
42fd1790
 
d.arizona committed
533 
            arrayFormula.map((item, indexs) => {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
534 535 536 
                if (item == 'X') {
                    tambahan = true
                } else if (item == '-' || item == '+' || item == '/' || item == '*') {
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
537 
                    arrayFormulaConvert.push(item)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
538 
                } else {
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
539 
                    let indexID = dataTable2.findIndex((val) => val[23] == item)
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
540 541 542 543 
                    if (tambahan) {
                        if (item == '-' || item == '+' || item == '/' || item == '*') {
                            opet = item
                        } else {
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
544 
                            arrayFormulaConvert.push(opet == '' ? Number(item) : Number(String(opet + String(item))))
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
545 546 547 
                            tambahan = false
                            opet = ""
                        }
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
548 
                    } else {
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
549 550 551 552 553 
                        if (indexID !== -1) {
                            let valuezz = dataTable2[indexID][tableMeta.columnIndex]
                            // // // console.log(dataTable2[indexID])
                            arrayFormulaConvert.push(valuezz == "" ? 0 : valuezz)
                        }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
554 
                    }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
555 556 
                }
            })
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
557 558 
            // // console.log(arrayFormula)
            // // console.log(arrayFormulaConvert)
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
559 
            let array = arrayFormulaConvert
d.arizona's avatar
update
42fd1790
 
d.arizona committed
560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 
            let total = 0
            let opt = ""
            array.map((item, index) => {
                if (item == "+") {
                    opt = "tambah"
                } else if (item == "-") {
                    opt = "kurang"
                } else if (item == "*") {
                    opt = "kali"
                } else if (item == "/") {
                    opt = "bagi"
                } else {
                    if (opt == "tambah") {
                        total = Number(total) + Number(item)
                    } else if (opt == "kurang") {
                        total = Number(total) - Number(item)
                    } else if (opt == "kali") {
                        total = Number(total) * Number(item)
                    } else if (opt == "bagi") {
                        total = Number(total) / Number(item)
                    } else {
d.arizona's avatar
apdet
b86a5ebd
 
d.arizona committed
581 
                        total += Number(item)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 
                    }
                }
            })
            let a = dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(total)
            return a

        }
        const columns = [{
            name: "",
            options: {
                display: false
            }
        }, {
            name: "",
            options: {
                display: false
            }
        }, {
            name: "",
            options: {
                display: false
            }
        }, {
            name: "",
            options: {
                display: false
            }
        }, {
            name: "",
            options: {
                display: false
            }
        }, {
            name: "Account",
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell key={columnMeta.index} style={{ ...style, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 300 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'left' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style }),
                customBodyRender: (val, tableMeta) => {
                    return (
                        <div style={{ width: 300 }}>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
626 627 
                            {tableMeta.rowData[0] === null ?
                                tableMeta.rowData[1] !== null ?
d.arizona's avatar
update
42fd1790
 
d.arizona committed
628 629 630 631 632 
                                    tableMeta.rowData[4] == 0 ?
                                        <span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
                                        :
                                        <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                            <span style={{ fontSize: 12 }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
633 634 635 636 637 638 639 640 641 
                                        </div> :
                                    tableMeta.rowData[4] == 0 ?
                                        <LightTooltip title={"Report Items Not Registered"} arrow>
                                            <span style={{ fontSize: 12, fontWeight: 'bold', color: 'red' }}>{String(val).toUpperCase()}</span>
                                        </LightTooltip> :
                                        <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                            <LightTooltip title={"Report Items Not Registered"} arrow>
                                                <span style={{ fontSize: 12, color: 'red' }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
                                            </LightTooltip>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
642 
                                        </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 
                                :
                                tableMeta.rowData[4] == 0 ?
                                    <span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
                                    :
                                    <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                        <span style={{ fontSize: 12 }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
                                    </div>

                                // tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === null ?
                                //     null
                                //     :
                                //     tableMeta.rowData[22] ?
                                //         tableMeta.rowData[22].length > 0 ?
                                //             tableMeta.rowData[22][0].field === 'item' ?
                                //                 tableMeta.rowData[4] == 0 ?
                                //                     <a data-tip={tableMeta.rowData[22][0].message} data-for="account">
                                //                         <span style={{ fontSize: 12, fontWeight: 'bold', color: 'red' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
                                //                     </a>
                                //                     :
                                //                     <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                //                         <a data-tip={tableMeta.rowData[22][0].message} data-for="account">
                                //                             <span style={{ fontSize: 12, color: 'red' }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
                                //                         </a>
                                //                     </div>
                                //                 :
                                //                 tableMeta.rowData[4] == 0 ?
                                //                     <span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
                                //                     :
                                //                     <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                //                         <span style={{ fontSize: 12 }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
                                //                     </div>
                                //             :
                                //             tableMeta.rowData[4] == 0 ?
                                //                 <span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
                                //                 :
                                //                 <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                //                     <span style={{ fontSize: 12 }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
                                //                 </div>
                                //         :
                                //         tableMeta.rowData[4] == 0 ?
                                //             <span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
                                //             :
                                //             <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
                                //                 <span style={{ fontSize: 12 }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
                                //             </div>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
688 
                            }
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
689 
                            {/* <ReactTooltip border={true} id="account" place="bottom" type="light" effect="solid" /> */}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 
                        </div>
                    )
                }
            }
        }, {
            name: "UOM",
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
                        <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
706 
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === null ?
d.arizona's avatar
apdet
d3b4a1d6
 
d.arizona committed
707 708 
                                null
                                :
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
709 
                                <FormControlLabel
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
710 711 712 713 714 715 716 717 718 
                                    style={{ margin: 0 }}
                                    // value={value}
                                    control={
                                        <Input
                                            disableUnderline={true}
                                            style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginTop: -10 }}
                                            type="text"
                                            placeholder=""
                                            defaultValue={value}
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
719 
                                            // color={"#5198ea"}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
720 721 
                                            value={value}
                                            disabled={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
722 723 724 725 726 727 
                                        // onBlur={(event) => {
                                        //     // // console.log(event.target.value)
                                        //     // updateValue(event.target.value)
                                        //     handleChangeText(event.target.value, tableMeta)
                                        //     // // console.log(dataTable2)
                                        // }}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
728 
                                        />
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
729 730 
                                    }
                                />}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
731 732 733 734 735 
                        </div>
                    )
                }
            }
        }, {
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
736 
            name: `31 Dec ${Number(this.props.data.periode) - 1} Actual`,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
737 738 739 740 741 742 743 744 745 746 
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
                        <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
747 
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
d.arizona's avatar
apdet
d3b4a1d6
 
d.arizona committed
748 749 
                                null
                                :
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
750 751 752 753 754 755 756 
                                <NumberFormat
                                    thousandSeparator={true}
                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                    type="text"
                                    placeholder=""
                                    disabled={true}
                                    decimalScale={1}
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
757 
                                    value={Number(value).toFixed(1)}
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
758 
                                />}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
759 760 761 762 763 
                        </div>
                    )
                }
            }
        }, {
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
764 
            name: `Jan ${this.props.data.periode}`,
d.arizona's avatar
update
42fd1790
 
d.arizona committed
765 766 767 768 769 770 771 772 773 774 
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
775 
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
d.arizona's avatar
update
42fd1790
 
d.arizona committed
776 777 
                                null
                                :
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
778 779 780 781 782 783 784 785 786 787 788 
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
789 
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
                                    :
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
808 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
809 810 811 812 813 
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
814 
                                                            // // console.log(dataTable2)
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
815 816 817 
                                                        }}
                                                    />
                                                }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
818 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
819 820 821 822 823 824 825 826 827 828 829 830 
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
Deni Rinaldi's avatar
kelakuan si arfin
210d428a
 
Deni Rinaldi committed
831 
                                                        value={Number(value).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
832 833 834 835 836 
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
d.arizona's avatar
update
b0d765e0
 
d.arizona committed
837 
                                                            // // console.log(dataTable2)
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
838 839 840 
                                                        }}
                                                    />
                                                }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
841 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
842 
                                        </div>)
d.arizona's avatar
update
42fd1790
 
d.arizona committed
843 844 845 846 847 848 
                            }
                        </div>
                    )
                }
            }
        }
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
849 
            , {
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 
            name: `Feb ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
882 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
883 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
884 885 886 887 888 889 890 891 892 893 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
894 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
895 896 
                                                        disabled={true}
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
897 898 899 900 901 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
902 903 
                                                    />
                                                }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
904 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
905 906 907 908 909 910 911 912 913 
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
914 
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
915 916 
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
917 
                                                        value={Number(value).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
918 
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
919 920 921 922 923 924 
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
925 926 
                                                    />
                                                }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
927 
                                            />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
928 929 930 931 
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
932 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 
            }
        }, {
            name: `Mar ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
967 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
968 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
969 970 971 972 973 974 975 976 977 978 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
979 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
980 981 
                                                        disabled={true}
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
982 983 984 985 986 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
987 988 
                                                    />
                                                }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
989 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
990 991 992 993 994 995 996 997 998 
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
999 
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1000 1001 
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1002 
                                                        value={Number(value).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1003 
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1004 1005 1006 1007 1008 1009 
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1010 1011 
                                                    />
                                                }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
1012 
                                            />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1013 1014 1015 1016 
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1017 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 
            }
        }, {
            name: `Apr ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1052 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1053 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1064 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1065 1066 
                                                        disabled={true}
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1067 1068 1069 1070 1071 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1072 1073 
                                                    />
                                                }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
1074 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1075 1076 1077 1078 1079 1080 1081 
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1082 1083 
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1084 
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1085 1086 
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1087 
                                                        value={Number(value).toFixed(1)}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1088 
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1089 1090 1091 1092 1093 1094 
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1095 1096 1097 
                                                    />
                                                }
                                            />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 
                                        </div>)
                            }
                        </div>
                    )
                }
            }
        }, {
            name: `May ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1133 
                                                />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 
                                            }
                                        />
                                    </div>
                                    :
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1187 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 
            }
        }, {
            name: `Jun ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
                                    :
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
                }
            }
        }, {
            name: `Jul ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
                                    :
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
                }
            }
        }, {
            name: `Aug ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
                                    :
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
                }
            }
        }, {
            name: `Sep ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1477 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1478 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1489 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1490 1491 
                                                        disabled={true}
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1492 1493 1494 1495 1496 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1497 1498 
                                                    />
                                                }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
1499 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1500 1501 
                                        </div>
                                        :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1527 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 
            }
        }, {
            name: `Oct ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1562 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1563 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1564 1565 1566 1567 1568 1569 1570 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1571 
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1572 1573 
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1574 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1575 
                                                        disabled={true}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1576 
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1577 1578 1579 1580 1581 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1582 1583 
                                                    />
                                                }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
1584 
                                            />
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1585 1586 
                                        </div>
                                        :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1612 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 
            }
        }, {
            name: `Nov ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1647 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1648 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1659 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1660 1661 
                                                        disabled={true}
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1662 1663 1664 1665 1666 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1667 1668 
                                                    />
                                                }
d.arizona's avatar
lebih baik kita usai disini
550e0882
 
d.arizona committed
1669 
                                            />
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1670 1671 1672 1673 1674 1675 1676 1677 1678 
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1679 
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1680 1681 
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1682 
                                                        value={Number(value).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1683 
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1684 1685 1686 1687 1688 1689 
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1690 1691 
                                                    />
                                                }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
1692 
                                            />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1693 1694 1695 1696 
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1697 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 
            }
        }, {
            name: `Dec ${this.props.data.periode}`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
                        <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1732 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1733 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>
                                        :
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1757 1758 1759 1760 1761 1762 1763 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1764 
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1765 1766 
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1767 
                                                        value={Number(value).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1768 
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1769 1770 1771 1772 1773 1774 
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1775 1776 
                                                    />
                                                }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
1777 
                                            />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1778 1779 1780 1781 
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1782 
                }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 
            }
        }, {
            name: `31 Dec ${this.props.data.periode}\nTotal`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
                        <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
                                                    decimalScale={1}
                                                />
                                            }
                                        />
                                    </div>
d.arizona's avatar
BISMILLAH_FIX_FINAL
32de7146
 
d.arizona committed
1817 
                                    :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1818 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1829 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1830 1831 
                                                        disabled={true}
                                                        decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1832 1833 1834 1835 1836 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1837 1838 1839 1840 1841 
                                                    />
                                                }
                                            />
                                        </div>
                                        :
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
                }
            }
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1869 1870 
        }, {
            name: `31 Dec ${Number(this.props.data.periode) + 1}\nTotal`,
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1871 1872 
            // name: `31 Dec 2023\nTotal`,
            options: {
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1873 1874 1875 1876 1877 
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
                        <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1878 1879 
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1880 1881 1882 1883 
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1884 
                                :
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1885 
                                tableMeta.rowData[0] == 2 ?
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                    type="text"
                                                    placeholder=""
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1896 
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1897 1898 
                                                    disabled={true}
                                                    decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1899 
                                                />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1900 1901 1902 1903 
                                            }
                                        />
                                    </div>
                                    :
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
                                                        disabled={true}
                                                        decimalScale={1}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>
                                        :
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
                }
            }
        }, {
            name: `31 Dec ${Number(this.props.data.periode) + 2}\nTotal`,
            // name: `31 Dec 2024\nTotal`,
            options: {
                customHeadRender: (columnMeta) => (
                    <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
                        <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
                    </TableCell>
                ),
                setCellProps: () => ({ style2 }),
                customBodyRender: (value, tableMeta, updateValue) => {
                    return (
                        <div style={{ textAlign: 'right' }}>
                            {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === null ?
                                null
                                :
                                tableMeta.rowData[0] == 2 ?
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1972 1973 1974 1975 1976 1977 1978 
                                    <div style={{ flex: 1 }}>
                                        <FormControlLabel
                                            style={{ margin: 0 }}
                                            value={value}
                                            control={
                                                <NumberFormat
                                                    thousandSeparator={true}
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1979 
                                                    style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1980 1981 
                                                    type="text"
                                                    placeholder=""
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1982 1983 
                                                    value={Number(handleParent(tableMeta)).toFixed(1)}
                                                    disabled={true}
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1984 
                                                    decimalScale={1}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1985 
                                                />
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
1986 1987 
                                            }
                                        />
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1988 
                                    </div>
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1989 
                                    :
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
1990 
                                    (tableMeta.rowData[0] == 5 || tableMeta.rowData[0] == 6 ?
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1991 1992 1993 1994 1995 1996 1997 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
1998 
                                                        style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
1999 2000 
                                                        type="text"
                                                        placeholder=""
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
2001 
                                                        value={Number(handleFormula(tableMeta)).toFixed(1)}
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
2002 
                                                        disabled={true}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
2003 
                                                        decimalScale={1}
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
2004 2005 2006 2007 2008 
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
2009 2010 2011 
                                                    />
                                                }
                                            />
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
2012 2013 
                                        </div>
                                        :
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 
                                        <div style={{ flex: 1 }}>
                                            <FormControlLabel
                                                style={{ margin: 0 }}
                                                value={value}
                                                control={
                                                    <NumberFormat
                                                        thousandSeparator={true}
                                                        style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
                                                        type="text"
                                                        placeholder=""
                                                        value={Number(value).toFixed(1)}
                                                        decimalScale={1}
                                                        disabled={!this.props.permission.create || !this.props.permission.edit || !this.props.isSubmit}
                                                        onBlur={(event) => {
                                                            // updateValue(event.target.value)
                                                            handleChange(event.target.value, tableMeta)
                                                            // // console.log(dataTable2)
                                                        }}
                                                    />
                                                }
                                            />
                                        </div>)
                            }
                        </div>
                    )
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
2039 
                }
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
2040 2041 
            }
        },
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
2042 2043 2044 2045 
        {
            name: "",
            options: {
                display: false
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2046 
            }
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
2047 
        }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 
        ]
        const loadingComponent = (
            <div style={{ position: 'absolute', zIndex: 110, top: 0, left: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'rgba(255,255,255,0.8)' }}>
                <PropagateLoader
                    // css={override}
                    size={20}
                    color={"#274B80"}
                    loading={this.state.loading}
                />
            </div>
        );

        return (
            <div style={{ height: this.props.height, backgroundColor: '#f8f8f8', marginBottom: 100, minHeight: 1000 }}>
                <div className={"main-color"} style={{ height: 78, flex: 1, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2063 
                    <Typography style={{ fontSize: '16px', color: 'white' }}>Master Budget Submission</Typography>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2064 
                </div>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2065 2066 2067 2068 2069 
                <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
                    <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
                        {this.state.messageAlert}
                    </Alert>
                </Snackbar>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2070 
                <div style={{ flex: 1, padding: 20, width: '100%' }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2071 
                    {this.state.visibleOI === true ?
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2072 2073 
                        <Paper style={{ paddingTop: 10, paddingBottom: 20 }}>
                            <div style={{ borderBottom: 'solid 1px #c4c4c4' }} >
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2074 
                                <Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Master Budget - Operating Indicator</Typography>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2075 2076 
                            </div>
                            <div style={{ padding: 20 }}>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2077 
                                {!this.state.emptyData && <div style={{ display: 'flex', justifyContent: 'space-between' }}>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2078 2079 
                                    <div>
                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.data.company.company_name}</Typography>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2080 
                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.data.periode}</Typography>
Riri Novita's avatar
Fixing OI IDR mn
a44bda0a
 
Riri Novita committed
2081 2082 2083 2084 2085 2086 
                                        {/* <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography> */}
                                        {this.props.defaultCurrency.id === 1 ?
                                            <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
                                            :
                                            <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in USD thousand</Typography>
                                        }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2087 2088 2089 
                                    </div>
                                    <div style={{ width: '50%' }}>
                                        <div style={{ justifyContent: 'flex-end', display: 'flex', flexFlow: 'wrap' }}>
d.arizona's avatar
tap
702014bb
 
d.arizona committed
2090 
                                            {(this.props.permission.create || this.props.permission.edit) && this.props.isSubmit && <a data-tip={'Download Template'} data-for="template">
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 
                                                <button
                                                    style={{
                                                        backgroundColor: 'transparent',
                                                        cursor: 'pointer',
                                                        borderColor: 'transparent',
                                                        margin: 5
                                                    }}
                                                    onClick={() => this.downloadTemplate()}
                                                >
                                                    <img src={Images.template} />
                                                </button>
d.arizona's avatar
bobo nyenyak
7d662834
 
d.arizona committed
2102 
                                            </a>}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2103 
                                            <ReactTooltip border={true} id="template" place="bottom" type="light" effect="solid" />
d.arizona's avatar
tap
702014bb
 
d.arizona committed
2104 
                                            {(this.props.permission.create || this.props.permission.edit) && this.props.isSubmit && <a data-tip={'Upload'} data-for="upload">
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2105 2106 2107 2108 2109 2110 2111 
                                                <button
                                                    style={{
                                                        backgroundColor: 'transparent',
                                                        cursor: 'pointer',
                                                        borderColor: 'transparent',
                                                        margin: 5
                                                    }}
d.arizona's avatar
tinggal deni
43071f0b
 
d.arizona committed
2112 
                                                    onClick={() => this.setState({ visibleUpload: true, editable: true })}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2113 2114 2115 
                                                >
                                                    <img src={Images.upload} />
                                                </button>
d.arizona's avatar
bobo nyenyak
7d662834
 
d.arizona committed
2116 
                                            </a>}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2117 
                                            <ReactTooltip border={true} id="upload" place="bottom" type="light" effect="solid" />
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
2118 
                                            {/* <a data-tip={'Download'} data-for="download">
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2119 2120 2121 2122 2123 2124 2125 
                                                <button
                                                    style={{
                                                        backgroundColor: 'transparent',
                                                        cursor: 'pointer',
                                                        borderColor: 'transparent',
                                                        margin: 5
                                                    }}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2126 
                                                    onClick={() => this.downloadAllData()}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2127 2128 2129 2130 
                                                >
                                                    <img src={Images.download} />
                                                </button>
                                            </a>
qorri_di's avatar
Fixing Conflic Merge
e0d3486d
 
qorri_di committed
2131 
                                            <ReactTooltip border={true} id="download" place="bottom" type="light" effect="solid" /> */}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2132 2133 
                                        </div>
                                    </div>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2134 
                                </div>}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2135
d.arizona's avatar
apdet
246cfd3b
 
d.arizona committed
2136 
                                <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2137 2138 
                                    {this.state.loading && loadingComponent}
                                    <MuiThemeProvider theme={getMuiTheme()}>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2139 2140 2141 2142 2143 
                                        <MUIDataTable
                                            data={dataTable2}
                                            columns={columns}
                                            options={options}
                                        />
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2144 
                                    </MuiThemeProvider>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2145 
                                </div>
Riri Novita's avatar
push latest update MB
be4d7ee7
 
Riri Novita committed
2146 2147 2148 2149 2150 
                                <div style={{ display: 'flex' }}>
                                    <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20 }}>Last Updated by : </Typography>
                                    <div style={{ marginLeft: 10, overflowY: 'scroll', height: this.state.updateBy.length < 2 ? 25 : 75, marginTop: 10 }}>
                                        {
                                            this.state.updateBy.length > 0 ? this.state.updateBy.reverse().map((item, index) => {
qorri_di's avatar
Fixing Conflic Merge
f23471fa
 
qorri_di committed
2151 2152 2153 2154 
                                                return (
                                                    <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 10, marginRight: 5 }}>{item.latest_update}</Typography>
                                                )
                                            }) :
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
2155 
                                                <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 10, marginRight: 5 }}>-</Typography>
Riri Novita's avatar
push latest update MB
be4d7ee7
 
Riri Novita committed
2156 2157 2158 
                                        }
                                    </div>
                                </div>
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
2159 
                                <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 10 }}>Notes : {this.state.notesUpdate}</Typography>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2160 
                            </div>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2161 
                            <div className="grid grid-2x">
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2162 2163 
                                <div className="col-1">
                                    <button
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2164 
                                        className="button"
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2165 2166 2167 2168 2169 2170 
                                        type="button"
                                        style={{
                                            backgroundColor: 'transparent',
                                            cursor: 'pointer',
                                            borderColor: 'transparent',
                                        }}
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2171 2172 2173 2174 
                                        onClick={() => {
                                            this.props.onClickClose()
                                            this.props.getReport()
                                        }
d.arizona's avatar
apdet
212abc9f
 
d.arizona committed
2175 
                                        }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2176 2177 
                                    >
                                        <div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
d.arizona's avatar
apdet
f475cc52
 
d.arizona committed
2178 
                                            <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Back</Typography>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2179 2180 2181 
                                        </div>
                                    </button>
                                </div>
d.arizona's avatar
tap
702014bb
 
d.arizona committed
2182 
                                {!this.state.emptyData && (this.props.permission.create || this.props.permission.edit) && this.props.isSubmit && <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2183 2184 
                                    <button
                                        type="button"
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2185 
                                        onClick={() =>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2186 
                                            this.setState({ loading: true, editable: false }, () => {
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2187 2188 2189 2190 2191 2192 
                                                setTimeout(() => {
                                                    this.setState({ loading: false, buttonError: false })
                                                }, 100);
                                            })
                                        }
                                        style={{ marginRight: 20 }}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2193 2194 
                                    >
                                        <div style={{ backgroundColor: '#fff', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #354960' }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2195 
                                            <Typography style={{ fontSize: '11px', color: '#354960', textAlign: 'center' }}>Calculate</Typography>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2196 2197 2198 2199 2200 
                                        </div>
                                    </button>
                                    <button
                                        className="button"
                                        type="button"
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2201 
                                        disabled={this.state.editable}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2202 2203 
                                        style={{
                                            backgroundColor: 'transparent',
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2204 
                                            cursor: this.state.editable === true ? 'default' : 'pointer',
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2205 
                                            borderColor: 'transparent',
d.arizona's avatar
apdet gan
dff087f3
 
d.arizona committed
2206 2207 
                                            outline: 'none',
                                            marginRight: 20
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2208 
                                        }}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2209 2210 2211 2212 2213 
                                        onClick={() => this.setState({ loading: true }, () => {
                                            setTimeout(() => {
                                                this.createData("draft")
                                            }, 100);
                                        })}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2214 2215 
                                    >
                                        <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2216 
                                            <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2217 2218 
                                        </div>
                                    </button>
d.arizona's avatar
apdet gan
dff087f3
 
d.arizona committed
2219 2220 
                                    <button
                                        type="button"
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2221 
                                        disabled={this.state.editable}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2222 2223 2224 2225 2226 
                                        onClick={() => this.setState({ loading: true }, () => {
                                            setTimeout(() => {
                                                this.createData("submitted")
                                            }, 100);
                                        })}
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2227 2228 2229 2230 2231 2232 2233 
                                        style={{
                                            backgroundColor: 'transparent',
                                            cursor: this.state.editable === true ? 'default' : 'pointer',
                                            borderColor: 'transparent',
                                            outline: 'none',
                                            marginRight: 20
                                        }}
d.arizona's avatar
apdet gan
dff087f3
 
d.arizona committed
2234 
                                    >
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2235 2236 
                                        <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                            <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save & Complete</Typography>
d.arizona's avatar
apdet gan
dff087f3
 
d.arizona committed
2237 2238 
                                        </div>
                                    </button>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2239 
                                </div>}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2240 2241 2242 2243 2244 2245 2246 
                            </div>
                        </Paper>
                        :
                        <Paper style={{ paddingTop: 10, paddingBottom: 20 }}>
                            <div>
                                <div style={{ padding: 25 }}>
                                    <div>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2247 2248 
                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.data.company.company_name}</Typography>
                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.data.periode}</Typography>
Riri Novita's avatar
Fixing OI IDR mn
a44bda0a
 
Riri Novita committed
2249 2250 2251 2252 2253 2254 
                                        {/* <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography> */}
                                        {this.props.defaultCurrency.id === 1 ?
                                            <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
                                            :
                                            <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in USD thousand</Typography>
                                        }
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2255 2256 
                                    </div>
                                    {this.state.dataLoaded && (
Deni Rinaldi's avatar
pagiku cerah~
2e295d04
 
Deni Rinaldi committed
2257 
                                        <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2258 2259 
                                            {this.state.loading && loadingComponent}
                                            <MuiThemeProvider theme={getMuiTheme()}>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2260 2261 2262 2263 2264 
                                                <MUIDataTable
                                                    data={dataTable2}
                                                    columns={columns}
                                                    options={options}
                                                />
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2265 
                                            </MuiThemeProvider>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2266 2267 2268 
                                        </div>
                                    )}
                                </div>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 
                                <div className="grid grid-2x">
                                    <div className="col-1">
                                        <button
                                            className="button"
                                            type="button"
                                            style={{
                                                backgroundColor: 'transparent',
                                                cursor: 'pointer',
                                                borderColor: 'transparent',
                                            }}
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2279 
                                            onClick={() =>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2280 
                                                this.setState({ loading: true, visibleOI: true }, () => {
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2281 2282 2283 2284 
                                                    setTimeout(() => {
                                                        this.getDataDetail()
                                                    }, 100)
                                                })}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2285 2286 
                                        >
                                            <div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
d.arizona's avatar
apdet
f475cc52
 
d.arizona committed
2287 
                                                <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Back</Typography>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2288 2289 2290 
                                            </div>
                                        </button>
                                    </div>
EKSAD's avatar
oioioi
a88cfc31
 
EKSAD committed
2291 
                                    {!this.state.emptyData && this.state.templateNull && <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2292 2293 
                                        <button
                                            type="button"
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2294 
                                            onClick={() =>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2295 
                                                this.setState({ loading: true, editable: false }, () => {
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 
                                                    setTimeout(() => {
                                                        this.setState({ loading: false, buttonError: false })
                                                    }, 100);
                                                })
                                            }
                                            style={{ marginRight: 20 }}
                                        >
                                            <div style={{ backgroundColor: '#fff', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #354960' }}>
                                                <Typography style={{ fontSize: '11px', color: '#354960', textAlign: 'center' }}>Calculate</Typography>
                                            </div>
                                        </button>
                                        <button
                                            className="button"
                                            type="button"
                                            style={{
                                                backgroundColor: 'transparent',
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2312 
                                                cursor: this.state.editable === true ? 'default' : 'pointer',
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2313 2314 2315 2316 
                                                borderColor: 'transparent',
                                                outline: 'none',
                                                marginRight: 20
                                            }}
d.arizona's avatar
tinggal deni
43071f0b
 
d.arizona committed
2317 
                                            disabled={this.state.editable}
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2318 2319 2320 2321 2322 2323 2324 
                                            onClick={() =>
                                                this.state.editable === true ?
                                                    null : this.setState({ loading: true }, () => {
                                                        setTimeout(() => {
                                                            this.uploadOI("draft")
                                                        }, 100);
                                                    })}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2325 2326 2327 2328 2329 2330 2331 
                                        >
                                            <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography>
                                            </div>
                                        </button>
                                        <button
                                            type="button"
Deni Rinaldi's avatar
gajelas
ce1548a0
 
Deni Rinaldi committed
2332 2333 2334 2335 2336 2337 2338 2339 
                                            onClick={() =>
                                                this.state.editable === true ?
                                                    null :
                                                    this.setState({ loading: true }, () => {
                                                        setTimeout(() => {
                                                            this.uploadOI("submitted")
                                                        }, 100);
                                                    })}
d.arizona's avatar
tinggal deni
43071f0b
 
d.arizona committed
2340 
                                            disabled={this.state.editable}
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2341 2342 2343 2344 2345 2346 2347 
                                            style={{
                                                backgroundColor: 'transparent',
                                                cursor: this.state.editable === true ? 'default' : 'pointer',
                                                borderColor: 'transparent',
                                                outline: 'none',
                                                marginRight: 20
                                            }}
d.arizona's avatar
apdet malem2 sebelum bubu
2b6ad044
 
d.arizona committed
2348 2349 2350 2351 2352 
                                        >
                                            <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save & Complete</Typography>
                                            </div>
                                        </button>
d.arizona's avatar
apdet
980926ba
 
d.arizona committed
2353 
                                    </div>}
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 
                                </div>
                            </div>
                        </Paper>}
                </div>

                {this.state.visibleUpload && (
                    <div className="test app-popup-show">
                        <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
                            <div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}>
                                <div className="col-1" style={{ maxWidth: "inherit", display: 'flex', alignItems: 'center' }}>
                                    <div className="popup-title">
                                        <span style={{ color: '#fff', fontSize: 16, fontWeight: 'bold' }}>Upload File</span>
                                    </div>
                                </div>
                                <div className="col-2 content-right" style={{ maxWidth: "inherit", alignSelf: 'center' }}>
                                    <button
                                        type="button"
                                        className="btn btn-circle btn-white"
                                        onClick={() => this.setState({ visibleUpload: false })}
                                    >
                                        <img src={Images.close} />
                                    </button>
                                </div>
                            </div>
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 
                            <div style={{ padding: '25px 30px' }}>
                                <UploadFile
                                    type={this.state.uploadStatus}
                                    percentage={this.state.percentage}
                                    result={this.state.result}
                                    acceptedFiles={["xlsx"]}
                                    onHandle={(dt) => {
                                        this.fileHandler(dt)
                                        this.setState({ uploadStatus: 'idle', percentage: '0' })
                                    }}
                                    onUpload={() => {
                                        this.state.judul === "MASTER BUDGET - OPERATING INDICATOR" ?
                                            this.checkUpload() :
                                            this.setState({ alert: true, messageAlert: "Invalid Template", tipeAlert: 'warning' })
                                    }}
                                />
                            </div>
Riri Novita's avatar
Update Warning Popup Upload
9378875e
 
Riri Novita committed
2395 
                            <div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data in <b>{this.props.defaultCurrency.id == 1 ? "IDR mn" : "thousand USD"}</b></div>
Riri Novita's avatar
Update Stopper
922d32d3
 
Riri Novita committed
2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 
                        </div>
                    </div>
                )}

                {this.state.visibleAlertSave && (
                    <div className="test app-popup-show">
                        <div className="popup-content border-radius" style={{ background: '#FFF27D', borderRadius: 10, width: 715, height: 238 }}>
                            <div style={{ margin: 30 }}>
                                <div style={{ display: 'flex', marginTop: 76, marginBottom: 43 }}>
                                    <div style={{ alignSelf: 'center', marginRight: 25 }}>
                                        <img src={Images.warning} />
                                    </div>
                                    <div style={{ justifyContent: 'center', fontSize: 20, color: '#1D2995', marginTop: 10 }}>
                                        <b>Rate Currency USD</b> pada periode yang dipilih <b>belum</b> diatur.<br /> Silahkan menghubungi Superadmin
                                    </div>
                                </div>
                                <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
                                    <button
                                        className="button"
                                        type="button"
                                        style={{
                                            background: '#F6F7F9',
                                            cursor: 'pointer',
                                            border: '1px solid #3549609e',
                                            outline: 'none',
                                            marginRight: 20,
                                            borderRadius: 9
                                        }}
                                        onClick={() => this.setState({ visibleAlertSave: false })}
                                    >
                                        <div style={{ backgroundColor: '#fff', width: 105, height: 30, borderRadius: 9, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #3549609e' }}>
                                            <Typography style={{ fontSize: '15px', color: '#354960', textAlign: 'center' }}>Close</Typography>
                                        </div>
                                    </button>
                                </div>
                            </div>
d.arizona's avatar
update
42fd1790
 
d.arizona committed
2432 2433 2434 2435 2436 2437 
                        </div>
                    </div>
                )}
            </div>
        );
    }
Riri Novita's avatar
notes opin mb
043e6331
 
Riri Novita committed
2438 
}