BudgetTahunan.js 74.3 KB
Newer Older
Deni Rinaldi's avatar
Deni Rinaldi committed
1
import React, { Component } from 'react';
d.arizona's avatar
d.arizona committed
2
import { Typography, Paper, TextField, MenuItem, Select, FormControlLabel, Snackbar, withStyles, createMuiTheme, MuiThemeProvider, Checkbox, Input } from '@material-ui/core';
Deni Rinaldi's avatar
Deni Rinaldi committed
3 4
import MUIDataTable from 'mui-datatables';
import Images from '../assets/Images';
5
import BalanceSheet from './BudgetTahunan/BalanceSheet';
Deni Rinaldi's avatar
Deni Rinaldi committed
6 7
import api from '../api';
import Autocomplete from '@material-ui/lab/Autocomplete';
Deni Rinaldi's avatar
Deni Rinaldi committed
8
import MuiAlert from '@material-ui/lab/Alert';
Deni Rinaldi's avatar
Deni Rinaldi committed
9
import { titleCase } from '../library/Utils';
10
import ProfitLoss from './BudgetTahunan/ProfitLoss';
11
import TaxPlanning from './BudgetTahunan/TaxPlanning';
faisalhamdi's avatar
faisalhamdi committed
12
import FixedAssetsMovement from './BudgetTahunan/FixedAssetsMovement';
13
import CorporateAnnualTarget from './BudgetTahunan/CorporateAnnualTarget';
14 15 16
import { ExcelRenderer } from 'react-excel-renderer';
import UploadFile from "../library/Upload";
import { format } from 'date-fns';
Deni Rinaldi's avatar
Deni Rinaldi committed
17
import Constant from '../library/Constant';
Deni Rinaldi's avatar
Deni Rinaldi committed
18
import PropagateLoader from "react-spinners/PropagateLoader"
Deni Rinaldi's avatar
Deni Rinaldi committed
19
import CashFlow from './BudgetTahunan/CashFlow';
Deni Rinaldi's avatar
Deni Rinaldi committed
20
import { DatePicker } from '@material-ui/pickers';
d.arizona's avatar
d.arizona committed
21
import moment from 'moment';
Deni Rinaldi's avatar
Deni Rinaldi committed
22

Deni Rinaldi's avatar
Deni Rinaldi committed
23 24 25
var ct = require("../library/CustomTable");
const getMuiTheme = () => createMuiTheme(ct.customTable());

Deni Rinaldi's avatar
Deni Rinaldi committed
26 27
const Alert = withStyles({
})((props) => <MuiAlert elevation={6} variant="filled" {...props} />);
Deni Rinaldi's avatar
Deni Rinaldi committed
28 29 30 31 32 33

export default class BudgetTahunan extends Component {
    constructor(props) {
        super(props)
        this.state = {
            perusahaan: 'TAP Group',
34 35
            listRevision: null,
            revision: null,
36
            visibleBudgetTahunan: true,
Deni Rinaldi's avatar
Deni Rinaldi committed
37
            visibleBS: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
38 39
            listPeriode: null,
            periode: null,
Deni Rinaldi's avatar
Deni Rinaldi committed
40 41
            listCompany: null,
            company: null,
42
            report_id: null,
faisalhamdi's avatar
faisalhamdi committed
43
            visiblePL: false,
44
            visibleFAM: false,
45
            visibleCAT: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
46
            visibleCF: false,
47
            listAttachment: [],
Deni Rinaldi's avatar
Deni Rinaldi committed
48
            visibleUpload: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
49 50 51 52
            revisionTable: null,
            alert: false,
            tipeAlert: '',
            messageAlert: '',
Deni Rinaldi's avatar
Deni Rinaldi committed
53
            submissionID: null,
Deni Rinaldi's avatar
Deni Rinaldi committed
54
            isSubmit: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
55 56
            visibleTableHistory: false,
            isApprover: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
57
            lastStatus: "",
d.arizona's avatar
d.arizona committed
58 59 60
            intent: "",
            approverID: null,
            pic: '',
a.bairuha's avatar
a.bairuha committed
61
            submitter: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
62
            detailRevisiCheck: [],
Deni Rinaldi's avatar
Deni Rinaldi committed
63
            lastRevision: "",
a.bairuha's avatar
a.bairuha committed
64 65
            checkApprover: false,
            lastPeriod: '',
d.arizona's avatar
d.arizona committed
66 67
            latestPeriode: '',
            minDateRevision: new Date(),
d.arizona's avatar
d.arizona committed
68 69
            maxDateRevision: new Date(),
            btnApprove: false
Deni Rinaldi's avatar
Deni Rinaldi committed
70
        }
d.arizona's avatar
d.arizona committed
71
        this.myRef = React.createRef()
72
        this.fileHandler = this.fileHandler.bind(this);
Deni Rinaldi's avatar
Deni Rinaldi committed
73
    }
Deni Rinaldi's avatar
Deni Rinaldi committed
74

d.arizona's avatar
d.arizona committed
75 76
    scrollToMyRef = () => window.scrollTo(0, this.myRef.current.offsetTop)

Deni Rinaldi's avatar
Deni Rinaldi committed
77
    componentDidMount() {
Deni Rinaldi's avatar
Deni Rinaldi committed
78
        this.setState({ loading: true })
Deni Rinaldi's avatar
Deni Rinaldi committed
79 80
        this.props.selectIndex('Master Budget & CAT')
        if (this.props.location.state !== undefined) {
Deni Rinaldi's avatar
Deni Rinaldi committed
81
            console.log(this.props);
Deni Rinaldi's avatar
Deni Rinaldi committed
82
            this.setState({ userType: this.props.location.state.userType, intent: 'Home', lastPeriod: this.props.location.state.rawData.periode, rawData: this.props.location.state.rawData }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
83 84 85 86
                this.checkApprover()
            })
        } else {
            this.checkApprover()
Deni Rinaldi's avatar
Deni Rinaldi committed
87 88 89 90 91 92 93
        }
    }

    checkApprover() {
        api.create().checkApprover().then(response => {
            console.log(response);
            if (response.data.data.is_approver === true) {
Deni Rinaldi's avatar
Deni Rinaldi committed
94 95
                this.setState({ isApprover: true, checkApprover: true }, () =>
                    this.getPeriode())
Deni Rinaldi's avatar
Deni Rinaldi committed
96
            } else {
Deni Rinaldi's avatar
Deni Rinaldi committed
97
                this.setState({ isApprover: false, checkApprover: false }, () =>
Deni Rinaldi's avatar
Deni Rinaldi committed
98 99 100
                    this.getDetailUser())
            }
        })
Deni Rinaldi's avatar
Deni Rinaldi committed
101 102
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
    getCompanySubmitted() {
        let body = {
            "periode": this.state.periode.periode
        }
        api.create().getCompanySubmitted(body).then(response => {
            console.log(response);
            if (response.data) {
                if (response.data.status === 'success') {
                    let data = response.data.data
                    let companyData = data.map((item) => {
                        return {
                            company_id: item.company_id,
                            company_name: item.company_name,
                        }
                    })

                    let defaultProps = {
                        options: companyData,
                        getOptionLabel: (option) => titleCase(option.company_name),
                    };
                    this.setState({ listCompany: defaultProps, company: companyData[0] }, () => {
                        // console.log(response.data.data);
                        if (response.data.data.length > 0) {
                            this.getRevision()
                        } else {
a.bairuha's avatar
a.bairuha committed
128
                            this.setState({ listRevision: null, revision: null, dataTable: [], loading: false, checkApprover: false, lastRevision: "", visibleTableHistory: false })
Deni Rinaldi's avatar
Deni Rinaldi committed
129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147
                        }
                        // 
                    })
                } else {
                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
                        if (response.data.message.includes("Someone Logged In")) {
                            setTimeout(() => {
                                localStorage.removeItem(Constant.TOKEN)
                                window.location.reload();
                            }, 1000);
                        }
                    })
                }
            } else {
                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', listCompany: null, company: null })
            }
        })
    }

148 149 150 151 152 153 154
    getReportAttachment() {
        let payload = {
            "company_id": this.state.company.company_id,
            "periode": this.state.periode.periode,
            "revision": this.state.revision.revision,
        }
        api.create().getMasterBudgetAtt(payload).then(response => {
Deni Rinaldi's avatar
Deni Rinaldi committed
155
            console.log(response)
156 157 158 159 160 161 162 163 164
            if (response.data) {
                if (response.data.status === "success") {
                    this.setState({ listAttachment: response.data.data })
                }
            }
            // console.log(response);
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
165
    getReport() {
Deni Rinaldi's avatar
Deni Rinaldi committed
166 167
        let payload = {
            "company_id": this.state.company.company_id,
Deni Rinaldi's avatar
Deni Rinaldi committed
168
            "periode": this.state.periode.periode,
d.arizona's avatar
d.arizona committed
169
            "report_type": "Master Budget",
Deni Rinaldi's avatar
Deni Rinaldi committed
170 171
        }
        api.create().getReportTypeBody(payload).then(response => {
Deni Rinaldi's avatar
Deni Rinaldi committed
172
            console.log(response);
Deni Rinaldi's avatar
Deni Rinaldi committed
173 174 175 176
            if (response.data) {
                if (response.data.status === "success") {
                    let dataTable = response.data.data.map((item, index) => {
                        return [
177
                            item.number,
Deni Rinaldi's avatar
Deni Rinaldi committed
178
                            item.report_name,
179
                            item.revision,
Deni Rinaldi's avatar
Deni Rinaldi committed
180
                            this.state.isSubmit === false ? "CLOSED" : item.current_status,
181
                            item.report_id,
a.bairuha's avatar
a.bairuha committed
182
                            Number(item.revision) > 0 ? (item.current_status == "not-yet" ? false : item.is_can_upload) : item.is_can_upload,
183
                            item.revision
Deni Rinaldi's avatar
Deni Rinaldi committed
184 185
                        ]
                    })
Deni Rinaldi's avatar
Deni Rinaldi committed
186 187
                    let dataTableRevision = response.data.data.map((item, index) => {
                        return [
d.arizona's avatar
d.arizona committed
188
                            item.report_id,
Deni Rinaldi's avatar
Deni Rinaldi committed
189 190 191 192
                            item.report_name,
                            ""
                        ]
                    })
193
                    // console.log(dataTable);
Deni Rinaldi's avatar
Deni Rinaldi committed
194
                    this.setState({ dataTable, loading: false, dataTableRevision, dataForRevision: response.data.data })
Deni Rinaldi's avatar
Deni Rinaldi committed
195
                }
Deni Rinaldi's avatar
Deni Rinaldi committed
196 197
            } else {
                this.setState({ loading: false })
Deni Rinaldi's avatar
Deni Rinaldi committed
198 199 200 201
            }
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
202 203 204 205 206 207 208 209 210
    getLatestPeriodSubmit() {
        let body = {
            "company_id": this.state.company.company_id,
            "periode": this.state.periode.periode
        }
        api.create().getSubmitMasterBudget(body).then(response => {
            console.log(response);
            if (response.data) {
                if (response.data.status === "success") {
Deni Rinaldi's avatar
Deni Rinaldi committed
211 212 213 214
                    this.setState({ isSubmit: response.data.data.is_can_submit }, () => {
                        this.getReport()
                        this.getReportAttachment()
                    })
Deni Rinaldi's avatar
Deni Rinaldi committed
215 216 217 218 219
                }
            }
        })
    }

EKSAD's avatar
EKSAD committed
220 221 222 223 224 225
    getDetailUser() {
        let userId = localStorage.getItem(Constant.USER)
        api.create().getDetailUser(userId).then((response) => {
            if (response.data) {
                if (response.ok) {
                    if (response.data.status === 'success') {
Deni Rinaldi's avatar
Deni Rinaldi committed
226
                        this.setState({ userCompany: response.data.data.company }, () => {
EKSAD's avatar
EKSAD committed
227
                            this.getCompanyActive()
Deni Rinaldi's avatar
Deni Rinaldi committed
228
                        })
EKSAD's avatar
EKSAD committed
229 230
                    }
                }
Deni Rinaldi's avatar
Deni Rinaldi committed
231
            }
EKSAD's avatar
EKSAD committed
232 233 234
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
235 236
    getCompanyActive() {
        api.create().getPerusahaanActive().then((response) => {
Deni Rinaldi's avatar
Deni Rinaldi committed
237
            console.log(response);
Deni Rinaldi's avatar
Deni Rinaldi committed
238 239 240
            if (response.data) {
                if (response.data.status === 'success') {
                    let data = response.data.data
Deni Rinaldi's avatar
Deni Rinaldi committed
241
                    let comID = this.state.rawData ? this.state.rawData.company_id : 0
Deni Rinaldi's avatar
Deni Rinaldi committed
242 243 244 245 246 247
                    let companyData = data.map((item) => {
                        return {
                            company_id: item.company_id,
                            company_name: item.company_name,
                        }
                    })
Deni Rinaldi's avatar
Deni Rinaldi committed
248

EKSAD's avatar
EKSAD committed
249
                    let arrayBaru = []
Deni Rinaldi's avatar
Deni Rinaldi committed
250
                    this.state.userCompany.map((item, index) => {
EKSAD's avatar
EKSAD committed
251 252 253 254 255
                        let indexID = companyData.findIndex((val) => val.company_id == item)
                        if (indexID !== -1) {
                            arrayBaru.push(companyData[indexID])
                        }
                    })
Deni Rinaldi's avatar
Deni Rinaldi committed
256

Deni Rinaldi's avatar
Deni Rinaldi committed
257
                    let defaultProps = {
EKSAD's avatar
EKSAD committed
258
                        options: arrayBaru,
Deni Rinaldi's avatar
Deni Rinaldi committed
259 260
                        getOptionLabel: (option) => titleCase(option.company_name),
                    };
Deni Rinaldi's avatar
Deni Rinaldi committed
261
                    let index = arrayBaru.findIndex((val) => val.company_id == comID)
Deni Rinaldi's avatar
Deni Rinaldi committed
262
                    this.setState({ listCompany: defaultProps, company: arrayBaru.length < 1 ? companyData[0] : (index == -1 ? arrayBaru[0] : arrayBaru[index]) }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
263
                        this.getLastPeriod()
Deni Rinaldi's avatar
Deni Rinaldi committed
264 265 266
                    })
                } else {
                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
a.bairuha's avatar
a.bairuha committed
267
                        if (response.data.message.includes("Someone Logged In")) {
Deni Rinaldi's avatar
Deni Rinaldi committed
268 269 270 271 272 273 274
                            setTimeout(() => {
                                localStorage.removeItem(Constant.TOKEN)
                                window.location.reload();
                            }, 1000);
                        }
                    })
                }
Deni Rinaldi's avatar
Deni Rinaldi committed
275
            } else {
Deni Rinaldi's avatar
Deni Rinaldi committed
276
                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', listCompany: null, company: null })
Deni Rinaldi's avatar
Deni Rinaldi committed
277 278 279 280
            }
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
281
    getLastPeriod() {
Deni Rinaldi's avatar
Deni Rinaldi committed
282 283 284
        api.create().getLastPeriod(this.state.company.company_id).then(response => {
            console.log(response);
            if (response.data.status === "success") {
Deni Rinaldi's avatar
Deni Rinaldi committed
285
                this.setState({ lastPeriod: response.data.data.last_periode, latestPeriode: response.data.data.latest_periode }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
286 287 288 289 290 291
                    this.getPeriode()
                })
            }
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
292
    getPeriode() {
293
        api.create().getPeriodeTransaction().then(response => {
Deni Rinaldi's avatar
Deni Rinaldi committed
294 295
            // let dateNow = new Date
            // let year = this.state.rawData ? this.state.rawData.periode : format(dateNow, 'yyyy')
d.arizona's avatar
d.arizona committed
296
            let currentYear = new Date().getFullYear()
Deni Rinaldi's avatar
Deni Rinaldi committed
297
            // console.log(currentYear)
298 299
            if (response.data) {
                if (response.data.status === "success") {
a.bairuha's avatar
a.bairuha committed
300 301
                    let data = []
                    response.data.data.map((item) => {
d.arizona's avatar
d.arizona committed
302 303 304 305 306 307 308 309
                        if (this.state.isApprover) {
                            if (item >= 2000 && item <= (Number(currentYear) + 1)) {
                                data.push(item)
                            }
                        } else {
                            if ((item >= 2000) && (item == this.state.lastPeriod || item < this.state.lastPeriod)) {
                                data.push(item)
                            }
a.bairuha's avatar
a.bairuha committed
310 311
                        }
                    })
312 313 314 315 316 317 318 319 320
                    let periodeData = data.map((item) => {
                        return {
                            periode: item,
                        }
                    })
                    let defaultProps = {
                        options: periodeData,
                        getOptionLabel: (option) => option.periode,
                    };
Deni Rinaldi's avatar
Deni Rinaldi committed
321
                    let index = data.sort((a, b) => a - b).findIndex((val) => val === (this.state.latestPeriode == "" ? String(Number(currentYear) + 1) : this.state.latestPeriode))
Deni Rinaldi's avatar
Deni Rinaldi committed
322
                    // console.log(data)
Deni Rinaldi's avatar
Deni Rinaldi committed
323
                    console.log(this.state.lastPeriod)
Deni Rinaldi's avatar
Deni Rinaldi committed
324 325
                    // console.log(periodeData)
                    // console.log(index)
Deni Rinaldi's avatar
Deni Rinaldi committed
326
                    this.setState({ listPeriode: defaultProps, periode: index === -1 ? periodeData[0] : periodeData[index] }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
327 328 329 330 331
                        if (this.state.isApprover === true) {
                            this.getCompanySubmitted()
                        } else {
                            this.getRevision()
                        }
332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357
                    })
                }
            }
        })
    }

    getRevision() {
        let payload = {
            "company_id": this.state.company.company_id,
            "periode": this.state.periode.periode
        }
        api.create().getRevision(payload).then(response => {
            console.log(response);
            if (response.data) {
                if (response.data.status === "success") {
                    let data = response.data.data
                    let revisionData = data.map((item) => {
                        return {
                            revision: item,
                        }
                    })
                    let defaultProps = {
                        options: revisionData,
                        getOptionLabel: (option) => option.revision,
                    };
                    this.setState({ listRevision: defaultProps, revision: revisionData[0] }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
358
                        this.getSubmission()
359 360
                    })
                }
Deni Rinaldi's avatar
Deni Rinaldi committed
361 362 363 364
            }
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
365
    getSubmission() {
Deni Rinaldi's avatar
Deni Rinaldi committed
366
        this.setState({ loading: true })
Deni Rinaldi's avatar
Deni Rinaldi committed
367 368
        let payload = {
            "company_id": this.state.company.company_id,
Deni Rinaldi's avatar
Deni Rinaldi committed
369 370
            "periode": this.state.periode.periode,
            "is_approver": this.state.isApprover
Deni Rinaldi's avatar
Deni Rinaldi committed
371 372
        }
        api.create().getSubmission(payload).then(response => {
Deni Rinaldi's avatar
Deni Rinaldi committed
373
            console.log(response)
Deni Rinaldi's avatar
Deni Rinaldi committed
374
            if (response) {
Deni Rinaldi's avatar
Deni Rinaldi committed
375
                if (response.data.status === "success") {
Deni Rinaldi's avatar
Deni Rinaldi committed
376
                    this.setState({
Deni Rinaldi's avatar
Deni Rinaldi committed
377
                        submissionID: response.data.data.submission_id,
a.bairuha's avatar
a.bairuha committed
378
                        submitter: response.data.data.submitter,
Deni Rinaldi's avatar
Deni Rinaldi committed
379
                        approverID: response.data.data.approve_id, pic: response.data.data.approver == null ? '' : response.data.data.approver,
Deni Rinaldi's avatar
Deni Rinaldi committed
380
                        lastStatus: response.data.data.last_status === null ? 'SUBMIT' : response.data.data.last_status,
Deni Rinaldi's avatar
Deni Rinaldi committed
381
                        loading: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
382
                        lastRevision: response.data.data.last_revision,
d.arizona's avatar
d.arizona committed
383
                        btnApprove: response.data.data.is_submit
Deni Rinaldi's avatar
Deni Rinaldi committed
384
                    }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
385
                        console.log(this.state.lastStatus);
Deni Rinaldi's avatar
Deni Rinaldi committed
386
                        this.historyApproval()
Deni Rinaldi's avatar
Deni Rinaldi committed
387
                        this.getLatestPeriodSubmit()
Deni Rinaldi's avatar
Deni Rinaldi committed
388 389 390 391 392
                        api.create().checkApprover().then(response => {
                            // console.log(response);
                            if (response.data.data.is_approver === true) {
                                this.setState({ isApprover: true, checkApprover: true })
                            } else {
Deni Rinaldi's avatar
Deni Rinaldi committed
393
                                this.setState({ isApprover: false, checkApprover: false })
Deni Rinaldi's avatar
Deni Rinaldi committed
394 395 396
                            }

                        })
Deni Rinaldi's avatar
Deni Rinaldi committed
397
                    })
Deni Rinaldi's avatar
Deni Rinaldi committed
398
                } else {
d.arizona's avatar
d.arizona committed
399
                    this.setState({ submissionID: null, loading: false })
Deni Rinaldi's avatar
Deni Rinaldi committed
400 401 402 403 404
                }
            }
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
405 406
    historyApproval() {
        let body = {
Deni Rinaldi's avatar
Deni Rinaldi committed
407 408
            "company_id": this.state.company.company_id,
            "periode": this.state.periode.periode
Deni Rinaldi's avatar
Deni Rinaldi committed
409 410 411 412 413 414 415 416 417 418 419 420 421
        }
        api.create().historyApproval(body).then(response => {
            console.log(response);
            if (response.data.data.length > 0) {
                let dataTableHistory = response.data.data.map(item => {
                    return [
                        item.pic,
                        item.status_approval,
                        item.remarks,
                        item.item_revision,
                        item.history_approval_date
                    ]
                })
Deni Rinaldi's avatar
Deni Rinaldi committed
422
                this.setState({ dataTableHistory, visibleTableHistory: true })
Deni Rinaldi's avatar
Deni Rinaldi committed
423 424 425 426
            }
        })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
427
    approvalSubmission(type) {
d.arizona's avatar
d.arizona committed
428
        this.scrollToMyRef()
Deni Rinaldi's avatar
Deni Rinaldi committed
429
        this.setState({ loading: true })
Deni Rinaldi's avatar
Deni Rinaldi committed
430
        let body = {
Deni Rinaldi's avatar
Deni Rinaldi committed
431
            "approval_id": this.props.location.state == undefined ? this.state.approverID : this.state.rawData.approval_id,
Deni Rinaldi's avatar
Deni Rinaldi committed
432
            "status": type,
d.arizona's avatar
d.arizona committed
433
            "detail": this.state.detailRevisiCheck
Deni Rinaldi's avatar
Deni Rinaldi committed
434
        }
d.arizona's avatar
d.arizona committed
435 436 437 438 439 440
        let payload = {
            "company_id": this.state.company.company_id,
            "min_periode": moment(this.state.minDateRevision).format('YYYY-MM-DD'),
            "max_periode": moment(this.state.maxDateRevision).format('YYYY-MM-DD')
        }
        console.log(payload)
d.arizona's avatar
d.arizona committed
441 442
        api.create().approvalSubmission(body).then((res) => {
            console.log(res)
Deni Rinaldi's avatar
Deni Rinaldi committed
443
            this.setState({ loading: false }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
444
                this.getSubmission()
d.arizona's avatar
d.arizona committed
445
            })
d.arizona's avatar
d.arizona committed
446 447 448
            if (type == 'revision') {
                api.create().createPeriodeRevision(payload).then((res) => console.log(res))
            }
d.arizona's avatar
d.arizona committed
449
        })
Deni Rinaldi's avatar
Deni Rinaldi committed
450 451
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
452
    clickDetail(item, id, revision, status) {
Deni Rinaldi's avatar
Deni Rinaldi committed
453 454 455 456 457 458 459 460 461 462
        console.log(this.state.dataForRevision);
        this.state.dataForRevision.map(i => {
            if (i.report_name === item) {
                if (i.revision !== revision) {
                    this.setState({ prevRevision: true })
                } else {
                    this.setState({ prevRevision: false })
                }
            }
        })
Deni Rinaldi's avatar
Deni Rinaldi committed
463 464 465
        this.setState({
            report_id: id,
            revisionTable: revision,
Deni Rinaldi's avatar
Deni Rinaldi committed
466
            status: status
Deni Rinaldi's avatar
Deni Rinaldi committed
467 468 469 470 471 472 473 474 475
        }, () => {
            if (item === 'Balance Sheet') {
                this.setState({
                    visibleBudgetTahunan: false,
                    visibleBS: true,
                    visiblePL: false,
                    visibleCAT: false,
                    visibleFAM: false,
                    visibleTP: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
476
                    visibleCF: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
477 478 479 480 481 482 483 484
                })
            } else if (item === 'Profit Loss') {
                this.setState({
                    visibleBudgetTahunan: false,
                    visibleBS: false,
                    visiblePL: true,
                    visibleCAT: false,
                    visibleFAM: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
485 486
                    visibleTP: false,
                    visibleCF: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
487 488 489 490 491 492 493 494
                })
            } else if (item === 'Tax Planning') {
                this.setState({
                    visibleBudgetTahunan: false,
                    visibleBS: false,
                    visiblePL: false,
                    visibleCAT: false,
                    visibleFAM: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
495 496
                    visibleTP: true,
                    visibleCF: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
497 498 499 500 501 502 503 504
                })
            } else if (item === 'Fixed Assets Movement') {
                this.setState({
                    visibleBudgetTahunan: false,
                    visibleBS: false,
                    visiblePL: false,
                    visibleCAT: false,
                    visibleFAM: true,
Deni Rinaldi's avatar
Deni Rinaldi committed
505 506
                    visibleTP: false,
                    visibleCF: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
507 508 509 510 511 512 513 514
                })
            } else if (item === 'CAT') {
                this.setState({
                    visibleBudgetTahunan: false,
                    visibleBS: false,
                    visiblePL: false,
                    visibleCAT: true,
                    visibleFAM: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
515 516 517
                    visibleTP: false,
                    visibleCF: false,
                })
Deni Rinaldi's avatar
Deni Rinaldi committed
518
            } else if (item === "Cash Flow") {
Deni Rinaldi's avatar
Deni Rinaldi committed
519 520 521 522 523 524 525 526
                this.setState({
                    visibleBudgetTahunan: false,
                    visibleBS: false,
                    visiblePL: false,
                    visibleCAT: false,
                    visibleFAM: false,
                    visibleTP: false,
                    visibleCF: true,
Deni Rinaldi's avatar
Deni Rinaldi committed
527 528 529
                })
            }
        })
Deni Rinaldi's avatar
Deni Rinaldi committed
530 531
    }

532 533 534 535 536
    handleChange(value, tableMeta) {
        let data = this.state.dataTable
        data[tableMeta.rowIndex][tableMeta.columnIndex] = value
    }

537 538 539 540 541 542 543 544 545
    fileHandler = (event) => {
        let fileObj = event
        ExcelRenderer(fileObj, (err, resp) => {
            // console.log(resp)
            if (err) {
                console.log(err);
            }
            else {
                const formData = new FormData();
546
                formData.append("revision", Number(this.state.revision.revision));
547 548 549 550 551 552 553 554 555 556 557 558 559
                formData.append("companyId", this.state.company.company_id);
                formData.append("periode", Number(this.state.periode.periode));
                formData.append("file", event);
                this.setState({ formData })
            }
        })
    }

    uploadAttachment(formData) {
        api.create().uploadAttachment(formData).then(response => {
            if (response.data) {
                if (response.data.status === "success") {
                    this.setState({ visibleUpload: false }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
560
                        this.getSubmission()
561 562 563
                    })
                }
            }
Deni Rinaldi's avatar
Deni Rinaldi committed
564 565 566 567 568 569 570
        })
    }

    deleteAttachment(item) {
        api.create().deleteAttachment(item.attachment_id).then(response => {
            if (response.data) {
                if (response.data.status === "success") {
Deni Rinaldi's avatar
Deni Rinaldi committed
571
                    this.getSubmission()
Deni Rinaldi's avatar
Deni Rinaldi committed
572 573
                }
            }
574 575
        })
    }
Deni Rinaldi's avatar
Deni Rinaldi committed
576

Deni Rinaldi's avatar
Deni Rinaldi committed
577 578 579 580
    closeAlert() {
        this.setState({ alert: false })
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
581
    saveToMasterBudget(data) {
Deni Rinaldi's avatar
Deni Rinaldi committed
582 583
        this.setState({ loading: true })
        // console.log(JSON.stringify(data));
Deni Rinaldi's avatar
Deni Rinaldi committed
584
        api.create('UPLOAD').createSubmitReport(data).then(response => {
Deni Rinaldi's avatar
Deni Rinaldi committed
585 586 587
            console.log(response);
            if (response.data) {
                if (response.data.status === "success") {
Deni Rinaldi's avatar
Deni Rinaldi committed
588
                    this.getSubmission()
Deni Rinaldi's avatar
Deni Rinaldi committed
589
                } else {
Deni Rinaldi's avatar
Deni Rinaldi committed
590 591 592
                    this.setState({ loading: false }, () => {
                        this.getSubmission()
                    })
Deni Rinaldi's avatar
Deni Rinaldi committed
593
                }
Deni Rinaldi's avatar
Deni Rinaldi committed
594
            } else {
Deni Rinaldi's avatar
Deni Rinaldi committed
595
                this.setState({ loading: false }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
596 597
                    this.getSubmission()
                })
Deni Rinaldi's avatar
Deni Rinaldi committed
598 599
            }
        })
Deni Rinaldi's avatar
Deni Rinaldi committed
600 601
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
602 603 604 605
    async downloadAttachment(fileurl, name) {
        let length = name.split(".").length
        let fileType = name.split(".")[length - 1]
        console.log(fileType);
d.arizona's avatar
d.arizona committed
606
        let url = `https://tia.eksad.com/tia-reporting-dev/public/transaction/master_budget/download_attachment?fileName=${fileurl}&&fileType=${fileType}`
Deni Rinaldi's avatar
Deni Rinaldi committed
607 608
        // console.log(url);
        let res = await fetch(
d.arizona's avatar
d.arizona committed
609
            `https://tia.eksad.com/tia-reporting-dev/public/transaction/master_budget/download_attachment?fileName=${fileurl}&&fileType=${fileType}`
Deni Rinaldi's avatar
Deni Rinaldi committed
610 611 612 613 614 615 616
        )
        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;
Deni Rinaldi's avatar
Deni Rinaldi committed
617
            a.download = 'Master Budget Attachment.xlsx';
Deni Rinaldi's avatar
Deni Rinaldi committed
618 619 620 621
            a.click();
        }
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
622
    validate() {
Deni Rinaldi's avatar
Deni Rinaldi committed
623
        this.setState({ loading: true })
Deni Rinaldi's avatar
Deni Rinaldi committed
624
        let array = []
Deni Rinaldi's avatar
Deni Rinaldi committed
625
        let canSubmit = true
Deni Rinaldi's avatar
Deni Rinaldi committed
626
        this.state.dataTable.map(item => {
Deni Rinaldi's avatar
Deni Rinaldi committed
627
            if (item[1] !== 'Cash Flow') {
Deni Rinaldi's avatar
Deni Rinaldi committed
628
                if (item[3] !== "submitted" && item[3] !== 'approved') {
Deni Rinaldi's avatar
Deni Rinaldi committed
629 630 631
                    canSubmit = false
                    array.push(item[3])
                }
Deni Rinaldi's avatar
Deni Rinaldi committed
632
            }
Deni Rinaldi's avatar
Deni Rinaldi committed
633 634 635 636 637
            // if (item[3].includes("not-yet") || item[3].includes("draft")) {
            //     array.push(item[3])
            // } else {
            //     array.push(item[3])
            // }
Deni Rinaldi's avatar
Deni Rinaldi committed
638
        })
Deni Rinaldi's avatar
Deni Rinaldi committed
639 640 641 642
        if (canSubmit === true) {
            let body = {
                submission_id: this.state.submissionID
            }
Deni Rinaldi's avatar
Deni Rinaldi committed
643
            api.create().submitMasterBudget(body).then(response => {
Deni Rinaldi's avatar
Deni Rinaldi committed
644
                console.log(response);
Deni Rinaldi's avatar
Deni Rinaldi committed
645
                if (response.data) {
Deni Rinaldi's avatar
Deni Rinaldi committed
646
                    if (response.data.status === "success") {
Deni Rinaldi's avatar
Deni Rinaldi committed
647
                        this.getSubmission()
Deni Rinaldi's avatar
Deni Rinaldi committed
648 649 650
                    }
                }
            })
Deni Rinaldi's avatar
Deni Rinaldi committed
651
        } else {
Deni Rinaldi's avatar
Deni Rinaldi committed
652
            this.setState({ alert: true, messageAlert: 'Data Is Not Complete', tipeAlert: 'warning', loading: false })
Deni Rinaldi's avatar
Deni Rinaldi committed
653
        }
Deni Rinaldi's avatar
Deni Rinaldi committed
654 655 656 657 658 659
        // if (array.includes("not-yet" || "draft")) {
        //     console.log('gagal');
        // } else {
        //     console.log('masuk');
        // }

Deni Rinaldi's avatar
Deni Rinaldi committed
660
    }
Deni Rinaldi's avatar
Deni Rinaldi committed
661

d.arizona's avatar
d.arizona committed
662 663 664 665 666 667 668 669 670 671 672 673 674 675 676
    validateRevision() {
        let arrayRevisi = this.state.detailRevisiCheck
        let remarksKosong = 0
        arrayRevisi.map((item,index) => {
            if (item.remarks == "") {
                remarksKosong += 1
            }
        })
        if (remarksKosong > 0) {
            this.setState({ alert: true, messageAlert: 'Remarks Cannot be Empty', tipeAlert: 'error' })
        } else {
            this.setState({ visibleRevision: false }, () => this.approvalSubmission('revision'))
        }
    }

Deni Rinaldi's avatar
Deni Rinaldi committed
677
    render() {
d.arizona's avatar
d.arizona committed
678 679 680 681
        const handleMaxDate = () => {
            let handleDate = Number(moment(this.state.maxDateRevision).format('YYYYMMDD')) - Number(moment(this.state.minDateRevision).format('YYYYMMDD'))
            return handleDate < 0? moment(this.state.minDateRevision).format('YYYY/MM/DD') : moment(this.state.maxDateRevision).format('YYYY/MM/DD')
        }
682
        const columns = ["#", "Report Type",
Deni Rinaldi's avatar
Deni Rinaldi committed
683
            {
684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716
                name: "Revision",
                options: {
                    customBodyRender: (val, tableMeta, updateValue) => {
                        var list = [];
                        for (var i = 0; i <= tableMeta.rowData[6]; i++) {
                            list.push(i);
                        }
                        return (
                            <div style={{ display: 'flex' }}>
                                <FormControlLabel
                                    style={{ margin: 0 }}
                                    value={val}
                                    control={
                                        <Select
                                            value={val}
                                            onChange={event => {
                                                // console.log(event.target)
                                                updateValue(event.target.value)
                                                this.handleChange(event.target.value, tableMeta)
                                            }}
                                            autoWidth
                                        >
                                            {list.map((item, index) =>
                                                <MenuItem key={index} value={item}>{item}</MenuItem>
                                            )}
                                        </Select>
                                    }
                                />
                            </div >
                        );
                    }
                }
            }, {
Deni Rinaldi's avatar
Deni Rinaldi committed
717 718 719 720 721
                name: "Status",
                options: {
                    customBodyRender: (val, tableMeta) => {
                        return (
                            <div style={{ display: 'flex' }}>
722
                                {val === "submitted" || val === "approved" ?
Deni Rinaldi's avatar
Deni Rinaldi committed
723
                                    <span>COMPLETED</span> :
Deni Rinaldi's avatar
Deni Rinaldi committed
724
                                    val === "draft" ?
Deni Rinaldi's avatar
Deni Rinaldi committed
725
                                        <span>DRAFT</span> :
Deni Rinaldi's avatar
Deni Rinaldi committed
726
                                        val === "revision" ?
Deni Rinaldi's avatar
Deni Rinaldi committed
727
                                            <span>REVISION</span> :
Deni Rinaldi's avatar
Deni Rinaldi committed
728
                                            val === "approval_proccess" ?
Deni Rinaldi's avatar
Deni Rinaldi committed
729
                                                <span>APPROVAL PROCCESS</span> :
Deni Rinaldi's avatar
Deni Rinaldi committed
730
                                                val === "approval_review" ?
Deni Rinaldi's avatar
Deni Rinaldi committed
731
                                                    <span>APPROVAL REVIEW</span> :
Deni Rinaldi's avatar
Deni Rinaldi committed
732
                                                    val === "not-yet" ?
Deni Rinaldi's avatar
Deni Rinaldi committed
733
                                                        <span>OPEN</span> :
Deni Rinaldi's avatar
Deni Rinaldi committed
734 735 736
                                                        val === "CLOSED" ?
                                                            <span>CLOSED</span> :
                                                            <img src={Images.cross} style={{ width: 31, height: 24 }} />
Deni Rinaldi's avatar
Deni Rinaldi committed
737 738 739 740 741 742 743 744 745 746 747 748 749 750 751
                                }
                            </div >
                        );
                    }
                }
            },
            {
                name: "Action",
                options: {
                    customBodyRender: (val, tableMeta) => {
                        return (
                            <div style={{ display: 'flex' }}>
                                <button
                                    style={{
                                        backgroundColor: 'transparent',
d.arizona's avatar
d.arizona committed
752
                                        cursor: tableMeta.rowData[5] ? 'pointer' : 'default',
Deni Rinaldi's avatar
Deni Rinaldi committed
753 754
                                        borderColor: 'transparent'
                                    }}
Deni Rinaldi's avatar
Deni Rinaldi committed
755
                                    onClick={() =>
Deni Rinaldi's avatar
Deni Rinaldi committed
756
                                        tableMeta.rowData[5] == true ?
d.arizona's avatar
d.arizona committed
757
                                            this.clickDetail(tableMeta.rowData[1], tableMeta.rowData[4], tableMeta.rowData[2], tableMeta.rowData[3])
Deni Rinaldi's avatar
Deni Rinaldi committed
758
                                        : null
759
                                    }
Deni Rinaldi's avatar
Deni Rinaldi committed
760
                                >
a.bairuha's avatar
a.bairuha committed
761 762 763 764
                                    {/* {this.state.isApprover == true ? 
                                        (tableMeta.rowData[5] ? '#5198ea' : 'GrayText') :
                                        (this.state.lastRevision == 0 ? (tableMeta.rowData[5] ? '#5198ea' : 'GrayText') :
                                        (tableMeta.rowData[3] !== 'submitted' ? '#5198ea' : 'GrayText'))} */}
d.arizona's avatar
d.arizona committed
765
                                    <Typography style={{ color: tableMeta.rowData[5] ? '#5198ea' : 'GrayText', fontSize: 12, }}>Detail</Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
766 767 768 769 770
                                </button>
                            </div >
                        );
                    }
                }
771 772 773 774 775 776
            }, {
                name: "",
                options: { display: false }
            }, {
                name: "",
                options: { display: false }
Deni Rinaldi's avatar
Deni Rinaldi committed
777
            }]
Deni Rinaldi's avatar
Deni Rinaldi committed
778 779 780 781

        const columnsHistory = [
            "Name", "Status", "Remarks", "Revision Item", "Date"
        ]
Deni Rinaldi's avatar
Deni Rinaldi committed
782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797

        const columnRevisi = [
            {
                name: "#",
                options: {
                    customBodyRender: (val, tableMeta, updateValue) => {
                        var list = [];
                        for (var i = 0; i <= tableMeta.rowData[6]; i++) {
                            list.push(i);
                        }
                        return (
                            <div style={{ display: 'flex' }}>
                                <FormControlLabel
                                    style={{ margin: 0 }}
                                    value={val}
                                    control={
Deni Rinaldi's avatar
Deni Rinaldi committed
798 799 800
                                        <Checkbox
                                            checked={this.state.detailRevisiCheck.findIndex((val) => val.report_id == tableMeta.rowData[0]) == -1 ? false : true}
                                            onClick={() => handleCheckRevision(tableMeta.rowData)} />
Deni Rinaldi's avatar
Deni Rinaldi committed
801 802 803 804 805 806
                                    }
                                />
                            </div >
                        );
                    }
                }
d.arizona's avatar
d.arizona committed
807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831
            }, "Report Type",
            {
                name: 'Remarks',
                options: {
                    customBodyRender: (value, tableMeta, updateValue) => {
                        return (
                            <div style={{ textAlign: 'left' }}>
                                <FormControlLabel
                                    style={{ margin: 0 }}
                                    // value={value}
                                    control={
                                        <Input
                                            disableUnderline={true}
                                            style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginTop: -10 }}
                                            type="text"
                                            placeholder=""
                                            defaultValue={value}
                                            color={"#5198ea"}
                                            onBlur={(event) => {
                                                // console.log(event.target.value)
                                                // updateValue(event.target.value)
                                                handleChangeText(event.target.value, tableMeta)
                                                // console.log(dataTable2)
                                            }}
                                        />}
Deni Rinaldi's avatar
Deni Rinaldi committed
832
                                />
d.arizona's avatar
d.arizona committed
833 834 835 836 837
                            </div>
                        )
                    }
                }
            }
Deni Rinaldi's avatar
Deni Rinaldi committed
838 839
        ]

d.arizona's avatar
d.arizona committed
840 841 842 843 844 845 846 847 848 849
        const handleChangeText = (value, tableMeta) => {
            let dataTableRevision = this.state.dataTableRevision
            dataTableRevision[tableMeta.rowIndex][tableMeta.columnIndex] = value

            let detailRevisiCheck = this.state.detailRevisiCheck
            let indexId = detailRevisiCheck.findIndex((val) => val.report_id == tableMeta.rowData[0])
            if (indexId !== -1) {
                detailRevisiCheck[indexId].remarks = value
            }

Deni Rinaldi's avatar
Deni Rinaldi committed
850
            this.setState({ dataTableRevision, detailRevisiCheck })
d.arizona's avatar
d.arizona committed
851 852 853 854 855 856 857 858 859 860 861 862 863 864 865
        }

        const handleCheckRevision = (value) => {
            let detailRevisiCheck = this.state.detailRevisiCheck
            let payload = {
                report_id: value[0],
                remarks: value[2]
            }

            let indexId = detailRevisiCheck.findIndex((val) => val.report_id == value[0])
            if (indexId == -1) {
                detailRevisiCheck.push(payload)
            } else {
                detailRevisiCheck.splice(indexId, 1)
            }
Deni Rinaldi's avatar
Deni Rinaldi committed
866
            this.setState({ detailRevisiCheck })
d.arizona's avatar
d.arizona committed
867 868 869
            console.log(detailRevisiCheck)
        }

Deni Rinaldi's avatar
Deni Rinaldi committed
870 871 872 873 874 875 876 877
        const options = {
            filter: false,
            sort: false,
            responsive: "scroll",
            print: false,
            download: false,
            selectableRows: false,
            viewColumns: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
878
            pagination: false,
Deni Rinaldi's avatar
Deni Rinaldi committed
879 880
            search: false
        }
Deni Rinaldi's avatar
Deni Rinaldi committed
881 882 883 884 885 886 887 888 889 890 891
        const optionsRevision = {
            filter: false,
            sort: false,
            responsive: "scroll",
            print: false,
            download: false,
            selectableRows: false,
            viewColumns: false,
            pagination: false,
            search: false
        }
Deni Rinaldi's avatar
Deni Rinaldi committed
892 893 894 895 896 897 898 899 900 901
        const loadingComponent = (
            <div style={{ position: 'absolute', zIndex: 110, top: 0, left: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'rgba(255,255,255,0.8)' }}>
                <PropagateLoader
                    // css={override}
                    size={20}
                    color={"#274B80"}
                    loading={this.state.loading}
                />
            </div>
        );
Deni Rinaldi's avatar
Deni Rinaldi committed
902
        return (
d.arizona's avatar
d.arizona committed
903
            <div style={{ flex: 1, backgroundColor: '#f8f8f8' }} ref={this.myRef}>
Deni Rinaldi's avatar
Deni Rinaldi committed
904 905 906 907 908
                <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
                    <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
                        {this.state.messageAlert}
                    </Alert>
                </Snackbar>
Deni Rinaldi's avatar
Deni Rinaldi committed
909
                {this.state.loading && loadingComponent}
910 911 912
                {this.state.visibleBudgetTahunan && (
                    <div>
                        <div className={"main-color"} style={{ height: 78, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
913
                            <Typography style={{ fontSize: '16px', color: 'white' }}>Master Budget & CAT Submission</Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
914
                        </div>
915 916 917
                        <div style={{ padding: 20, width: '100%' }}>
                            <Paper style={{ paddingTop: 10 }}>
                                <div style={{ borderBottom: 'solid 1px #c4c4c4' }} >
918
                                    <Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Master Budget</Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
919
                                </div>
920 921
                                <div style={{ padding: 20 }}>
                                    <div>
Deni Rinaldi's avatar
Deni Rinaldi committed
922 923
                                        <Autocomplete
                                            {...this.state.listPeriode}
924
                                            id="periode"
925
                                            onChange={(event, newInputValue) => this.setState({ periode: newInputValue }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
926 927 928 929 930 931
                                                if (this.state.isApprover === true) {
                                                    this.getCompanySubmitted()
                                                } else {
                                                    this.setState({ visibleTableHistory: false })
                                                    this.getRevision()
                                                }
932
                                            })}
Deni Rinaldi's avatar
Deni Rinaldi committed
933
                                            disabled={this.state.intent === 'Home' ? true : false}
Deni Rinaldi's avatar
Deni Rinaldi committed
934 935
                                            disableClearable
                                            style={{ width: 250 }}
Deni Rinaldi's avatar
Deni Rinaldi committed
936
                                            renderInput={(params) =>
937
                                                <TextField {...params} label="Period" margin="normal" style={{ marginTop: 7 }}
Deni Rinaldi's avatar
Deni Rinaldi committed
938
                                                />}
939
                                            value={this.state.periode}
Deni Rinaldi's avatar
Deni Rinaldi committed
940
                                        />
941 942
                                    </div>
                                    <div style={{ marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
943 944 945
                                        <Autocomplete
                                            {...this.state.listCompany}
                                            id="company"
Deni Rinaldi's avatar
Deni Rinaldi committed
946
                                            disabled={this.state.intent === 'Home' ? true : false}
947
                                            onChange={(event, newInputValue) => this.setState({ company: newInputValue }, () => {
Deni Rinaldi's avatar
Deni Rinaldi committed
948
                                                this.setState({ visibleTableHistory: false })
Deni Rinaldi's avatar
Deni Rinaldi committed
949
                                                this.getRevision()
950
                                            })}
Deni Rinaldi's avatar
Deni Rinaldi committed
951 952 953 954 955
                                            disableClearable
                                            style={{ width: 250 }}
                                            renderInput={(params) => <TextField {...params} label="Company" margin="normal" style={{ marginTop: 7 }} />}
                                            value={this.state.company}
                                        />
956 957
                                    </div>
                                    <div style={{ marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
958
                                        {/* <Autocomplete
959 960 961 962 963 964
                                            {...this.state.listRevision}
                                            id="revision"
                                            onChange={(event, newInputValue) => this.setState({ revision: newInputValue }, () => {
                                                this.getReport()
                                                this.getReportAttachment()
                                            })}
Deni Rinaldi's avatar
Deni Rinaldi committed
965
                                            disabled={true}
966 967 968 969
                                            disableClearable
                                            style={{ width: 250 }}
                                            renderInput={(params) => <TextField {...params} label="Revision" margin="normal" style={{ marginTop: 7 }} />}
                                            value={this.state.revision}
Deni Rinaldi's avatar
Deni Rinaldi committed
970 971
                                        /> */}
                                        <TextField disabled={true} label="Revision" margin="normal" style={{ marginTop: 7, width: 250 }} value={this.state.lastRevision} />
972 973 974
                                    </div>

                                    <div style={{ marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
975 976 977 978 979 980 981
                                        <MuiThemeProvider theme={getMuiTheme()}>
                                            <MUIDataTable
                                                data={this.state.dataTable}
                                                columns={columns}
                                                options={options}
                                            />
                                        </MuiThemeProvider>
982 983 984 985 986
                                    </div>
                                    <div style={{ display: 'flex', marginTop: 20 }}>
                                        <div style={{ width: '50%' }}>
                                            <Typography style={{ fontSize: '16px', color: '#4b4b4b', fontWeight: 'bold' }}>Attachment: </Typography>
                                        </div>
Deni Rinaldi's avatar
Deni Rinaldi committed
987
                                        {!this.state.isApprover && (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && (
Deni Rinaldi's avatar
Deni Rinaldi committed
988 989 990 991
                                            <div style={{ width: '50%' }}>
                                                <button
                                                    style={{
                                                        backgroundColor: 'transparent',
Deni Rinaldi's avatar
Deni Rinaldi committed
992
                                                        cursor: this.state.isSubmit === false ? 'default' : 'pointer',
Deni Rinaldi's avatar
Deni Rinaldi committed
993 994 995
                                                        borderColor: 'transparent',
                                                        outline: 'none'
                                                    }}
Deni Rinaldi's avatar
Deni Rinaldi committed
996
                                                    onClick={() => this.state.isSubmit === false ? null : this.setState({ visibleUpload: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
997
                                                >
Deni Rinaldi's avatar
Deni Rinaldi committed
998
                                                    <Typography style={{ fontSize: '16px', color: this.state.isSubmit === false ? 'GrayText' : '#5198ea' }}>Upload File</Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
999 1000 1001
                                                </button>
                                            </div>
                                        )}
1002 1003 1004
                                    </div>
                                    <div style={{ display: 'flex', marginTop: 10 }}>
                                        <div style={{ width: '50%', paddingLeft: 20 }}>
1005
                                            {this.state.listAttachment.length > 0 ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1006
                                                this.state.listAttachment.map((item, index) => {
1007
                                                    return (
Deni Rinaldi's avatar
Deni Rinaldi committed
1008
                                                        <div style={{ display: 'flex' }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1009
                                                            <Typography style={{ fontSize: '13px', color: '#4b4b4b', width: 25 }}>{index + 1}. </Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023

                                                            <button
                                                                style={{
                                                                    backgroundColor: 'transparent',
                                                                    cursor: 'pointer',
                                                                    borderColor: 'transparent',
                                                                    outline: 'none',
                                                                    display: 'grid'
                                                                }}
                                                                onClick={() => {
                                                                    this.downloadAttachment(item.attachment_url, item.attachment_name)
                                                                }}
                                                            >
                                                                <div>
Deni Rinaldi's avatar
Deni Rinaldi committed
1024
                                                                    <Typography style={{ fontSize: '13px', color: '#5198ea' }}> {item.attachment_name}</Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
1025 1026 1027
                                                                </div>
                                                            </button>
                                                        </div>
1028 1029 1030 1031
                                                    )
                                                })
                                                : null
                                            }
1032
                                        </div>
Deni Rinaldi's avatar
Deni Rinaldi committed
1033
                                        {!this.state.isApprover && (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && (
Deni Rinaldi's avatar
Deni Rinaldi committed
1034
                                            <div style={{ width: '50%' }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1035 1036
                                                {
                                                this.state.listAttachment.length > 0 ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1037 1038 1039 1040 1041
                                                    this.state.listAttachment.map((item) => {
                                                        return (
                                                            <button
                                                                style={{
                                                                    backgroundColor: 'transparent',
Deni Rinaldi's avatar
Deni Rinaldi committed
1042
                                                                    cursor: this.state.isSubmit === false ? 'default' : 'pointer',
Deni Rinaldi's avatar
Deni Rinaldi committed
1043 1044 1045 1046
                                                                    borderColor: 'transparent',
                                                                    outline: 'none',
                                                                    display: 'grid'
                                                                }}
Deni Rinaldi's avatar
Deni Rinaldi committed
1047
                                                                onClick={() => this.state.isSubmit === false ? null : this.deleteAttachment(item)}
Deni Rinaldi's avatar
Deni Rinaldi committed
1048
                                                            >
Deni Rinaldi's avatar
Deni Rinaldi committed
1049
                                                                <Typography style={{ fontSize: '13px', color: this.state.isSubmit === false ? 'GrayText' : '#ff3939' }}>Delete</Typography>
Deni Rinaldi's avatar
Deni Rinaldi committed
1050 1051 1052 1053 1054 1055 1056
                                                            </button>
                                                        )
                                                    })
                                                    : null
                                                }
                                            </div>
                                        )}
1057
                                    </div>
Deni Rinaldi's avatar
Deni Rinaldi committed
1058
                                    {this.state.checkApprover === true ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1059
                                        this.state.lastStatus === 'WAITING FOR REVIEW' ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1060
                                            <div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1061 1062
                                                <span>{this.state.lastStatus}</span>
                                            </div> : this.state.lastStatus === 'WAITING FOR YOUR APPROVAL' ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1063
                                                <div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1064 1065 1066 1067
                                                    <span>{this.state.lastStatus}</span>
                                                </div> : null
                                        :
                                        this.state.lastStatus === 'SUBMITTED' ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1068
                                            <div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1069 1070 1071
                                                <span>{this.state.lastStatus}</span>
                                            </div> :
                                            this.state.lastStatus === 'WAITING FOR APPROVAL' ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1072
                                                <div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
d.arizona's avatar
d.arizona committed
1073
                                                    <span>{`${this.state.lastStatus} - ${this.state.pic}`}</span>
Deni Rinaldi's avatar
Deni Rinaldi committed
1074 1075
                                                </div> :
                                                this.state.lastStatus === 'REVISION' ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1076
                                                    <div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1077 1078 1079
                                                        <span>NEED REVISION</span>
                                                    </div> :
                                                    this.state.lastStatus === 'APPROVED' ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1080
                                                        <div style={{ width: '100%', padding: '10px 20px', backgroundColor: 'yellow', textAlign: 'center', marginTop: 20 }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1081 1082 1083
                                                            <span>APPROVED</span>
                                                        </div> : null
                                    }
Deni Rinaldi's avatar
Deni Rinaldi committed
1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094
                                    {this.state.visibleTableHistory && (
                                        <div style={{ marginTop: 20 }}>
                                            <MuiThemeProvider theme={getMuiTheme()}>
                                                <MUIDataTable
                                                    data={this.state.dataTableHistory}
                                                    columns={columnsHistory}
                                                    options={options}
                                                />
                                            </MuiThemeProvider>
                                        </div>
                                    )}
Deni Rinaldi's avatar
Deni Rinaldi committed
1095
                                </div>
Deni Rinaldi's avatar
Deni Rinaldi committed
1096
                                {this.state.checkApprover === true ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1097 1098 1099 1100 1101 1102 1103 1104 1105
                                    this.state.lastStatus === 'WAITING FOR REVIEW' ?
                                        <div style={{ borderTop: 'solid 1px #c4c4c4', padding: 10, backgroundColor: '#f5f5f5', width: '100%', display: 'flex', justifyContent: 'flex-end' }} >
                                            <button
                                                style={{
                                                    backgroundColor: 'transparent',
                                                    cursor: 'pointer',
                                                    borderColor: 'transparent',
                                                    outline: 'none',
                                                }}
Deni Rinaldi's avatar
Deni Rinaldi committed
1106
                                                onClick={() =>
d.arizona's avatar
d.arizona committed
1107 1108
                                                    this.approvalSubmission('review')
                                                }
Deni Rinaldi's avatar
Deni Rinaldi committed
1109 1110 1111 1112 1113
                                            >
                                                <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                    <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Review</Typography>
                                                </div>
                                            </button>
d.arizona's avatar
d.arizona committed
1114
                                        </div> : (this.state.lastStatus === 'WAITING FOR YOUR APPROVAL' && this.state.btnApprove) ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1115
                                            <div className="grid grid-2x" style={{ borderTop: 'solid 1px #c4c4c4', padding: 10, backgroundColor: '#f5f5f5', width: '100%', }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1116 1117 1118 1119 1120 1121 1122 1123
                                                <div className="col-1">
                                                    <button
                                                        style={{
                                                            backgroundColor: 'transparent',
                                                            cursor: 'pointer',
                                                            borderColor: 'transparent',
                                                            outline: 'none',
                                                        }}
Deni Rinaldi's avatar
Deni Rinaldi committed
1124
                                                        onClick={() => this.setState({ visibleRevision: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1125 1126 1127 1128 1129 1130 1131
                                                    >
                                                        <div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                            <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Revision</Typography>
                                                        </div>
                                                    </button>
                                                </div>
                                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
1132
                                                    <button
Deni Rinaldi's avatar
Deni Rinaldi committed
1133 1134 1135 1136 1137 1138
                                                        style={{
                                                            backgroundColor: 'transparent',
                                                            cursor: 'pointer',
                                                            borderColor: 'transparent',
                                                            outline: 'none',
                                                        }}
d.arizona's avatar
d.arizona committed
1139
                                                        onClick={() => this.approvalSubmission('approve')}
Deni Rinaldi's avatar
Deni Rinaldi committed
1140 1141 1142 1143 1144 1145 1146 1147
                                                    >
                                                        <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                            <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Approve</Typography>
                                                        </div>
                                                    </button>
                                                </div>
                                            </div> : null
                                    :
Deni Rinaldi's avatar
Deni Rinaldi committed
1148
                                    (this.state.lastStatus === 'SUBMIT' || this.state.lastStatus === 'REVISION') && this.state.isSubmit === true ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163
                                        <div style={{ borderTop: 'solid 1px #c4c4c4', padding: 10, backgroundColor: '#f5f5f5', width: '100%', display: 'flex', justifyContent: 'flex-end' }} >
                                            <button
                                                style={{
                                                    backgroundColor: 'transparent',
                                                    cursor: 'pointer',
                                                    borderColor: 'transparent',
                                                    outline: 'none',
                                                }}
                                                onClick={() => this.validate()}
                                            >
                                                <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                    <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Submit</Typography>
                                                </div>
                                            </button>
                                        </div> :
a.bairuha's avatar
a.bairuha committed
1164
                                        this.state.lastStatus === 'SUBMITTED' && this.state.submitter ?
Deni Rinaldi's avatar
Deni Rinaldi committed
1165 1166 1167 1168 1169 1170 1171 1172
                                            <div style={{ borderTop: 'solid 1px #c4c4c4', padding: 10, backgroundColor: '#f5f5f5', width: '100%', display: 'flex', justifyContent: 'flex-end' }} >
                                                <button
                                                    style={{
                                                        backgroundColor: 'transparent',
                                                        cursor: 'pointer',
                                                        borderColor: 'transparent',
                                                        outline: 'none',
                                                    }}
d.arizona's avatar
d.arizona committed
1173
                                                    onClick={() => this.approvalSubmission('cancel')}
Deni Rinaldi's avatar
Deni Rinaldi committed
1174 1175 1176 1177 1178 1179 1180
                                                >
                                                    <div style={{ backgroundColor: 'gray', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
                                                        <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Cancel</Typography>
                                                    </div>
                                                </button>
                                            </div> : null
                                }
1181 1182
                            </Paper>

Deni Rinaldi's avatar
Deni Rinaldi committed
1183
                        </div>
1184 1185
                    </div>
                )}
Deni Rinaldi's avatar
Deni Rinaldi committed
1186

1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220
                {this.state.visibleUpload && (
                    <div className="test app-popup-show">
                        <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
                            <div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}>
                                <div className="col-1" style={{ maxWidth: "inherit", display: 'flex', alignItems: 'center' }}>
                                    <div className="popup-title">
                                        <span style={{ color: '#fff', fontSize: 16, fontWeight: 'bold' }}>Upload File</span>
                                    </div>
                                </div>
                                <div className="col-2 content-right" style={{ maxWidth: "inherit", alignSelf: 'center' }}>
                                    <button
                                        type="button"
                                        className="btn btn-circle btn-white"
                                        onClick={() => this.setState({ visibleUpload: false })}
                                    >
                                        <img src={Images.close} />
                                    </button>
                                </div>
                            </div>
                            <UploadFile
                                type={this.state.uploadStatus}
                                percentage={this.state.percentage}
                                result={this.state.result}
                                acceptedFiles={["xlsx"]}
                                onHandle={(dt) => {
                                    this.fileHandler(dt)
                                    this.setState({ uploadStatus: 'idle', percentage: '0' })
                                }}
                                onUpload={() => this.uploadAttachment(this.state.formData)}
                            />
                        </div>
                    </div>
                )}

Deni Rinaldi's avatar
Deni Rinaldi committed
1221
                {this.state.visibleBS && (
Deni Rinaldi's avatar
Deni Rinaldi committed
1222
                    <BalanceSheet
Deni Rinaldi's avatar
Deni Rinaldi committed
1223
                        open={this.props.open}
Deni Rinaldi's avatar
Deni Rinaldi committed
1224
                        report_id={this.state.report_id}
Deni Rinaldi's avatar
Deni Rinaldi committed
1225 1226
                        height={this.props.height}
                        width={this.props.width}
Deni Rinaldi's avatar
Deni Rinaldi committed
1227
                        company={this.state.company}
Deni Rinaldi's avatar
Deni Rinaldi committed
1228 1229
                        revision={this.state.revisionTable}
                        periode={this.state.periode.periode}
Deni Rinaldi's avatar
Deni Rinaldi committed
1230
                        submissionID={this.state.submissionID}
Deni Rinaldi's avatar
Deni Rinaldi committed
1231
                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
1232
                        onClickClose={() => this.setState({ visibleBS: false, visibleBudgetTahunan: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1233
                        getReport={this.getSubmission.bind(this)}
Deni Rinaldi's avatar
Deni Rinaldi committed
1234
                        isApprover={this.state.isApprover}
a.bairuha's avatar
a.bairuha committed
1235
                        lastStatus={this.state.lastStatus}
d.arizona's avatar
d.arizona committed
1236
                        prevRevision={this.state.isSubmit? this.state.prevRevision : true}
Deni Rinaldi's avatar
Deni Rinaldi committed
1237
                        status={this.state.status}
Deni Rinaldi's avatar
Deni Rinaldi committed
1238
                    />
1239
                )}
1240
                {this.state.visiblePL && (
1241
                    <ProfitLoss
EKSAD's avatar
EKSAD committed
1242
                        open={this.props.open}
EKSAD's avatar
EKSAD committed
1243
                        report_id={this.state.report_id}
EKSAD's avatar
EKSAD committed
1244 1245
                        height={this.props.height}
                        width={this.props.width}
EKSAD's avatar
EKSAD committed
1246
                        company={this.state.company}
EKSAD's avatar
EKSAD committed
1247 1248
                        revision={this.state.revisionTable}
                        periode={this.state.periode.periode}
EKSAD's avatar
EKSAD committed
1249 1250
                        submissionID={this.state.submissionID}
                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
1251
                        onClickClose={() => this.setState({ visiblePL: false, visibleBudgetTahunan: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1252
                        getReport={this.getSubmission.bind(this)}
Deni Rinaldi's avatar
Deni Rinaldi committed
1253
                        status={this.state.status}
Deni Rinaldi's avatar
Deni Rinaldi committed
1254
                        isApprover={this.state.isApprover}
a.bairuha's avatar
a.bairuha committed
1255
                        lastStatus={this.state.lastStatus}
d.arizona's avatar
d.arizona committed
1256
                        prevRevision={this.state.isSubmit? this.state.prevRevision : true}
EKSAD's avatar
EKSAD committed
1257
                    />
1258
                )}
1259
                {this.state.visibleTP && (
1260
                    <TaxPlanning
1261
                        open={this.props.open}
1262
                        report_id={this.state.report_id}
1263 1264
                        height={this.props.height}
                        width={this.props.width}
1265
                        company={this.state.company}
1266 1267
                        revision={this.state.revisionTable}
                        periode={this.state.periode.periode}
1268
                        submissionID={this.state.submissionID}
1269
                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
Rifka Kurnia Irfiana's avatar
Rifka Kurnia Irfiana committed
1270
                        onClickClose={() => this.setState({ visibleTP: false, visibleBudgetTahunan: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1271
                        getReport={this.getSubmission.bind(this)}
Deni Rinaldi's avatar
Deni Rinaldi committed
1272
                        status={this.state.status}
Rifka Kurnia Irfiana's avatar
Rifka Kurnia Irfiana committed
1273
                        isApprover={this.state.isApprover}
a.bairuha's avatar
a.bairuha committed
1274
                        lastStatus={this.state.lastStatus}
d.arizona's avatar
d.arizona committed
1275
                        prevRevision={this.state.isSubmit? this.state.prevRevision : true}
Rifka Kurnia Irfiana's avatar
Rifka Kurnia Irfiana committed
1276
                    />
1277
                )}
faisalhamdi's avatar
faisalhamdi committed
1278
                {this.state.visibleFAM && (
1279
                    <FixedAssetsMovement
faisalhamdi's avatar
faisalhamdi committed
1280
                        open={this.props.open}
faisalhamdi's avatar
faisalhamdi committed
1281 1282 1283 1284 1285 1286
                        report_id={this.state.report_id}
                        height={this.props.height}
                        width={this.props.width}
                        company={this.state.company}
                        revision={this.state.revisionTable}
                        periode={this.state.periode.periode}
faisalhamdi's avatar
faisalhamdi committed
1287 1288
                        submissionID={this.state.submissionID}
                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
1289
                        onClickClose={() => this.setState({ visibleFAM: false, visibleBudgetTahunan: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1290
                        getReport={this.getSubmission.bind(this)}
Deni Rinaldi's avatar
Deni Rinaldi committed
1291
                        status={this.state.status}
faisalhamdi's avatar
faisalhamdi committed
1292
                        isApprover={this.state.isApprover}
a.bairuha's avatar
a.bairuha committed
1293
                        lastStatus={this.state.lastStatus}
d.arizona's avatar
d.arizona committed
1294
                        prevRevision={this.state.isSubmit? this.state.prevRevision : true}
1295 1296 1297
                    />
                )}
                {this.state.visibleCAT && (
1298
                    <CorporateAnnualTarget
faisalhamdi's avatar
faisalhamdi committed
1299
                        open={this.props.open}
faisalhamdi's avatar
faisalhamdi committed
1300 1301 1302 1303 1304 1305
                        report_id={this.state.report_id}
                        height={this.props.height}
                        width={this.props.width}
                        company={this.state.company}
                        revision={this.state.revisionTable}
                        periode={this.state.periode.periode}
faisalhamdi's avatar
faisalhamdi committed
1306 1307
                        submissionID={this.state.submissionID}
                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
1308
                        onClickClose={() => this.setState({ visibleCAT: false, visibleBudgetTahunan: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1309
                        getReport={this.getSubmission.bind(this)}
d.arizona's avatar
d.arizona committed
1310
                        isApprover={this.state.isApprover}
d.arizona's avatar
d.arizona committed
1311
                        status={this.state.status}
a.bairuha's avatar
a.bairuha committed
1312
                        lastStatus={this.state.lastStatus}
d.arizona's avatar
d.arizona committed
1313
                        prevRevision={this.state.isSubmit? this.state.prevRevision : true}
1314
                    />
faisalhamdi's avatar
faisalhamdi committed
1315
                )}
Deni Rinaldi's avatar
Deni Rinaldi committed
1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327
                {this.state.visibleCF && (
                    <CashFlow
                        open={this.props.open}
                        report_id={this.state.report_id}
                        height={this.props.height}
                        width={this.props.width}
                        company={this.state.company}
                        revision={this.state.revisionTable}
                        periode={this.state.periode.periode}
                        submissionID={this.state.submissionID}
                        saveToMasterBudget={this.saveToMasterBudget.bind(this)}
                        onClickClose={() => this.setState({ visibleCF: false, visibleBudgetTahunan: true })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1328
                        getReport={this.getSubmission.bind(this)}
d.arizona's avatar
d.arizona committed
1329
                        prevRevision={this.state.isSubmit? this.state.prevRevision : true}
Deni Rinaldi's avatar
Deni Rinaldi committed
1330 1331
                    />
                )}
Deni Rinaldi's avatar
Deni Rinaldi committed
1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352

                {this.state.visibleRevision && (
                    <div className="test app-popup-show">
                        <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
                            <div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}>
                                <div className="col-1" style={{ maxWidth: "inherit", display: 'flex', alignItems: 'center' }}>
                                    <div className="popup-title">
                                        <span style={{ color: '#fff', fontSize: 16, fontWeight: 'bold' }}>Revision</span>
                                    </div>
                                </div>
                                <div className="col-2 content-right" style={{ maxWidth: "inherit", alignSelf: 'center' }}>
                                    <button
                                        type="button"
                                        className="btn btn-circle btn-white"
                                        onClick={() => this.setState({ visibleRevision: false })}
                                    >
                                        <img src={Images.close} />
                                    </button>
                                </div>
                            </div>
                            <div className="border-bottom" style={{ padding: 20 }}>
d.arizona's avatar
d.arizona committed
1353
                                <span>You ask your subsidiary to make a revision</span>
Deni Rinaldi's avatar
Deni Rinaldi committed
1354 1355 1356 1357 1358 1359 1360 1361 1362 1363
                                <div style={{ marginTop: 20 }}>
                                    <MuiThemeProvider theme={getMuiTheme()}>
                                        <MUIDataTable
                                            data={this.state.dataTableRevision}
                                            columns={columnRevisi}
                                            options={optionsRevision}
                                        />
                                    </MuiThemeProvider>
                                </div>
                                <div style={{ marginTop: 20 }}>
d.arizona's avatar
d.arizona committed
1364
                                    <span>Timing duration you give for revision:</span>
Deni Rinaldi's avatar
Deni Rinaldi committed
1365 1366 1367 1368 1369 1370 1371
                                    <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: 20 }}>
                                        <div>
                                            <DatePicker
                                                margin="normal"
                                                id="startDate"
                                                label="Valid From"
                                                format="dd-MM-yyyy"
d.arizona's avatar
d.arizona committed
1372
                                                onChange={(e) => this.setState({minDateRevision: moment(e).format('YYYY/MM/DD')}, () => this.setState({maxDateRevision: handleMaxDate()}))}
d.arizona's avatar
d.arizona committed
1373
                                                value={moment(this.state.minDateRevision).format('YYYY/MM/DD')}
Deni Rinaldi's avatar
Deni Rinaldi committed
1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391
                                                KeyboardButtonProps={{
                                                    'aria-label': 'change date',
                                                }}
                                                inputProps={{
                                                    style: {
                                                        fontSize: 11
                                                    }
                                                }}
                                                InputLabelProps={{
                                                    style: {
                                                        fontSize: 11,
                                                        color: '#7e8085'
                                                    }
                                                }}

                                                style={{ padding: 0, margin: 0, width: '100%' }}
                                            />
                                        </div>
d.arizona's avatar
d.arizona committed
1392
                                        <span style={{ alignSelf: 'center' }}>Until</span>
Deni Rinaldi's avatar
Deni Rinaldi committed
1393 1394 1395 1396 1397 1398
                                        <div>
                                            <DatePicker
                                                margin="normal"
                                                id="startDate"
                                                label="Valid To"
                                                format="dd-MM-yyyy"
d.arizona's avatar
d.arizona committed
1399 1400 1401
                                                onChange={(e) => this.setState({maxDateRevision: moment(e).format('YYYY/MM/DD')})}
                                                minDate={moment(this.state.minDateRevision).format('YYYY/MM/DD')}
                                                value={moment(this.state.maxDateRevision).format('YYYY/MM/DD')}
Deni Rinaldi's avatar
Deni Rinaldi committed
1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426
                                                KeyboardButtonProps={{
                                                    'aria-label': 'change date',
                                                }}
                                                inputProps={{
                                                    style: {
                                                        fontSize: 11
                                                    }
                                                }}
                                                InputLabelProps={{
                                                    style: {
                                                        fontSize: 11,
                                                        color: '#7e8085'
                                                    }
                                                }}

                                                style={{ padding: 0, margin: 0, width: '100%' }}
                                            />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="border-top grid grid-2x" style={{ height: 56, backgroundColor: '#f5f5f5', paddingLeft: 20, paddingRight: 20 }}>
                                <div className="column-1" style={{ alignSelf: 'center' }}>
                                    <button
                                        type="button"
Deni Rinaldi's avatar
Deni Rinaldi committed
1427
                                        onClick={() => this.setState({ visibleRevision: false })}
Deni Rinaldi's avatar
Deni Rinaldi committed
1428 1429 1430 1431 1432 1433 1434 1435 1436
                                    >
                                        <div style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
                                            <span style={{ color: '#354960', fontSize: 11 }}>Cancel</span>
                                        </div>
                                    </button>
                                </div>
                                <div className="column-2" style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
                                    <button
                                        type="button"
d.arizona's avatar
d.arizona committed
1437
                                        onClick={() => this.validateRevision()}
Deni Rinaldi's avatar
Deni Rinaldi committed
1438 1439 1440 1441 1442 1443 1444 1445 1446 1447
                                    >
                                        <div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
                                            <span style={{ color: '#fff', fontSize: 11 }}>Revision</span>
                                        </div>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                )}
Deni Rinaldi's avatar
Deni Rinaldi committed
1448 1449 1450 1451
            </div >
        );
    }
}