import React, { Component } from 'react'; import { Typography, Paper, createMuiTheme, MuiThemeProvider, TableCell, FormControlLabel, TextField, Input, Tooltip, withStyles, Snackbar } from '@material-ui/core'; 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'; import { Alert } from '@material-ui/lab'; import * as R from 'ramda'; import Constant from '../../library/Constant'; const LightTooltip = withStyles((theme) => ({ tooltip: { backgroundColor: theme.palette.common.white, color: 'rgba(0, 0, 0, 0.87)', boxShadow: theme.shadows[1], fontSize: 11, }, }))(Tooltip); var ct = require("../../library/CustomTable"); const getMuiTheme = () => createMuiTheme(ct.customTable3()); const options = ct.customOptionsFixedColumn(); const style = { position: "sticky", left: 0, zIndex: 101, background: "white", }; const style2 = { position: "sticky", background: "white", zIndex: 100 }; export default class TaxPlanning extends Component { constructor(props) { super(props) this.state = { dataTable: [], visibleTP: true, disabledSave: true, editable: false, buttonError: false, judulColumn: null, updateBy: [], buttonDraft: true, handleTekTekTek: 0, saveDraft: true, minValue: 0, maxValue: 0, alert: false, get_for: "view", viewOnly: true, } this.handleValue = this.handleValue.bind(this) this.fileHandler = this.fileHandler.bind(this); } componentDidMount() { this.getLatestUpdate() this.getSettingControl() this.handleViewOnly() } handleViewOnly() { let checkApprover = false let checkLastStatus = false let checkStatus = false let checkPrevRev = false if (this.props.isApprover) { checkApprover = true } else { checkApprover = false } if (this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') { checkLastStatus = true } else { checkLastStatus = false } if (this.props.prevRevision) { checkPrevRev = true } else { checkPrevRev = false } if (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') { checkStatus = true } else { checkStatus = false } this.setState({ viewOnly: !checkApprover && checkLastStatus && checkStatus && checkPrevRev }) } handleGetFor(type) { this.setState({ loading: true, get_for: type }, () => { this.getSettingControl() this.getLatestUpdate() console.log("masukhandle") }) } getSettingControl() { let body = { group: 'THRESHOLD_CONTROL', company_id: this.props.company.company_id, type: 'TAX_PLANNING' } api.create().getAllSettingByType(body).then(response => { console.log(response); this.setState({ minValue: response.data.data[0] ? response.data.data[0].min_value : null, maxValue: response.data.data[0] ? response.data.data[0].max_value : null, }, () => { this.getItemHierarki() }) }) } getLatestUpdate() { let payload = { "report_id": this.props.report_id, "revision": Number(this.props.revision), "periode": this.props.periode, "company_id": this.props.company.company_id, "rolling_outlook_id": this.props.rollingOutlookID, "quartal": this.props.quarter } api.create().getRollingOutlookLastUpdate(payload).then(response => { console.log(response); if (response.data) { if (response.data.status === "success") { this.setState({ // updateBy: response.data.data.latest_update === null ? '-' : response.data.data.latest_update, updateBy: response.data.data.detail === null ? [] : response.data.data.detail, notes: 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); } }) } } else { this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false }) } }) } getItemHierarki() { this.setState({ loading: true, judulColumn: null }) let payload = { "company_id": this.props.company.company_id, "get_for": this.state.get_for, "periode": this.props.periode, "report_id": this.props.report_id, "revision": Number(this.props.revision), "rolling_outlook_id": this.props.rollingOutlookID, "quartal": this.props.quarter } api.create().getRollingOutlookTP(payload).then(response => { console.log(payload); console.log(response); let dataTable = [] if (response.data) { if (response.data.status == 'success') { let res = response.data.data const handlePushChild = (item) => { let indexIDzz = dataTable.findIndex((val) => val[4] === item.id) if (indexIDzz === -1) { let taxPlan = item.tax_planning const indexGetMonth = (monthName) => { let indexMonth = taxPlan.findIndex((val) => String(val.xmonth).toLocaleLowerCase() === monthName) return indexMonth } dataTable.push([ item.type_report_id, item.type_report_tax.value_tbc.type_report_id, item.type_report_tax.value_fc.type_report_id, item.type_report_tax.value_tbf.type_report_id, item.id, item.parent, { tbc: item.formula_tax.value_tbc, fcp: item.formula_tax.value_fc, tbf: item.formula_tax.value_tbf }, item.level, item.description, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.january.tbc, formula: item.tax_planning.january_formula } : item.tax_planning.january.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.january.fcp, formula: item.tax_planning.january_formula } : item.tax_planning.january.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.january.tbf, formula: item.tax_planning.january_formula } : item.tax_planning.january.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.february.tbc, formula: item.tax_planning.february_formula } : item.tax_planning.february.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.february.fcp, formula: item.tax_planning.february_formula } : item.tax_planning.february.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.february.tbf, formula: item.tax_planning.february_formula } : item.tax_planning.february.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.march.tbc, formula: item.tax_planning.march_formula } : item.tax_planning.march.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.march.fcp, formula: item.tax_planning.march_formula } : item.tax_planning.march.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.march.tbf, formula: item.tax_planning.march_formula } : item.tax_planning.march.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.april.tbc, formula: item.tax_planning.april_formula } : item.tax_planning.april.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.april.fcp, formula: item.tax_planning.april_formula } : item.tax_planning.april.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.april.tbf, formula: item.tax_planning.april_formula } : item.tax_planning.april.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.may.tbc, formula: item.tax_planning.may_formula } : item.tax_planning.may.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.may.fcp, formula: item.tax_planning.may_formula } : item.tax_planning.may.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.may.tbf, formula: item.tax_planning.may_formula } : item.tax_planning.may.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.june.tbc, formula: item.tax_planning.june_formula } : item.tax_planning.june.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.june.fcp, formula: item.tax_planning.june_formula } : item.tax_planning.june.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.june.tbf, formula: item.tax_planning.june_formula } : item.tax_planning.june.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.july.tbc, formula: item.tax_planning.july_formula } : item.tax_planning.july.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.july.fcp, formula: item.tax_planning.july_formula } : item.tax_planning.july.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.july.tbf, formula: item.tax_planning.july_formula } : item.tax_planning.july.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.august.tbc, formula: item.tax_planning.august_formula } : item.tax_planning.august.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.august.fcp, formula: item.tax_planning.august_formula } : item.tax_planning.august.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.august.tbf, formula: item.tax_planning.august_formula } : item.tax_planning.august.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.september.tbc, formula: item.tax_planning.september_formula } : item.tax_planning.september.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.september.fcp, formula: item.tax_planning.september_formula } : item.tax_planning.september.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.september.tbf, formula: item.tax_planning.september_formula } : item.tax_planning.september.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.october.tbc, formula: item.tax_planning.october_formula } : item.tax_planning.october.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.october.fcp, formula: item.tax_planning.october_formula } : item.tax_planning.october.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.october.tbf, formula: item.tax_planning.october_formula } : item.tax_planning.october.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.november.tbc, formula: item.tax_planning.november_formula } : item.tax_planning.november.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.november.fcp, formula: item.tax_planning.november_formula } : item.tax_planning.november.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.november.tbf, formula: item.tax_planning.november_formula } : item.tax_planning.november.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.december.tbc, formula: item.tax_planning.december_formula } : item.tax_planning.december.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.december.fcp, formula: item.tax_planning.december_formula } : item.tax_planning.december.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.december.tbf, formula: item.tax_planning.december_formula } : item.tax_planning.december.tbf }, item.tax_planning.total_current_year, 0, 0, item.order, { tbc: item.condition_it_should_be_tax.value_tbc, fcp: item.condition_it_should_be_tax.value_fc, tbf: item.condition_it_should_be_tax.value_tbf }, { tbc: item.condition_if_wrong_tax.value_tbc, fcp: item.condition_if_wrong_tax.value_fc, tbf: item.condition_if_wrong_tax.value_tbf }, ]) } if (item.children !== null) { if (item.children.length > 0) { item.children.map((items, indexs) => { handlePushChild(items) }) } } } res.map((item, index) => { let taxPlan = item.tax_planning const indexGetMonth = (monthName) => { let indexMonth = taxPlan.findIndex((val) => String(val.xmonth).toLocaleLowerCase() === monthName) return indexMonth } dataTable.push([ item.type_report_id, item.type_report_tax.value_tbc.type_report_id, item.type_report_tax.value_fc.type_report_id, item.type_report_tax.value_tbf.type_report_id, item.id, item.parent, { tbc: item.formula_tax.value_tbc, fcp: item.formula_tax.value_fc, tbf: item.formula_tax.value_tbf }, item.level, item.description, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.january.tbc, formula: item.tax_planning.january_formula } : item.tax_planning.january.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.january.fcp, formula: item.tax_planning.january_formula } : item.tax_planning.january.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.january.tbf, formula: item.tax_planning.january_formula } : item.tax_planning.january.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.february.tbc, formula: item.tax_planning.february_formula } : item.tax_planning.february.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.february.fcp, formula: item.tax_planning.february_formula } : item.tax_planning.february.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.february.tbf, formula: item.tax_planning.february_formula } : item.tax_planning.february.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.march.tbc, formula: item.tax_planning.march_formula } : item.tax_planning.march.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.march.fcp, formula: item.tax_planning.march_formula } : item.tax_planning.march.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.march.tbf, formula: item.tax_planning.march_formula } : item.tax_planning.march.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.april.tbc, formula: item.tax_planning.april_formula } : item.tax_planning.april.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.april.fcp, formula: item.tax_planning.april_formula } : item.tax_planning.april.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.april.tbf, formula: item.tax_planning.april_formula } : item.tax_planning.april.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.may.tbc, formula: item.tax_planning.may_formula } : item.tax_planning.may.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.may.fcp, formula: item.tax_planning.may_formula } : item.tax_planning.may.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.may.tbf, formula: item.tax_planning.may_formula } : item.tax_planning.may.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.june.tbc, formula: item.tax_planning.june_formula } : item.tax_planning.june.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.june.fcp, formula: item.tax_planning.june_formula } : item.tax_planning.june.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.june.tbf, formula: item.tax_planning.june_formula } : item.tax_planning.june.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.july.tbc, formula: item.tax_planning.july_formula } : item.tax_planning.july.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.july.fcp, formula: item.tax_planning.july_formula } : item.tax_planning.july.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.july.tbf, formula: item.tax_planning.july_formula } : item.tax_planning.july.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.august.tbc, formula: item.tax_planning.august_formula } : item.tax_planning.august.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.august.fcp, formula: item.tax_planning.august_formula } : item.tax_planning.august.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.august.tbf, formula: item.tax_planning.august_formula } : item.tax_planning.august.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.september.tbc, formula: item.tax_planning.september_formula } : item.tax_planning.september.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.september.fcp, formula: item.tax_planning.september_formula } : item.tax_planning.september.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.september.tbf, formula: item.tax_planning.september_formula } : item.tax_planning.september.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.october.tbc, formula: item.tax_planning.october_formula } : item.tax_planning.october.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.october.fcp, formula: item.tax_planning.october_formula } : item.tax_planning.october.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.october.tbf, formula: item.tax_planning.october_formula } : item.tax_planning.october.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.november.tbc, formula: item.tax_planning.november_formula } : item.tax_planning.november.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.november.fcp, formula: item.tax_planning.november_formula } : item.tax_planning.november.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.november.tbf, formula: item.tax_planning.november_formula } : item.tax_planning.november.tbf }, { tbc: item.type_report_tax.value_tbc.type_report_id == 5 || item.type_report_tax.value_tbc.type_report_id == 6 || item.type_report_tax.value_tbc.type_report_id == 7 ? { value: item.tax_planning.december.tbc, formula: item.tax_planning.december_formula } : item.tax_planning.december.tbc, fcp: item.type_report_tax.value_fc.type_report_id == 5 || item.type_report_tax.value_fc.type_report_id == 6 || item.type_report_tax.value_fc.type_report_id == 7 ? { value: item.tax_planning.december.fcp, formula: item.tax_planning.december_formula } : item.tax_planning.december.fcp, tbf: item.type_report_tax.value_tbf.type_report_id == 5 || item.type_report_tax.value_tbf.type_report_id == 6 || item.type_report_tax.value_tbf.type_report_id == 7 ? { value: item.tax_planning.december.tbf, formula: item.tax_planning.december_formula } : item.tax_planning.december.tbf }, item.tax_planning.total_current_year, 0, 0, item.order, { tbc: item.condition_it_should_be_tax.value_tbc, fcp: item.condition_it_should_be_tax.value_fc, tbf: item.condition_it_should_be_tax.value_tbf }, { tbc: item.condition_if_wrong_tax.value_tbc, fcp: item.condition_if_wrong_tax.value_fc, tbf: item.condition_if_wrong_tax.value_tbf }, ]) if (item.children !== null) { if (item.children.length > 0) { item.children.map((items, indexs) => { handlePushChild(items) }) } } }) console.log(dataTable) this.setState({ dataTable, loading: false, buttonError: true, editable: true }) } else { this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => { if (response.data.message.includes("Someone Logged In") || response.data.message.includes("Token Expired")) { setTimeout(() => { localStorage.removeItem(Constant.TOKEN) window.location.reload(); }, 1000); } }) } } else { this.setState({ dataTable, loading: false, buttonError: true, editable: true }) } }) } handleValue(data) { let total = 0 this.state.dataTable.map((item, index) => { if (data.rowData[4] == item[5]) { total = item[data.columnIndex] == undefined ? (Number(total) + 0) : (Number(total) + Number(item[data.columnIndex])) } }) let indexParent = this.state.dataTable.findIndex((val) => val[4] === this.state.dataTable[data.rowIndex][5]) let a = this.state.dataTable[data.rowIndex][data.columnIndex] = total // console.log(indexParent); return a } handleChange(value, tableMeta) { let val = String(value).split(",").join("") let data = this.state.dataTable let indexParent = data.findIndex((val) => val[4] === data[tableMeta.rowIndex][5]) if (indexParent > 0) { // console.log(indexParent) 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) } // this.forceUpdate() // console.log(this.state.dataTable) // this.setState({ // data: a, // }, () => console.log(this.state.dataTable)) } backToRollingOutlook(type) { let data = [] this.state.dataTable.map(i => { data.push({ item_report_id: i[4], january: { tbc: i[1] === 3 && i[9].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[9].tbc.value) : String(i[9].tbc), fcp: i[2] === 3 && i[9].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[9].fcp.value) : String(i[9].fcp), tbf: i[3] === 3 && i[9].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[9].tbf.value) : String(i[9].tbf) }, february: { tbc: i[1] === 3 && i[10].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[10].tbc.value) : String(i[10].tbc), fcp: i[2] === 3 && i[10].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[10].fcp.value) : String(i[10].fcp), tbf: i[3] === 3 && i[10].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[10].tbf.value) : String(i[10].tbf) }, march: { tbc: i[1] === 3 && i[11].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[11].tbc.value) : String(i[11].tbc), fcp: i[2] === 3 && i[11].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[11].fcp.value) : String(i[11].fcp), tbf: i[3] === 3 && i[11].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[11].tbf.value) : String(i[11].tbf) }, april: { tbc: i[1] === 3 && i[12].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[12].tbc.value) : String(i[12].tbc), fcp: i[2] === 3 && i[12].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[12].fcp.value) : String(i[12].fcp), tbf: i[3] === 3 && i[12].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[12].tbf.value) : String(i[12].tbf) }, may: { tbc: i[1] === 3 && i[13].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[13].tbc.value) : String(i[13].tbc), fcp: i[2] === 3 && i[13].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[13].fcp.value) : String(i[13].fcp), tbf: i[3] === 3 && i[13].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[13].tbf.value) : String(i[13].tbf) }, june: { tbc: i[1] === 3 && i[14].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[14].tbc.value) : String(i[14].tbc), fcp: i[2] === 3 && i[14].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[14].fcp.value) : String(i[14].fcp), tbf: i[3] === 3 && i[14].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[14].tbf.value) : String(i[14].tbf) }, july: { tbc: i[1] === 3 && i[15].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[15].tbc.value) : String(i[15].tbc), fcp: i[2] === 3 && i[15].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[15].fcp.value) : String(i[15].fcp), tbf: i[3] === 3 && i[15].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[15].tbf.value) : String(i[15].tbf) }, august: { tbc: i[1] === 3 && i[16].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[16].tbc.value) : String(i[16].tbc), fcp: i[2] === 3 && i[16].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[16].fcp.value) : String(i[16].fcp), tbf: i[3] === 3 && i[16].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[16].tbf.value) : String(i[16].tbf) }, september: { tbc: i[1] === 3 && i[17].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[17].tbc.value) : String(i[17].tbc), fcp: i[2] === 3 && i[17].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[17].fcp.value) : String(i[17].fcp), tbf: i[3] === 3 && i[17].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[17].tbf.value) : String(i[17].tbf) }, october: { tbc: i[1] === 3 && i[18].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[18].tbc.value) : String(i[18].tbc), fcp: i[2] === 3 && i[18].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[18].fcp.value) : String(i[18].fcp), tbf: i[3] === 3 && i[18].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[18].tbf.value) : String(i[18].tbf) }, november: { tbc: i[1] === 3 && i[19].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[19].tbc.value) : String(i[19].tbc), fcp: i[2] === 3 && i[19].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[19].fcp.value) : String(i[19].fcp), tbf: i[3] === 3 && i[19].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[19].tbf.value) : String(i[19].tbf) }, december: { tbc: i[1] === 3 && i[20].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[20].tbc.value) : String(i[20].tbc), fcp: i[2] === 3 && i[20].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[20].fcp.value) : String(i[20].fcp), tbf: i[3] === 3 && i[20].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[20].tbf.value) : String(i[20].tbf) }, total_current_year: String(Number(i[21]).toFixed(1)), // total_next_year: { // tbc: String(Number(i[22].tbc).toFixed(1)), // fcp: String(i[8]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(i[22].fcp).toFixed(1)) : String(Number(i[22].fcp).toFixed(1)), // // fcp: String(Number(i[22].fcp).toFixed(1)), // tbf: String(Number(i[22].tbf).toFixed(1)) // }, // total_more_year: { // tbc: String(Number(i[23].tbc).toFixed(1)), // fcp: String(i[8]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(i[23].fcp).toFixed(1)) : String(Number(i[23].fcp).toFixed(1)), // // fcp: String(Number(i[23].fcp).toFixed(1)), // tbf: String(Number(i[23].tbf).toFixed(1)) // } }) }) let payload = { "rolling_outlook_id": this.props.rollingOutlookID, "company_id": this.props.company.company_id, "periode": this.props.periode, "report_id": this.props.report_id, "status": type, "revision": 0, "quartal": this.props.quarter, "tax_planning": data } // this.props.saveToMasterBudget(payload) // this.props.onClickClose() api.create('UPLOAD').createRollingOutlookTP(payload).then(response => { console.log(payload); console.log(response); if (response.data) { if (response.data.status === "success") { // this.props.saveToMonthlyReport() this.props.onClickClose() this.props.refresh() } else { this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => { document.body.style.overflow = 'unset'; if (response.data.message.includes("Someone Logged In") || response.data.message.includes("Token Expired")) { setTimeout(() => { localStorage.removeItem(Constant.TOKEN) window.location.reload(); }, 1000); } // this.props.saveToMonthlyReport() this.props.onClickClose() this.props.refresh() }) } } else { this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false }) } }) } fileHandler = (event) => { let fileObj = event ExcelRenderer(fileObj, (err, resp) => { console.log("masuk upload") console.log(resp) if (err) { console.log(err); } else { let isi = resp.rows.slice(4) // console.log(resp.rows[2]); // console.log(resp.rows); let payload = [] let reg = /^[-+]?(?:[0-9]+,)*[0-9]+(?:\.[0-9]+)?$/; isi.map((i, index) => { if (i.length > 0) { payload.push({ order: i[0] === undefined ? "" : String(i[0]).trim(), item_report_id: i[1] === undefined ? "" : String(i[1]).trim(), item_report: i[2] === undefined ? "" : String(i[2]).trim(), january: { // tbc: i[2] === undefined ? "0" : reg.test(String(i[2])) === false ? "0" : String(i[2]).trim(), // fcp: i[3] === undefined ? "0" : reg.test(String(i[3])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[3]).trim()).toFixed(1)) : String(Number(String(i[3]).trim()).toFixed(1)), tbf: i[3] === undefined ? "0" : reg.test(String(i[3])) === false ? "0" : String(i[3]).trim(), }, february: { // tbc: i[5] === undefined ? "0" : reg.test(String(i[5])) === false ? "0" : String(i[5]).trim(), // fcp: i[6] === undefined ? "0" : reg.test(String(i[6])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[6]).trim()).toFixed(1)) : String(Number(String(i[6]).trim()).toFixed(1)), tbf: i[4] === undefined ? "0" : reg.test(String(i[4])) === false ? "0" : String(i[4]).trim(), }, march: { // tbc: i[8] === undefined ? "0" : reg.test(String(i[8])) === false ? "0" : String(i[8]).trim(), // fcp: i[9] === undefined ? "0" : reg.test(String(i[9])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[9]).trim()).toFixed(1)) : String(Number(String(i[9]).trim()).toFixed(1)), tbf: i[5] === undefined ? "0" : reg.test(String(i[5])) === false ? "0" : String(i[5]).trim(), }, april: { tbc: this.props.quarter === "q2" || this.props.quarter === "q3" ? null : i[6] === undefined ? "0" : reg.test(String(i[6])) === false ? "0" : String(i[6]).trim(), fcp: this.props.quarter === "q2" || this.props.quarter === "q3" ? null : i[7] === undefined ? "0" : reg.test(String(i[7])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[7]).trim()).toFixed(2)) : String(Number(String(i[7]).trim()).toFixed(1)), tbf: this.props.quarter === "q2" || this.props.quarter === "q3" ? (i[6] === undefined ? "0" : reg.test(String(i[6])) === false ? "0" : String(i[6]).trim()) : (i[8] === undefined ? "0" : reg.test(String(i[8])) === false ? "0" : String(i[8]).trim()), }, may: { tbc: this.props.quarter === "q2" || this.props.quarter === "q3" ? null : i[9] === undefined ? "0" : reg.test(String(i[9])) === false ? "0" : String(i[9]).trim(), fcp: this.props.quarter === "q2" || this.props.quarter === "q3" ? null : i[10] === undefined ? "0" : reg.test(String(i[10])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[10]).trim()).toFixed(2)) : String(Number(String(i[10]).trim()).toFixed(1)), tbf: this.props.quarter === "q2" || this.props.quarter === "q3" ? (i[7] === undefined ? "0" : reg.test(String(i[7])) === false ? "0" : String(i[7]).trim()) : (i[11] === undefined ? "0" : reg.test(String(i[11])) === false ? "0" : String(i[11]).trim()), }, june: { tbc: this.props.quarter === "q2" || this.props.quarter === "q3" ? null : i[12] === undefined ? "0" : reg.test(String(i[12])) === false ? "0" : String(i[12]).trim(), fcp: this.props.quarter === "q2" || this.props.quarter === "q3" ? null : i[13] === undefined ? "0" : reg.test(String(i[13])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[13]).trim()).toFixed(2)) : String(Number(String(i[13]).trim()).toFixed(1)), tbf: this.props.quarter === "q2" || this.props.quarter === "q3" ? (i[8] === undefined ? "0" : reg.test(String(i[8])) === false ? "0" : String(i[8]).trim()) : (i[14] === undefined ? "0" : reg.test(String(i[14])) === false ? "0" : String(i[14]).trim()), }, july: { tbc: this.props.quarter === "q3" ? null : this.props.quarter === "q2" ? (i[9] === undefined ? "0" : reg.test(String(i[9])) === false ? "0" : String(i[9]).trim()) : (i[15] === undefined ? "0" : reg.test(String(i[15])) === false ? "0" : String(i[15]).trim()), fcp: this.props.quarter === "q3" ? null : this.props.quarter === "q2" ? (i[10] === undefined ? "0" : reg.test(String(i[10])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[10]).trim()).toFixed(2)) : String(Number(String(i[10]).trim()).toFixed(1))) : (i[16] === undefined ? "0" : reg.test(String(i[16])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[16]).trim()).toFixed(2)) : String(Number(String(i[16]).trim()).toFixed(1))), tbf: this.props.quarter === "q3" ? (i[9] === undefined ? "0" : reg.test(String(i[9])) === false ? "0" : String(i[9]).trim()) : this.props.quarter === "q2" ? (i[11] === undefined ? "0" : reg.test(String(i[11])) === false ? "0" : String(i[11]).trim()) : (i[17] === undefined ? "0" : reg.test(String(i[17])) === false ? "0" : String(i[17]).trim()), }, august: { tbc: this.props.quarter === "q3" ? null : this.props.quarter === "q2" ? (i[12] === undefined ? "0" : reg.test(String(i[12])) === false ? "0" : String(i[12]).trim()) : (i[18] === undefined ? "0" : reg.test(String(i[18])) === false ? "0" : String(i[18]).trim()), fcp: this.props.quarter === "q3" ? null : this.props.quarter === "q2" ? (i[13] === undefined ? "0" : reg.test(String(i[13])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[13]).trim()).toFixed(2)) : String(Number(String(i[13]).trim()).toFixed(1))) : (i[19] === undefined ? "0" : reg.test(String(i[19])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[19]).trim()).toFixed(2)) : String(Number(String(i[19]).trim()).toFixed(1))), tbf: this.props.quarter === "q3" ? (i[10] === undefined ? "0" : reg.test(String(i[10])) === false ? "0" : String(i[10]).trim()) : this.props.quarter === "q2" ? (i[14] === undefined ? "0" : reg.test(String(i[14])) === false ? "0" : String(i[14]).trim()) : i[20] === undefined ? "0" : reg.test(String(i[20])) === false ? "0" : String(i[20]).trim(), }, september: { tbc: this.props.quarter === "q3" ? null : this.props.quarter === "q2" ? (i[15] === undefined ? "0" : reg.test(String(i[15])) === false ? "0" : String(i[15]).trim()) : (i[21] === undefined ? "0" : reg.test(String(i[21])) === false ? "0" : String(i[21]).trim()), fcp: this.props.quarter === "q3" ? null : this.props.quarter === "q2" ? (i[16] === undefined ? "0" : reg.test(String(i[16])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[16]).trim()).toFixed(2)) : String(Number(String(i[16]).trim()).toFixed(1))) : (i[22] === undefined ? "0" : reg.test(String(i[22])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[22]).trim()).toFixed(2)) : String(Number(String(i[22]).trim()).toFixed(1))), tbf: this.props.quarter === "q3" ? (i[11] === undefined ? "0" : reg.test(String(i[11])) === false ? "0" : String(i[11]).trim()) : this.props.quarter === "q2" ? (i[17] === undefined ? "0" : reg.test(String(i[17])) === false ? "0" : String(i[17]).trim()) : (i[23] === undefined ? "0" : reg.test(String(i[23])) === false ? "0" : String(i[23]).trim()), }, october: { tbc: this.props.quarter === "q3" ? (i[12] === undefined ? "0" : reg.test(String(i[12])) === false ? "0" : String(i[12]).trim()) : this.props.quarter === "q2" ? (i[18] === undefined ? "0" : reg.test(String(i[18])) === false ? "0" : String(i[18]).trim()) : (i[24] === undefined ? "0" : reg.test(String(i[24])) === false ? "0" : String(i[24]).trim()), fcp: this.props.quarter === "q3" ? (i[13] === undefined ? "0" : reg.test(String(i[13])) === false ? "0" : String(i[13]).trim()) : this.props.quarter === "q2" ? (i[19] === undefined ? "0" : reg.test(String(i[19])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[19]).trim()).toFixed(2)) : String(Number(String(i[19]).trim()).toFixed(1))) : (i[25] === undefined ? "0" : reg.test(String(i[25])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[25]).trim()).toFixed(2)) : String(Number(String(i[25]).trim()).toFixed(1))), tbf: this.props.quarter === "q3" ? (i[14] === undefined ? "0" : reg.test(String(i[14])) === false ? "0" : String(i[14]).trim()) : this.props.quarter === "q2" ? (i[20] === undefined ? "0" : reg.test(String(i[20])) === false ? "0" : String(i[20]).trim()) : (i[26] === undefined ? "0" : reg.test(String(i[26])) === false ? "0" : String(i[26]).trim()), }, november: { tbc: this.props.quarter === "q3" ? (i[15] === undefined ? "0" : reg.test(String(i[15])) === false ? "0" : String(i[15]).trim()) : this.props.quarter === "q2" ? (i[21] === undefined ? "0" : reg.test(String(i[21])) === false ? "0" : String(i[21]).trim()) : (i[27] === undefined ? "0" : reg.test(String(i[27])) === false ? "0" : String(i[27]).trim()), fcp: this.props.quarter === "q3" ? (i[16] === undefined ? "0" : reg.test(String(i[16])) === false ? "0" : String(i[16]).trim()) : this.props.quarter === "q2" ? (i[22] === undefined ? "0" : reg.test(String(i[22])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[22]).trim()).toFixed(2)) : String(Number(String(i[22]).trim()).toFixed(1))) : (i[28] === undefined ? "0" : reg.test(String(i[28])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[28]).trim()).toFixed(2)) : String(Number(String(i[28]).trim()).toFixed(1))), tbf: this.props.quarter === "q3" ? (i[17] === undefined ? "0" : reg.test(String(i[17])) === false ? "0" : String(i[17]).trim()) : this.props.quarter === "q2" ? (i[23] === undefined ? "0" : reg.test(String(i[23])) === false ? "0" : String(i[23]).trim()) : (i[29] === undefined ? "0" : reg.test(String(i[29])) === false ? "0" : String(i[29]).trim()), }, december: { tbc: this.props.quarter === "q3" ? (i[18] === undefined ? "0" : reg.test(String(i[18])) === false ? "0" : String(i[18]).trim()) : this.props.quarter === "q2" ? (i[24] === undefined ? "0" : reg.test(String(i[24])) === false ? "0" : String(i[24]).trim()) : (i[30] === undefined ? "0" : reg.test(String(i[30])) === false ? "0" : String(i[30]).trim()), fcp: this.props.quarter === "q3" ? (i[19] === undefined ? "0" : reg.test(String(i[19])) === false ? "0" : String(i[19]).trim()) : this.props.quarter === "q2" ? (i[25] === undefined ? "0" : reg.test(String(i[25])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[25]).trim()).toFixed(2)) : String(Number(String(i[25]).trim()).toFixed(1))) : (i[31] === undefined ? "0" : reg.test(String(i[31])) === false ? "0" : String(i[2]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(String(i[31]).trim()).toFixed(2)) : String(Number(String(i[31]).trim()).toFixed(1))), tbf: this.props.quarter === "q3" ? (i[20] === undefined ? "0" : reg.test(String(i[20])) === false ? "0" : String(i[20]).trim()) : this.props.quarter === "q2" ? (i[26] === undefined ? "0" : reg.test(String(i[26])) === false ? "0" : String(i[26]).trim()) : (i[32] === undefined ? "0" : reg.test(String(i[32])) === false ? "0" : String(i[32]).trim()), }, total_current_year: this.props.quarter === "q3" ? (i[21] === undefined ? "0" : reg.test(String(i[21])) === false ? "0" : String(i[21]).trim()) : this.props.quarter === "q2" ? (i[27] === undefined ? "" : String(i[27]).trim()) : (i[33] === undefined ? "" : String(i[33]).trim()), }) } }) let body = { company_id: this.props.company.company_id, periode: this.props.periode, report_id: this.props.report_id, rolling_outlook_id: this.props.rollingOutlookID, quartal: this.props.quarter, status: this.props.status, tax_planning: payload } console.log(payload) this.setState({ payload: body, judul: resp.rows[1][0], judulColumn: resp.rows[2] }) } }); } checkUpload() { api.create().checkImportRollingOutlookTP(this.state.payload).then(response => { console.log(this.state.payload); console.log(response) if (response.data) { if (response.data.status === 'success') { this.setState({ visibleUpload: false, visibleTP: false, loading: true }) let dataTable = response.data.data.map((item, index) => { return [ // item.type_report_id, 0, Number(item.type_report_id.tbc), Number(item.type_report_id.fcp), Number(item.type_report_id.tbf), item.item_report_id, item.parent, item.formula, // {tbc: item.formula.tbc, fcp: item.formula.fcp, tbf: item.formula.tbf}, item.level, item.item_report, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.january.tbc, formula: item.january_formula } : item.january.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.january.fcp, formula: item.january_formula } : item.january.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.january.tbf, formula: item.january_formula } : item.january.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.february.tbc, formula: item.february_formula } : item.february.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.february.fcp, formula: item.february_formula } : item.february.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.february.tbf, formula: item.february_formula } : item.february.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.march.tbc, formula: item.march_formula } : item.march.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.march.fcp, formula: item.march_formula } : item.march.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.march.tbf, formula: item.march_formula } : item.march.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.april.tbc, formula: item.april_formula } : item.april.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.april.fcp, formula: item.april_formula } : item.april.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.april.tbf, formula: item.april_formula } : item.april.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.may.tbc, formula: item.may_formula } : item.may.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.may.fcp, formula: item.may_formula } : item.may.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.may.tbf, formula: item.may_formula } : item.may.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.june.tbc, formula: item.june_formula } : item.june.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.june.fcp, formula: item.june_formula } : item.june.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.june.tbf, formula: item.june_formula } : item.june.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.july.tbc, formula: item.july_formula } : item.july.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.july.fcp, formula: item.july_formula } : item.july.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.july.tbf, formula: item.july_formula } : item.july.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.august.tbc, formula: item.august_formula } : item.august.tbc === null ? "0" : item.august.tbc === "" ? "0" : item.august.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.august.fcp, formula: item.august_formula } : item.august.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.august.tbf, formula: item.august_formula } : item.august.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.september.tbc, formula: item.september_formula } : item.september.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.september.fcp, formula: item.september_formula } : item.september.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.september.tbf, formula: item.september_formula } : item.september.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.october.tbc, formula: item.october_formula } : item.october.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.october.fcp, formula: item.october_formula } : item.october.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.october.tbf, formula: item.october_formula } : item.october.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.november.tbc, formula: item.november_formula } : item.november.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.november.fcp, formula: item.november_formula } : item.november.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.november.tbf, formula: item.november_formula } : item.november.tbf }, { tbc: item.type_report_id.tbc == 5 || item.type_report_id.tbc == 6 || item.type_report_id.tbc == 7 ? { value: item.december.tbc, formula: item.december_formula } : item.december.tbc, fcp: item.type_report_id.fcp == 5 || item.type_report_id.fcp == 6 || item.type_report_id.fcp == 7 ? { value: item.december.fcp, formula: item.december_formula } : item.december.fcp, tbf: item.type_report_id.tbf == 5 || item.type_report_id.tbf == 6 || item.type_report_id.tbf == 7 ? { value: item.december.tbf, formula: item.december_formula } : item.december.tbf }, item.total_current_year, 0, 0, // { // tbc: Number(item.type_report_id.tbc) === 3 && item.total_next_year.tbc === "" ? "0" : item.total_next_year.tbc, // fcp: Number(item.type_report_id.fcp) === 3 && item.total_next_year.fcp === "" ? "0" : item.total_next_year.fcp, // tbf: Number(item.type_report_id.tbf) === 3 && item.total_next_year.tbf === "" ? "0" : item.total_next_year.tbf // }, // { // tbc: Number(item.type_report_id.tbc) === 3 && item.total_more_year.tbc === "" ? "0" : item.total_more_year.tbc, // fcp: Number(item.type_report_id.fcp) === 3 && item.total_more_year.fcp === "" ? "0" : item.total_more_year.fcp, // tbf: Number(item.type_report_id.tbf) === 3 && item.total_more_year.tbf === "" ? "0" : item.total_more_year.tbf // }, item.orders, { tbc: item.condition_it_should_be.tbc, fcp: item.condition_it_should_be.fcp, tbf: item.condition_it_should_be.tbf }, { tbc: item.condition_if_wrong.tbc, fcp: item.condition_if_wrong.fcp, tbf: item.condition_if_wrong.tbf }, // item.forecast_tbc_formula, // item.forecast_fcp_formula, // item.forecast_tbf_formula, item.error ] }) this.setState({ dataTable, dataLoaded: true, loading: false, buttonError: false, editable: true, saveDraft: true }, () => { console.log(this.state.dataTable); this.state.dataTable.map(item => { if (item[27].length > 0) { // console.log('masuk') this.setState({ buttonError: true, errorPreview: true, editable: true, saveDraft: true }) } }) }) } } }) } uploadTP(type) { let data = [] this.state.dataTable.map(i => { data.push({ item_report_id: i[4], january: { tbc: i[1] === 3 && i[9].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[9].tbc.value) : String(i[9].tbc), fcp: i[2] === 3 && i[9].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[9].fcp.value) : String(i[9].fcp), tbf: i[3] === 3 && i[9].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[9].tbf.value) : String(i[9].tbf) }, february: { tbc: i[1] === 3 && i[10].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[10].tbc.value) : String(i[10].tbc), fcp: i[2] === 3 && i[10].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[10].fcp.value) : String(i[10].fcp), tbf: i[3] === 3 && i[10].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[10].tbf.value) : String(i[10].tbf) }, march: { tbc: i[1] === 3 && i[11].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[11].tbc.value) : String(i[11].tbc), fcp: i[2] === 3 && i[11].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[11].fcp.value) : String(i[11].fcp), tbf: i[3] === 3 && i[11].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[11].tbf.value) : String(i[11].tbf) }, april: { tbc: i[1] === 3 && i[12].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[12].tbc.value) : String(i[12].tbc), fcp: i[2] === 3 && i[12].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[12].fcp.value) : String(i[12].fcp), tbf: i[3] === 3 && i[12].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[12].tbf.value) : String(i[12].tbf) }, may: { tbc: i[1] === 3 && i[13].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[13].tbc.value) : String(i[13].tbc), fcp: i[2] === 3 && i[13].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[13].fcp.value) : String(i[13].fcp), tbf: i[3] === 3 && i[13].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[13].tbf.value) : String(i[13].tbf) }, june: { tbc: i[1] === 3 && i[14].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[14].tbc.value) : String(i[14].tbc), fcp: i[2] === 3 && i[14].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[14].fcp.value) : String(i[14].fcp), tbf: i[3] === 3 && i[14].tbc === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[14].tbf.value) : String(i[14].tbf) }, july: { tbc: i[1] === 3 && i[15].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[15].tbc.value) : String(i[15].tbc), fcp: i[2] === 3 && i[15].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[15].fcp.value) : String(i[15].fcp), tbf: i[3] === 3 && i[15].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[15].tbf.value) : String(i[15].tbf) }, august: { tbc: i[1] === 3 && i[16].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[16].tbc.value) : String(i[16].tbc), fcp: i[2] === 3 && i[16].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[16].fcp.value) : String(i[16].fcp), tbf: i[3] === 3 && i[16].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[16].tbf.value) : String(i[16].tbf) }, september: { tbc: i[1] === 3 && i[17].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[17].tbc.value) : String(i[17].tbc), fcp: i[2] === 3 && i[17].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[17].fcp.value) : String(i[17].fcp), tbf: i[3] === 3 && i[17].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[17].tbf.value) : String(i[17].tbf) }, october: { tbc: i[1] === 3 && i[18].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[18].tbc.value) : String(i[18].tbc), fcp: i[2] === 3 && i[18].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[18].fcp.value) : String(i[18].fcp), tbf: i[3] === 3 && i[18].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[18].tbf.value) : String(i[18].tbf) }, november: { tbc: i[1] === 3 && i[19].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[19].tbc.value) : String(i[19].tbc), fcp: i[2] === 3 && i[19].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[19].fcp.value) : String(i[19].fcp), tbf: i[3] === 3 && i[19].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[19].tbf.value) : String(i[19].tbf) }, december: { tbc: i[1] === 3 && i[20].tbc === "" ? "0" : i[1] === 5 || i[1] === 6 || i[1] === 7 ? String(i[20].tbc.value) : String(i[20].tbc), fcp: i[2] === 3 && i[20].fcp === "" ? "0" : i[2] === 5 || i[2] === 6 || i[2] === 7 ? String(i[20].fcp.value) : String(i[20].fcp), tbf: i[3] === 3 && i[20].tbf === "" ? "0" : i[3] === 5 || i[3] === 6 || i[3] === 7 ? String(i[20].tbf.value) : String(i[20].tbf) }, total_current_year: String(Number(i[21]).toFixed(1)), // total_next_year: { // tbc: String(Number(i[22].tbc).toFixed(1)), // fcp: String(i[8]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(i[22].fcp).toFixed(1)) : String(Number(i[22].fcp).toFixed(1)), // tbf: String(Number(i[22].tbf).toFixed(1)) // }, // total_more_year: { // tbc: String(Number(i[23].tbc).toFixed(1)), // fcp: String(i[8]).toLocaleUpperCase() == "CORPORATE INCOME TAX" ? String(Number(i[23].fcp).toFixed(1)) : String(Number(i[23].fcp).toFixed(1)), // tbf: String(Number(i[23].tbf).toFixed(1)) // } }) }) let body = { rolling_outlook_id: this.props.rollingOutlookID, company_id: this.props.company.company_id, periode: this.props.periode, report_id: this.props.report_id, quartal: this.props.quarter, status: type, tax_planning: data, } console.log(data); api.create('UPLOAD').importRollingOutlookTP(body).then(response => { console.log(response); if (response.data) { if (response.data.status === "success") { this.props.onClickClose() // this.props.getReport() this.props.refresh() } else { this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => { if (response.data.message.includes("Someone Logged In") || response.data.message.includes("Token Expired")) { setTimeout(() => { localStorage.removeItem(Constant.TOKEN) window.location.reload(); }, 1000); } this.props.onClickClose() this.props.refresh() }) // alert(response.data.status) } } else { this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' }) } }) } handleValidate() { // let data = [] let errorContrl = this.state.buttonError let editAble = this.state.editAble // console.log(this.state.dataTable) this.state.dataTable.map((i, index) => { if (String(i[8]) == "Control (should be nil)") { this.setState({ loading: true }) let n = 0 for ( n = (this.props.quarter == 'q1' ? 12 : (this.props.quarter == 'q2' ? 15 : 18)) ; n <= 20; n++) { if ((Number(i[n].tbf.value) < Number(this.state.minValue) || Number(i[n].tbf.value) > Number(this.state.maxValue))) { errorContrl = true editAble = true break } else { errorContrl = false editAble = false } } } }) console.log(errorContrl) console.log(editAble) if (errorContrl === false && editAble === false) { this.setState({ loading: false, buttonError: false, editable: false, saveDraft: false }) } else { this.setState({ loading: false, buttonError: true, editable: true, saveDraft: false }) } } downloadTemplate = async () => { let url = `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/tax_planning/rolling_outlook/download_template?report_id=${this.props.report_id}&&company_id=${this.props.company.company_id}&&year=${this.props.periode}&&quartal=${this.props.quarter}` console.log(url); let res = await fetch( // `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/master_budget/download_template?report_id=${this.props.report_id}&&company_id=${this.props.company.company_id}&&year=${this.props.periode}` `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/tax_planning/rolling_outlook/download_template?report_id=${this.props.report_id}&&company_id=${this.props.company.company_id}&&year=${this.props.periode}&&quartal=${this.props.quarter}` ) res = await res.blob() if (res.size > 0) { let url = window.URL.createObjectURL(res); let a = document.createElement('a'); a.href = url; a.download = 'Template Rolling Outlook Tax Planning.xlsx'; a.click(); } } async downloadAllData() { let url = `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/tax_planning/rolling_outlook/export_rolling_outlook?rolling_outlook_id=${this.props.rollingOutlookID}&&report_id=${this.props.report_id}&&company_id=${this.props.company.company_id}&&year=${this.props.periode}&&revision=${this.props.revision}&&quartal=${this.props.quarter}` let sub_null = `${process.env.REACT_APP_URL_MAIN_BE}/public/transaction/tax_planning/rolling_outlook/export_rolling_outlook?rolling_outlook_id=&&report_id=${this.props.report_id}&&company_id=${this.props.company.company_id}&&year=${this.props.periode}&&revision=${this.props.revision}&&quartal=${this.props.quarter}` console.log(url); let res = await fetch( this.props.submissionID == null ? sub_null : url ) res = await res.blob() this.setState({ loading: false }) if (res.size > 0) { let url = window.URL.createObjectURL(res); let a = document.createElement('a'); a.href = url; a.download = 'Rolling Outlook Tax Planning.xlsx'; a.click(); } } closeAlert() { this.setState({ alert: false }) } render() { let dataTable2 = this.state.dataTable let dataFormula = [] let id = 0 let double = false const handleValueFormula = (value, tableMeta, dex, xntd, forecast, periode) => { // console.log(xntd) let form = dex === 1 ? tableMeta.rowData[6].tbc : dex === 2 ? tableMeta.rowData[6].fcp : tableMeta.rowData[6].tbf let splitFormula = String(form).split('@') let baru = [] let anjay = [] splitFormula.map((item, index) => { let items = String(item).substr(Number(String(item).length) - 1, 1) let re = /^[a-zA-Z0-9_]+$/; let asd = '' if (item !== "") { if (!re.test(items)) { baru.push(String(item).substr(0, Number(String(item).length) - 1)) baru.push(String(item).substr(Number(String(item).length) - 1, 1)) } else { baru.push(String(item)) } } }) // console.log(baru); // if (forecast !== undefined) { // console.log(splitFormula) // } if (tableMeta.rowData[8] == "Under payment /(Over Payment ) Income Tax Art. 29" || forecast !== undefined) { // form.replace("(", "") // form.replace(")", "") let opgab = [] baru.map((item, index) => { if (item.length > 1 && (item.includes("+") || item.includes("-") || item.includes("*") || item.includes("/"))) { opgab.push(String(item).substr(0, Number(String(item).length) - 1)) opgab.push(String(item).substr(Number(String(item).length) - 1, 1)) } else { opgab.push(item) } }) if (opgab.length > 0) { baru = opgab } } let totalShldBeNil = 0 baru.map((item, index) => { if (item == '-' || item == '+' || item == '/' || item == '*' || item == '(' || item == ')') { anjay.push(item) } else { if (String(item).includes('#')) { let splitform = String(item).split('#') if (splitform[1] == 'TP1' || splitform[1] == 'TP2' || splitform[1] == 'TP3') { let indexID = dataTable2.findIndex((val) => val[24] == splitform[0]) if (indexID !== -1) { // console.log(splitform) let data = splitform[1] == 'TP1' ? dataTable2[indexID][tableMeta.columnIndex].tbc : splitform[1] == 'TP2' ? dataTable2[indexID][tableMeta.columnIndex].fcp : dataTable2[indexID][tableMeta.columnIndex].tbf // console.log(data) // if(value == null){ // console.log(tableMeta); // } let valuezz = data.value == undefined ? data : data.value anjay.push(valuezz == "" ? 0 : valuezz) } } else { if (forecast !== undefined) { forecast.map((item, index) => { if (periode == item.periode) { totalShldBeNil += Number(item.value) } }) anjay.push(totalShldBeNil) } else if (String(item).includes('[M-1]')) { let tst = String(item).replace('[M-1]', '') let data = tableMeta.columnIndex == 9 ? 20 : tableMeta.columnIndex - 1 let dataSub = dex == 1 ? tableMeta.rowData[data].tbc : dex == 2 ? tableMeta.rowData[data].fcp : tableMeta.rowData[data].tbf let period = data == 20 ? Number(this.props.periode) - 1 : this.props.periode let indexID = dataSub.formula.findIndex((val) => val.item_formula == String(`@${tst}`) && val.periode == period) if (indexID !== -1) { let valuezz = tableMeta.rowData[data].formula[indexID].value anjay.push(valuezz == "" ? 0 : valuezz) } } else { // console.log(value); // if(value == null){ // console.log(tableMeta); // } let data = dex == 1 ? value.tbc : dex == 2 ? value.fcp : value.tbf // console.log(data); let indexID = data.formula.findIndex((val) => val.item_formula == String(`@${item}`) && val.periode == Number(this.props.periode)) if (indexID !== -1) { let valuezz = data.formula[indexID].value anjay.push(valuezz == "" ? 0 : valuezz) } } } } else { let indexID = dataTable2.findIndex((val) => val[24] == item) if (indexID !== -1) { if (dataTable2[indexID][24] == tableMeta.rowData[24]) { anjay.push(0) } else { let data = dex == 1 ? dataTable2[indexID][tableMeta.columnIndex].tbc : dex == 2 ? dataTable2[indexID][tableMeta.columnIndex].fcp : dataTable2[indexID][tableMeta.columnIndex].tbf let valuezz = data.value == undefined ? data : data.value anjay.push(valuezz == "" ? 0 : valuezz) } } } } }) let total = 0 let total2 = 0 let opt = "" let opt2 = "" let prio = false let simpen2 = "" anjay.map((item, index) => { if (item == "+") { if (prio) { opt2 = "tambah" } else { opt = "tambah" } } else if (item == "-") { if (prio) { opt2 = "kurang" } else { opt = "kurang" } } else if (item == "*") { if (prio) { opt2 = "kali" } else { opt = "kali" } } else if (item == "/") { if (prio) { opt2 = "bagi" } else { opt = "bagi" } } else if (item == "(") { prio = true simpen2 = "active" } else if (item == ")") { prio = false } else { if (prio) { if (opt2 == "tambah") { total2 = Number(total2) + Number(item) } else if (opt2 == "kurang") { total2 = Number(total2) - Number(item) } else if (opt2 == "kali") { total2 = Number(total2) * Number(item) } else if (opt2 == "bagi") { total2 = Number(total2) / Number(item) == NaN ? 0 : Number(total2) / Number(item) } else { total2 += Number(item) } } 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) == NaN ? 0 : Number(total) / Number(item) } else { total += Number(item) } } } }) if (simpen2 == "active") { if (opt == "tambah") { total = Number(total) + Number(total2) } else if (opt == "kurang") { total = Number(total) - Number(total2) } else if (opt == "kali") { total = Number(total) * Number(total2) } else if (opt == "bagi") { total = Number(total) / Number(total2) == NaN ? 0 : Number(total) / Number(total2) } } total = R.equals(total, NaN) ? "0.0" : total // console.log(tableMeta.rowData[8]) // if (xntd !== undefined && tableMeta.rowData[8] == "Under payment /(Over Payment ) Income Tax Art. 29") { // console.log(tableMeta.rowData[8]) // // console.log(splitFormula) // console.log(xntd) // console.log(baru) // console.log(anjay) // console.log(total) // console.log(total2) // console.log(opt) // } // let dataSub = dex == 1? dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc : dex == 2? dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp : dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf if (dex == 1) { if (dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc.value == undefined) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc = Number(total).toFixed(1) } else { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc.value = Number(total).toFixed(1) } } else if (dex == 2) { if (dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp.value == undefined) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = Number(total).toFixed(1) } else { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp.value = Number(total).toFixed(1) } } else if (dex == 3) { if (tableMeta.rowData[8] == "Corporate Income Tax") { // if (total < 0) { // total = 0 dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf.value = Number(total < 0 ? 0 : total).toFixed(2) // } else { // dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf.value = Number(total).toFixed(2) // } } else if (dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf.value == undefined) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf = Number(total).toFixed(1) } else { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf.value = Number(total).toFixed(1) } } else { if (dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].value == undefined) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(total).toFixed(1) } else { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].value = Number(total).toFixed(1) } } return Number(total).toFixed(1) } const handleChange = (value, tableMeta, indexChilds) => { let val = String(value).split(",").join("") // let data = this.state.dataTable2 let indexParent = dataTable2.findIndex((val) => val[4] === dataTable2[tableMeta.rowIndex][5]) // ini buat input untuk perhitungan parent nya if (indexParent > 0) { if (indexChilds == 1) { let a = dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = Number(val) let jagain = dataTable2[indexParent][tableMeta.columnIndex].fcp a = dataTable2[indexParent][tableMeta.columnIndex].fcp = jagain === undefined ? (0 + Number(val)) : (Number(jagain) + Number(val)) } } else { if (indexChilds == 0) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc = Number(val) } else if (indexChilds == 1) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = Number(val) } else if (indexChilds == 2) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf = Number(val) } else if (indexChilds == 3) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val) } } } const handleTotal = (tableMeta, dex, periode) => { let total = 0 let totalfcp = 0 if (String(tableMeta.rowData[8]).toLowerCase() === "fiscal correction positive / (negative) year to date") { dataTable2[tableMeta.rowIndex - 2].map((item, index) => { if (index >= 9 && index <= 20) { if (dataTable2[tableMeta.rowIndex - 2][2] === 5 || dataTable2[tableMeta.rowIndex - 2][2] === 6 || dataTable2[tableMeta.rowIndex - 2][2] === 7) { let valItem = item.fcp.value == undefined || item.fcp.value == "" || item.fcp.value == "undefined" ? 0.0 : item.fcp.value total += Number(valItem) } else { let valItem = item.fcp == undefined || item.fcp == "" || item.fcp == "undefined" ? 0.0 : item.fcp total += Number(valItem) } } }) } else { dataTable2[tableMeta.rowIndex].map((item, index) => { if (index >= 9 && index <= 20) { if (tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7) { let valItem = item.tbf.value == undefined || item.tbf.value == "" || item.tbf.value == "undefined" ? 0.0 : item.tbf.value total += Number(valItem) } else { let valItem = item.tbf == undefined || item.tbf == "" || item.tbf == "undefined" ? 0.0 : item.tbf total += Number(valItem) } } }) } dataTable2[tableMeta.rowIndex][21] = Number(total).toFixed(1) return total } const handleParent = (tableMeta, type) => { let total = 0 dataTable2.map((item, index) => { if (item[5] == tableMeta.rowData[4]) { total += Number(type == 1 ? item[tableMeta.columnIndex].tbc.value == undefined ? Number(item[tableMeta.columnIndex].tbc == "" || item[tableMeta.columnIndex].tbc == "0.0" ? 0 : item[tableMeta.columnIndex].tbc) : Number(item[tableMeta.columnIndex].tbc.value == "" || item[tableMeta.columnIndex].tbc.value == "0.0" ? 0 : item[tableMeta.columnIndex].tbc.value) : (type == 2 ? item[tableMeta.columnIndex].fcp.value == undefined ? Number(item[tableMeta.columnIndex].fcp == "" || item[tableMeta.columnIndex].fcp == "0.0" ? 0 : item[tableMeta.columnIndex].fcp) : Number(item[tableMeta.columnIndex].fcp.value == "" || item[tableMeta.columnIndex].fcp.value == "0.0" ? 0 : item[tableMeta.columnIndex].fcp.value) : item[tableMeta.columnIndex].tbf.value == undefined ? Number(item[tableMeta.columnIndex].tbf == "" || item[tableMeta.columnIndex].tbf == "0.0" ? 0 : item[tableMeta.columnIndex].tbf) : Number(item[tableMeta.columnIndex].tbf.value == "" || item[tableMeta.columnIndex].tbf.value == "0.0" ? 0 : item[tableMeta.columnIndex].tbf.value) ) ) } }) if (type == 1) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc = total } else if (type == 2) { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = total } else { dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf = total } return total } const columns = [{ name: "", options: { display: false } }, { name: "", options: { display: false } }, { name: "", options: { display: false } }, { 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) => ( {columnMeta.name} ), setCellProps: () => ({ style }), customBodyRender: (val, tableMeta) => { return (
{tableMeta.rowData[0] === null ? tableMeta.rowData[7] == 0 ? {String(val).toUpperCase()} :
{tableMeta.rowData[0] === 4 ? "" : val}
: tableMeta.rowData[7] == 0 ? {String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()} :
{tableMeta.rowData[0] === 4 ? "" : val}
}
) } } }, { name: `Jan ${this.props.periode} Actual`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : // this.state.get_for == 'view'? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 ?
} />
: tableMeta.rowData[3] === 7 ? this.props.quarter === 'q1' || this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null :
} />
:
} />
}
) } } }, { name: `Feb ${this.props.periode} Actual`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : // this.state.get_for == 'view'? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 ?
} />
: tableMeta.rowData[3] === 7 ? this.props.quarter === 'q1' || this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null :
} />
:
} />
}
) } } }, { name: `Mar ${this.props.periode} Actual`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : // this.state.get_for == 'view'? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 ?
} />
: tableMeta.rowData[3] === 7 ? this.props.quarter === 'q1' || this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null :
} />
:
} />
}
) } } }, { name: this.props.quarter == 'q2' || this.props.quarter == 'q3' ? `Apr ${this.props.periode} Actual` : `Apr ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{this.props.quarter == 'q1' ?
{"Trial Balance (Commercial) MTD"}
: null} {this.props.quarter == 'q1' ?
{"Fiscal Correction Positive /(Negative)"}
: null}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{this.props.quarter == 'q1' ?
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 || this.props.quarter === "q2" || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null} {this.props.quarter == 'q1' ?
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 || this.props.quarter === "q2" || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
//
// // } // /> //
}
: null}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: this.props.quarter === "q2" || this.props.quarter === "q3" ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: this.props.quarter == 'q2' || this.props.quarter == 'q3' ? `May ${this.props.periode} Actual` : `May ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{this.props.quarter == 'q1' ?
{"Trial Balance (Commercial) MTD"}
: null} {this.props.quarter == 'q1' ?
{"Fiscal Correction Positive /(Negative)"}
: null}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{this.props.quarter == 'q1' ?
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 || this.props.quarter === "q2" || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null} {this.props.quarter == 'q1' ?
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 || this.props.quarter === "q2" || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: this.props.quarter === "q2" || this.props.quarter === "q3" ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: this.props.quarter == 'q2' || this.props.quarter == 'q3' ? `Jun ${this.props.periode} Actual` : `Jun ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{this.props.quarter == 'q1' ?
{"Trial Balance (Commercial) MTD"}
: null} {this.props.quarter == 'q1' ?
{"Fiscal Correction Positive /(Negative)"}
: null}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{this.props.quarter == 'q1' ?
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 || this.props.quarter === "q2" || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null} {this.props.quarter == 'q1' ?
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 || this.props.quarter === "q2" || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: this.props.quarter === "q2" || this.props.quarter === "q3" ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? this.props.quarter === 'q2' || this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: this.props.quarter == 'q3' ? `Jul ${this.props.periode} Actual` : `Jul ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{"Trial Balance (Commercial) MTD"}
: null} {this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{"Fiscal Correction Positive /(Negative)"}
: null}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null} {this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: this.props.quarter === "q3" ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: this.props.quarter == 'q3' ? `Aug ${this.props.periode} Actual` : `Aug ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{"Trial Balance (Commercial) MTD"}
: null} {this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{"Fiscal Correction Positive /(Negative)"}
: null}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null} {this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: this.props.quarter === "q3" ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: this.props.quarter == 'q3' ? `Sep ${this.props.periode} Actual` : `Sep ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{"Trial Balance (Commercial) MTD"}
: null} {this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{"Fiscal Correction Positive /(Negative)"}
: null}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null} {this.props.quarter == 'q1' || this.props.quarter == 'q2' ?
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 || this.props.quarter === "q3" ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
: null}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: this.props.quarter === "q3" ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? this.props.quarter === 'q3' ? null : (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: `Oct ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Commercial) MTD"}
{"Fiscal Correction Positive /(Negative)"}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: `Nov ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Commercial) MTD"}
{"Fiscal Correction Positive /(Negative)"}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: `Dec ${this.props.periode}`, options: { customHeadRender: (columnMeta) => ( {/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Commercial) MTD"}
{"Fiscal Correction Positive /(Negative)"}
{"Trial Balance (Fiscal) MTD"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{ tableMeta.rowData[1] === 4 || tableMeta.rowData[1] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[1] === 5 || tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 7 ?
} />
:
} />
: tableMeta.rowData[1] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 0) }} /> } />
: tableMeta.rowData[1] === 2 ? : tableMeta.rowData[1] === 6 || tableMeta.rowData[1] === 5 ? : tableMeta.rowData[1] === 7 ? (Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 0)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
{ tableMeta.rowData[2] === 4 || tableMeta.rowData[2] === 1 ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[2] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 1) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[2] === 2 ? : tableMeta.rowData[2] === 6 || tableMeta.rowData[2] === 5 ? : tableMeta.rowData[2] === 7 ? (Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 2)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
{ tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ? tableMeta.rowData[3] === 5 || tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 7 ?
} />
:
} />
: tableMeta.rowData[3] === 3 ?
{ // updateValue(event.target.value) handleChange(event.target.value, tableMeta, 2) // console.log(dataTable2) }} /> } />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 || tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? (Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? : :
} />
}
) } } }, { name: `${this.props.periode}`, options: { customHeadRender: (columnMeta) => (
{/* {columnMeta.name} */}
{columnMeta.name}
{"Trial Balance (Fiscal)"}
), setCellProps: () => ({ style2 }), customBodyRender: (value, tableMeta, updateValue) => { return (
{tableMeta.rowData[3] === 4 || tableMeta.rowData[3] === 1 ? null : this.state.get_for == 'view' ?
} />
: tableMeta.rowData[3] === 3 ?
} />
: tableMeta.rowData[3] === 2 ? : tableMeta.rowData[3] === 6 ? : tableMeta.rowData[3] === 5 ? : tableMeta.rowData[3] === 7 ? null // (Number(handleTotal(tableMeta, 1)) >= Number(this.state.minValue) && Number(handleTotal(tableMeta, 1)) <= Number(this.state.maxValue)) ? // : // // // : null // tableMeta.rowData[3] === 7 ? // (Number(handleValueFormula(value, tableMeta, 7)).toFixed(1) >= Number(this.state.minValue) && Number(handleValueFormula(value, tableMeta, 3)).toFixed(1) <= Number(this.state.maxValue)) ? // : // // // // : // null }
) } } }, { name: "", options: { display: false } }, { name: "", options: { display: false } }, { name: "", options: { display: false } }, { name: "", options: { display: false } }, { name: "", options: { display: false } }, ] const loadingComponent = (
); return (
Rolling Outlook Submission
this.closeAlert()}> this.closeAlert()} severity={this.state.tipeAlert}> {this.state.messageAlert} {/* {this.state.loading && loadingComponent} */}
{this.state.visibleTP === true ?
Rolling Outlook - Tax Planning
{this.props.company.company_name} Period : {this.props.periode} {String(this.props.quarter).toLocaleUpperCase()} (rev.{this.props.revision}) in IDR mn
{this.state.loading && loadingComponent} {!this.state.loading && }
{/* Last Updated by : {this.state.updateBy} */}
Last Updated by :
{this.state.updateBy.reverse().map((item,index) => { return ( {item.latest_update} ) })}
Notes : {this.state.notes}
{this.props.isApprover === true ?
:
{this.state.get_for == 'view' && this.state.viewOnly && } {this.state.get_for == 'edit' && } {this.state.get_for === 'edit' && } {this.state.get_for === 'edit' && }
}
:
{this.props.company.company_name} Period : {this.props.periode} {String(this.props.quarter).toLocaleUpperCase()} (rev.{this.props.revision}) in IDR mn
{this.state.dataLoaded && (
{this.state.loading && loadingComponent}
)}
}
{this.state.visibleUpload && (
Upload File
{ this.fileHandler(dt) this.setState({ uploadStatus: 'idle', percentage: '0' }) }} onUpload={() => { "ROLLING OUTLOOK - TAX PLANNING (in IDR mn)" String(this.state.judul).includes("ROLLING") && String(this.state.judul).includes("OUTLOOK") && String(this.state.judul).includes("TAX") && String(this.state.judul).includes("PLANNING") ? this.checkUpload() : this.setState({ alert: true, messageAlert: "Invalid Template", tipeAlert: 'warning' }) }} />
)}
); } }