update

src/container/BudgetTahunan/CorporateAnnualTarget.js

@@ -2025,7 +2025,7 @@ export default class CorporateAnnualTarget extends Component {
                                 <div style={{ padding: 25 }}>
                                     <div>
                                         <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.company.company_name}</Typography>
-                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Periode : {this.props.periode}</Typography>
+                                        <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.periode}</Typography>
                                         <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
                                     </div>
                                     {this.state.dataLoaded && (

src/container/BudgetTahunan/ProfitLoss.js

 import React, { Component } from 'react';
-import { Typography, Paper, createMuiTheme, MuiThemeProvider, TableCell, FormControlLabel, TextField, Input, Tooltip, withStyles } from '@material-ui/core';
+import { Typography, Paper, createMuiTheme, MuiThemeProvider, TableCell, FormControlLabel, TextField, Input, Tooltip, withStyles, Snackbar } from '@material-ui/core';
 import MUIDataTable from 'mui-datatables';
 import NumberFormat from 'react-number-format';
 import api from '../../api';
@@ -10,6 +10,7 @@ import Images from '../../assets/Images';
 import ReactTooltip from 'react-tooltip';
 import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
+import { Alert } from '@material-ui/lab';
 
 const LightTooltip = withStyles((theme) => ({
     tooltip: {
@@ -393,6 +394,48 @@ export default class ProfitLoss extends Component {
         }
     }
 
+    handleValidate() {
+        let data = []
+        this.state.dataTable.map(i => {
+            data.push({
+                item_report_id: i[1],
+                notes: i[6] == null || i[6] == "" ? "" : String(i[6]),
+                total_actual_before: String(i[7]),
+                january: String(i[8]),
+                february: String(i[9]),
+                march: String(i[10]),
+                april: String(i[11]),
+                may: String(i[12]),
+                june: String(i[13]),
+                july: String(i[14]),
+                august: String(i[15]),
+                september: String(i[16]),
+                october: String(i[17]),
+                november: String(i[18]),
+                december: String(i[19]),
+                total_current_year: String(i[20]),
+                total_next_year: String(i[21]),
+                total_more_year: String(i[22])
+            })
+        })
+        let payload = {
+            "submission_id": this.props.submissionID,
+            "company_id": this.props.company.company_id,
+            "periode": this.props.periode,
+            "report_id": this.props.report_id,
+            "status": type,
+            "profit_loss": data
+        }
+        api.create().validateSubmitReport(payload).then((response) => {
+            console.log(response)
+            if (response.data.data.result) {
+                this.setState({ loading: false, buttonError: false, editable: true })
+            } else {
+                this.setState({ loading: false, buttonError: true, editable: true })
+            } 
+        })
+    }
+
     render() {
         let dataTable2 = this.state.dataTable
         const handleChange = (value, tableMeta, type) => {
@@ -1930,6 +1973,11 @@ export default class ProfitLoss extends Component {
                 <div className={"main-color"} style={{ height: 78, flex: 1, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>
                     <Typography style={{ fontSize: '16px', color: 'white' }}>Pengajuan Budget Tahunan</Typography>
                 </div>
+                <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
+                    <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
+                        {this.state.messageAlert}
+                    </Alert>
+                </Snackbar>
                 {this.state.loading && loadingComponent}
                 <div style={{ flex: 1, padding: 20, width: '100%' }}>
                     {this.state.visibleProfitLoss === true ?
@@ -2066,9 +2114,9 @@ export default class ProfitLoss extends Component {
                                             marginRight: 20
                                         }}
                                         onClick={() => {
-                                            this.setState({ loading: true }, () => {
+                                            this.setState({ loading: true}, () => {
                                                 setTimeout(() => {
-                                                    this.setState({ loading: false, buttonError: false, editable: true })
+                                                    this.handleValidate()
                                                 }, 100);
                                             })
                                         }}
@@ -2079,8 +2127,10 @@ export default class ProfitLoss extends Component {
                                     </button>
                                     <button
                                         type="button"
-                                        disabled={this.state.buttonError}
-                                        onClick={() => this.backToMasterBudget('submitted')}
+                                        // disabled={this.state.buttonError}
+                                        onClick={() => this.state.buttonError? 
+                                            this.setState({ alert: true, messageAlert: 'Data is not complete !', tipeAlert: 'warning' }) 
+                                            : this.backToMasterBudget('submitted')}
                                         style={{
                                             backgroundColor: 'transparent',
                                             cursor: this.state.buttonError === true ? 'default' : 'pointer',