taxplan dan managdoc

src/container/DocumentManagement/AllDocument.js

@@ -134,16 +134,16 @@ export default class getAllDocument extends Component {
     }
 
     deleteDoc = (payload) => {
-        this.setState({ popupDel: false })
+        this.setState({ popupDel: false, loading: true })
         api.create().deleteDocument(payload).then(response => {
             console.log(response.data)
             if (response.data) {
                 if (response.ok) {
                     if (response.data.status == 'success') {
                         this.getData()
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success', loading: false })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -153,24 +153,25 @@ export default class getAllDocument extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }
 
     updateDocument(payload) {
+        this.setState({ loading: true })
         api.create().updateDocument(payload).then(response => {
             console.log(response)
             if (response.data) {
                 if (response.ok) {
                     if (response.data.status === "success") {
                         this.getData()
-                        this.setState({ konfirmasi: false, alert: true, messageAlert: response.data.message, tipeAlert: 'success', visibleEdit: false })
+                        this.setState({ konfirmasi: false, alert: true, messageAlert: response.data.message, tipeAlert: 'success', visibleEdit: false, loading: false })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -180,10 +181,10 @@ export default class getAllDocument extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }
@@ -253,7 +254,13 @@ export default class getAllDocument extends Component {
                     );
                 }
             }
-        }, "File Name", "Description", "Company Name", 
+        }, "File Name", "Description",
+        {
+            name: "Company Name",
+            options: {
+                display: String(this.props.data.value).includes('Manual Book TIA') ? false : true
+            }
+        },
         {
             name: "Period Month",
             options: {
@@ -292,7 +299,7 @@ export default class getAllDocument extends Component {
                     {this.state.loading && loadingComponent}
                     <MuiThemeProvider theme={getMuiTheme()}>
                         <MUIDataTable
-                            theme={getMuiTheme()}
+                            // theme={getMuiTheme()}
                             data={this.state.dataTable}
                             columns={columns}
                             options={options}

src/container/DocumentManagement/CreateManagementDoc.js

@@ -9,6 +9,7 @@ import { format } from 'date-fns';
 import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
 import * as R from 'ramda'
+import PropagateLoader from "react-spinners/PropagateLoader"
 
 const Alert = withStyles({
 })((props) => <MuiAlert elevation={6} variant="filled" {...props} />);
@@ -305,6 +306,16 @@ export default class CreateManagementDoc extends Component {
     }
 
     render() {
+        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>
+        );
         return (
             <div>
                 <div className="test app-popup-show">

src/container/DocumentManagement/DocumentManagement.js

@@ -102,7 +102,7 @@ export default class DocumentManagement extends Component {
                     }
                     else if (response.data.message === "Data was Saved Successfully") {
                         this.getDataDocument(settingID, menuName)
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success', settingID, menuName, visibleCreate: false, loading: false })
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success', settingID, menuName, visibleCreate: false })
                     }
                     else {
                         this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
@@ -134,7 +134,7 @@ export default class DocumentManagement extends Component {
                 if (response.ok) {
                     if (response.data.status === "success") {
                         this.getDataDocument(this.state.settingID, this.state.menuName)
-                        this.setState({ konfirmasi: false, alert: true, messageAlert: response.data.message, tipeAlert: 'success', visibleCreate: false, loading: false })
+                        this.setState({ konfirmasi: false, alert: true, messageAlert: response.data.message, tipeAlert: 'success', visibleCreate: false })
                     } else {
                         this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
                             if (response.data.message.includes("Someone Logged In")) {

src/container/DocumentManagement/EditManagementDoc.js

@@ -529,7 +529,13 @@ export default class EditManagementDoc extends Component {
                             <div className="column-2" style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
                                 <button
                                     type="button"
-                                    onClick={() => this.validasi()}
+                                    onClick={() => 
+                                        this.setState({ loading: true }, () => {
+                                            setTimeout(() => {
+                                                this.validasi()
+                                            }, 100);
+                                        })
+                                    }
                                 >
                                     <div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
                                         <span style={{ color: '#fff', fontSize: 11 }}>Save</span>

src/container/DocumentManagement/PopUpDelete.js

@@ -54,7 +54,13 @@ export default class PopUpDelete extends Component {
                         <div className="column-2" style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
                             <button
                                 type="button"
-                                onClick={()=> this.onClickDelete()}
+                                onClick={() => 
+                                    this.setState({ loading: true }, () => {
+                                        setTimeout(() => {
+                                            this.onClickDelete()
+                                        }, 100);
+                                    })
+                                }
                             >
                                 <div style={{ width: 102, height: 30, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center' }}>
                                     <span style={{ color: '#fff', fontSize: 11 }}>Delete</span>