update AM

src/container/ApprovalMatrix/VisualisasiAM.js

@@ -32,7 +32,9 @@ export default class VisualisasiAM extends Component {
             visibleAM: false,
             visibleVisual: true,
             data,
-            listApproval: []
+            listApproval: [],
+            listEdit: [],
+            listOriginal: []
         }
     }
 
@@ -84,7 +86,7 @@ export default class VisualisasiAM extends Component {
                         listVisual[indexId].data.push(item)
                     }
                 })
-                this.setState({ listApproval: listVisual })
+                this.setState({ listApproval: listVisual})
                 console.log(listVisual);
             } else {
                 alert(response.data.message)
@@ -94,9 +96,37 @@ export default class VisualisasiAM extends Component {
 
     handleChangeOrder(fromIndex, toIndex, that) {
         let listApproval = that.state.listApproval
+        let orderIdFrom = listApproval[fromIndex].orderId
         listApproval[fromIndex].orderId = listApproval[toIndex].orderId
-        listApproval[toIndex].orderId = listApproval[fromIndex].orderId
-        console.log(fromIndex, toIndex)
+        listApproval[toIndex].orderId = orderIdFrom
+        that.setState({listEdit: listApproval})
+    }
+
+    handleSave() {
+        let data = []
+        this.state.listEdit.map((item,index) => {
+            item.data.map((items,index) => {
+                data.push({
+                    approval_matrix_id: items.approval_matrix_id,
+                    approval_type_id: items.approval_type_id,
+                    approval_type_name: items.approval_type_name,
+                    created: items.created,
+                    end_date: items.end_date,
+                    fullname: items.fullname,
+                    operator_type_id: items.operator_type_id,
+                    operator_type_name: items.operator_type_name,
+                    orders: item.orderId,
+                    start_date: items.start_date,
+                    status: items.status,
+                    updated: items.updated,
+                    user_id: items.user_id
+                })
+            })
+        })
+
+        setTimeout(() => {
+            this.setState({listOriginal: data})
+        }, 500);
     }
 
     render() {
@@ -211,7 +241,7 @@ export default class VisualisasiAM extends Component {
                                     <div onClick={() => this.props.onClickClose()} style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor:"pointer" }}>
                                         <span style={{ color: '#354960', fontSize: 11 }} >Batal</span>
                                     </div>
-                                    <div style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor:"pointer" }}>
+                                    <div onClick={() => this.handleSave()} style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor:"pointer" }}>
                                         <span style={{ color: '#fff', fontSize: 11 }}>Simpan</span>
                                     </div>
                                 </div>