submit

src/api/index.js

@@ -199,6 +199,7 @@ const create = (type = "") => {
   const validateSubmitReport = (body) => api.post('transaction/master_budget/validate_save', body)
   const getMonthTransaction = () => api.get('transaction/get_default_month')
   const countingFormula = (body) => api.post('transaction/counting_formula', body)
+  const submitMasterBudget = (body) => api.post('transaction/master_budget/submit_master_budget', body)
 
   const getOpetratingIndID = (body) => api.post('transaction/get_operating_indicator_id', body)
   const getAllOperatingInd = (body) => api.post('transaction/get_all_operating_indicator_report', body)
@@ -352,7 +353,8 @@ const create = (type = "") => {
     checkUploadOperatingInd,
     uploadOperatingInd,
     getLastestUpdateMB,
-    countingFormula
+    countingFormula,
+    submitMasterBudget
   }
 }
 

src/container/BudgetTahunan.js

@@ -17,6 +17,7 @@ import { format } from 'date-fns';
 import Constant from '../library/Constant';
 import PropagateLoader from "react-spinners/PropagateLoader"
 import CashFlow from './BudgetTahunan/CashFlow';
+import { validate } from '@material-ui/pickers';
 
 var ct = require("../library/CustomTable");
 const getMuiTheme = () => createMuiTheme(ct.customTable());
@@ -265,7 +266,7 @@ export default class BudgetTahunan extends Component {
                     visibleTP: false,
                     visibleCF: false,
                 })
-            } else if (item === "Cash Flow"){
+            } else if (item === "Cash Flow") {
                 this.setState({
                     visibleBudgetTahunan: false,
                     visibleBS: false,
@@ -348,6 +349,21 @@ export default class BudgetTahunan extends Component {
         })
     }
 
+    validate() {
+        let array = []
+        this.state.dataTable.map(item => {
+            if (item[3].includes("not-yet") || item[3].includes("draft")) {
+                array.push(item[3])
+            } else {
+                array.push(item[3])
+            }
+        })
+        if (array.includes("not-yet" || "draft")) {
+            console.log('gagal');
+        } else {
+            console.log('masuk');
+        }
+    }
 
     render() {
         const columns = ["#", "Report Type",
@@ -582,9 +598,19 @@ export default class BudgetTahunan extends Component {
                                     </div>
                                 </div>
                                 <div style={{ borderTop: 'solid 1px #c4c4c4', padding: 10, backgroundColor: '#f5f5f5', width: '100%', display: 'flex', justifyContent: 'flex-end' }} >
-                                    <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
+                                        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>
                             </Paper>
 

src/container/MonthlyReport.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
 import { Typography, Paper, TextField, MenuItem, Select, FormControlLabel } from '@material-ui/core';
 import MUIDataTable from 'mui-datatables';
 import Images from '../assets/Images';
-import BalanceSheet from './BudgetTahunan/BalanceSheet';
 import api from '../api';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import { titleCase } from '../library/Utils';
@@ -13,6 +12,7 @@ import CorporateAnnualTarget from './BudgetTahunan/CorporateAnnualTarget';
 import { ExcelRenderer } from 'react-excel-renderer';
 import UploadFile from "../library/Upload";
 import { format } from 'date-fns';
+import BalanceSheetMR from './MonthlyReport/BalanceSheetMR';
 
 export default class MonthlyReport extends Component {
     constructor(props) {
@@ -161,54 +161,59 @@ export default class MonthlyReport extends Component {
         })
     }
 
-    clickDetail(item, id) {
-        this.setState({ report_id: id })
-        if (item === 'Balance Sheet') {
-            this.setState({
-                visibleMonthlyReport: false,
-                visibleBS: true,
-                visiblePL: false,
-                visibleCAT: false,
-                visibleFAM: false,
-                visibleTP: false,
-            })
-        } else if (item === 'Profit & Loss') {
-            this.setState({
-                visibleMonthlyReport: false,
-                visibleBS: false,
-                visiblePL: true,
-                visibleCAT: false,
-                visibleFAM: false,
-                visibleTP: false
-            })
-        } else if (item === 'Tax Planning') {
-            this.setState({
-                visibleMonthlyReport: false,
-                visibleBS: false,
-                visiblePL: false,
-                visibleCAT: false,
-                visibleFAM: false,
-                visibleTP: true
-            })
-        } else if (item === 'Fixed Assets Movement') {
-            this.setState({
-                visibleMonthlyReport: false,
-                visibleBS: false,
-                visiblePL: false,
-                visibleCAT: false,
-                visibleFAM: true,
-                visibleTP: false
-            })
-        } else if (item === 'CAT') {
-            this.setState({
-                visibleMonthlyReport: false,
-                visibleBS: false,
-                visiblePL: false,
-                visibleCAT: true,
-                visibleFAM: false,
-                visibleTP: false
-            })
-        }
+    clickDetail(item, id, revision, status) {
+        this.setState({
+            report_id: id,
+            revisionTable: revision,
+            status: status
+        }, () => {
+            if (item === 'Balance Sheet') {
+                this.setState({
+                    visibleMonthlyReport: false,
+                    visibleBS: true,
+                    visiblePL: false,
+                    visibleCAT: false,
+                    visibleFAM: false,
+                    visibleTP: false,
+                })
+            } else if (item === 'Profit & Loss') {
+                this.setState({
+                    visibleMonthlyReport: false,
+                    visibleBS: false,
+                    visiblePL: true,
+                    visibleCAT: false,
+                    visibleFAM: false,
+                    visibleTP: false
+                })
+            } else if (item === 'Tax Planning') {
+                this.setState({
+                    visibleMonthlyReport: false,
+                    visibleBS: false,
+                    visiblePL: false,
+                    visibleCAT: false,
+                    visibleFAM: false,
+                    visibleTP: true
+                })
+            } else if (item === 'Fixed Assets Movement') {
+                this.setState({
+                    visibleMonthlyReport: false,
+                    visibleBS: false,
+                    visiblePL: false,
+                    visibleCAT: false,
+                    visibleFAM: true,
+                    visibleTP: false
+                })
+            } else if (item === 'CAT') {
+                this.setState({
+                    visibleMonthlyReport: false,
+                    visibleBS: false,
+                    visiblePL: false,
+                    visibleCAT: true,
+                    visibleFAM: false,
+                    visibleTP: false
+                })
+            }
+        })
     }
 
     handleChange(value, tableMeta) {
@@ -291,9 +296,9 @@ export default class MonthlyReport extends Component {
                             <div style={{ display: 'flex' }}>
                                 {val === "submitted" || val === "approved" ?
                                     <img src={Images.ceklis} style={{ width: 31, height: 24 }} /> :
-                                    val === "revision" ? 
-                                    <span>Revisi</span> :
-                                    null
+                                    val === "revision" ?
+                                        <span>Revisi</span> :
+                                        null
                                 }
                             </div >
                         );
@@ -312,9 +317,9 @@ export default class MonthlyReport extends Component {
                                         cursor: tableMeta.rowData[5] ? 'pointer' : null,
                                         borderColor: 'transparent'
                                     }}
-                                    // onClick={() =>
-                                    //     tableMeta.rowData[5] ? this.clickDetail(tableMeta.rowData[1], tableMeta.rowData[4]) : null
-                                    // }
+                                    onClick={() =>
+                                        tableMeta.rowData[5] ? this.clickDetail(tableMeta.rowData[1], tableMeta.rowData[4], tableMeta.rowData[2], tableMeta.rowData[3]) : null
+                                    }
                                 >
                                     <Typography style={{ color: tableMeta.rowData[5] ? '#5198ea' : 'GrayText', fontSize: 12, }}>Detail</Typography>
                                 </button>
@@ -530,10 +535,18 @@ export default class MonthlyReport extends Component {
                 )}
 
                 {this.state.visibleBS && (
-                    <BalanceSheet
+                    <BalanceSheetMR
+                        open={this.props.open}
                         report_id={this.state.report_id}
+                        height={this.props.height}
+                        width={this.props.width}
                         company={this.state.company}
-                        onClickClose={() => this.setState({ visibleBS: false, visibleMonthlyReport: true })}
+                        revision={this.state.revisionTable}
+                        periode={this.state.periode.periode}
+                        submissionID={this.state.submissionID}
+                        // saveToMasterBudget={this.saveToMasterBudget.bind(this)}
+                        onClickClose={() => this.setState({ visibleBS: false, visibleBudgetTahunan: true })}
+                        // getReport={this.getCompanyActive.bind(this)}
                     />
                 )}
                 {this.state.visiblePL && (