Update

src/api/index.js

@@ -121,6 +121,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
   const getReportType = () => api.get('report/get_all_report')
   const searchReportItems = (body) => api.post('/item_report/search_item_report', body)
   const createReportItems = (body) => api.post('/item_report/create_item_report', body)
+  const updateReportItems = (body) => api.post('/item_report/update_item_report', body)
   const checkUploadReportItems = (body) => api.post('/item_report/check_import', body)
   const uploadReportItems = (body) => api.post('/item_report/import_item_report', body)
   const getItemReportHierarki = () => api.get('item_report/get_item_report_hierarki')
@@ -193,6 +194,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
     getReportItems,
     searchReportItems,
     createReportItems,
+    updateReportItems,
     getInputType,
     getReportType,
     checkUploadReportItems,

src/container/MasterData/formReportItems/CreateReportItems.js

@@ -24,7 +24,6 @@ export default class CreateReportItems extends Component {
             formula: '',
             realVal: '',
             condition: null,
-            inputValue: '', 
             date: new Date(),
             listInputType: null,
             listCompany: null,
@@ -137,7 +136,6 @@ export default class CreateReportItems extends Component {
         else {
             this.addReportItems()
         }
-
     }
 
     addReportItems() {

src/container/MasterData/formReportItems/EditReportItems.js

 import React, { Component } from 'react';
 import { TextField, Typography } from '@material-ui/core';
 import { DatePicker } from '@material-ui/pickers';
+import format from "date-fns/format";
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import * as R from 'ramda'
 
 const companies = [
     {
@@ -66,28 +69,134 @@ export default class EditReportItems extends Component {
     constructor(props) {
         super(props)
         this.state = {
-            startDate: new Date(),
-            endDate: new Date(),
+            tempData: null,
+            InputType: null,
+            company: null,
+            parent: null,
+            reportType: null,
+            startDate: null,
+            endDate: null,
+            order: null,
+            description: '',
+            uom: '',
+            weight: null,
+            formula: '',
+            realVal: '',
+            condition: null,
+            date: new Date(),
+            listInputType: null,
+            listCompany: null,
+            listReportType: null,
+            listParent: null,
+            errorOrder: false,
+            errorDesc: false,
+            errorFormula: false,
+            errorRV: false,
+            errorStartDate: false,
+            errorEndDate: false,
+            msgErrorOrder: '',
+            msgErrorDesc: '',
+            msgErrorFormula: '',
+            msgErrorRV: '',
+            msgErrorSD: '',
+            msgErrorED: '',
+            disabledFormula: true,
+            disabledCondt: true,
+            disabledValue: true,
+            options: ['WARNING', 'STOPPER']
 
         }
     }
 
-    handleStartDate = (date) => {
-        this.setState({
-            startDate: date
-        });
-      };
-    
-      handleEndDate = (date) => {
-        this.setState({
-            endDate: date
-        });
-      };
-
     componentDidMount() {
         console.log(this.props.data);
     }
 
+    handleChange(e, type) {
+        let data = this.state
+        let isDate = type !== '' ? true : false
+        if (isDate && type === 'start_date') {
+            this.setState({
+                ...data, tempData: { ...this.state.tempData, start_date: format(e, 'yyyy-MM-dd'), end_date: null },
+                errorOrder: false,
+                errorDesc: false,
+                errorFormula: false,
+                errorRV: false,
+                errorStartDate: false,
+                errorEndDate: false,
+                msgErrorOrder: '',
+                msgErrorDesc: '',
+                msgErrorFormula: '',
+                msgErrorRV: '',
+                msgErrorSD: '',
+                msgErrorED: '',
+            })
+        } else if (isDate && type === 'end_date') {
+            this.setState({
+                ...data, tempData: { ...this.state.tempData, end_date: format(e, 'yyyy-MM-dd') },
+                errorOrder: false,
+                errorDesc: false,
+                errorFormula: false,
+                errorRV: false,
+                errorStartDate: false,
+                errorEndDate: false,
+                msgErrorOrder: '',
+                msgErrorDesc: '',
+                msgErrorFormula: '',
+                msgErrorRV: '',
+                msgErrorSD: '',
+                msgErrorED: '',
+            })
+        } else {
+            this.setState({
+                ...data, tempData: { ...this.state.tempData, [e.target.name]: e.target.value },
+                errorOrder: false,
+                errorDesc: false,
+                errorFormula: false,
+                errorRV: false,
+                errorStartDate: false,
+                errorEndDate: false,
+                msgErrorOrder: '',
+                msgErrorDesc: '',
+                msgErrorFormula: '',
+                msgErrorRV: '',
+                msgErrorSD: '',
+                msgErrorED: '',
+            })
+        }
+    }
+
+    validasi() {
+        // alert('coba ya')
+        if (R.isNil(this.state.reportType)) return alert("Jenis Laporan is Required.");
+        if (R.isNil(this.state.company)) return alert("Perusahaan is Required.");
+        else if (R.isNil(this.state.order)) {
+            this.setState({errorOrder: true, msgErrorOrder: 'Order Harus Diisi'})
+        } 
+        else if (R.isEmpty(this.state.description)) {
+            this.setState({errorDesc: true, msgErrorDesc: 'Deskripsi Harus Diisi'})
+        } 
+        else if (R.isNil(this.state.parent)) return alert("Parent ID is Required.")
+        else  if (R.isNil(this.state.InputType)) return alert("Tipe Data is Required.");
+        else if (this.state.disabledFormula === false && R.isEmpty(this.state.formula)) {
+            this.setState({errorFormula: true, msgErrorFormula: 'Formula Harus Diisi'})
+        } 
+        else if (this.state.disabledValue === false && R.isEmpty(this.state.realVal)) {
+            this.setState({errorRV: true, msgErrorRV: 'Nilai Seharusnya Harus Diisi'})
+        }
+        else if (this.state.disabledCondt === false && R.isEmpty(this.state.condition)) return alert("Kondisi Jika Salah is Required.")
+        else if (R.isNil(this.state.startDate)) {
+            this.setState({errorStartDate: true, msgErrorSD: 'Start Date tidak boleh kosong'})
+        } 
+        else if (R.isNil(this.state.endDate)) {
+            this.setState({errorEndDate: true, msgErrorED: 'End Date tidak boleh kosong'})
+        } 
+        else {
+            this.addReportItems()
+        }
+
+    }
+
     render() {
         const { startDate, endDate } = this.state;