Skip to content

T
Tia-dev
Commit 005ff046 authored by Dida Adams Arizona's avatar Dida Adams Arizona
Browse files
Options

Merge branch 'faisal' into 'master' 

disable button

See merge request !406
parents f2ce1753 a4407b0e
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 37 deletions
src/container/BudgetTahunan/FixedAssetsMovement.js
View file @ 005ff046
...@@ -330,11 +330,11 @@ export default class FixedAssetsMovement extends Component { ...@@ -330,11 +330,11 @@ export default class FixedAssetsMovement extends Component {
item.error item.error
] ]
}) })
this.setState({ dataTable, dataLoaded: true, loading: false, buttonError: false }, () => { this.setState({ dataTable, dataLoaded: true, loading: false, buttonError: false, editable: true }, () => {
this.state.dataTable.map(item => { this.state.dataTable.map(item => {
if (item[23].length > 0) { if (item[23].length > 0) {
console.log('masuk') console.log('masuk')
this.setState({ buttonError: true, errorPreview: true }) this.setState({ buttonError: true, errorPreview: true, editable: true })
} }
}) })
// console.log(this.state.dataTable); // console.log(this.state.dataTable);
...@@ -531,7 +531,7 @@ export default class FixedAssetsMovement extends Component { ...@@ -531,7 +531,7 @@ export default class FixedAssetsMovement extends Component {
"formula": rilFormula "formula": rilFormula
} }
api.create().countingFormula(body).then(response => { api.create().countingFormula(body).then(response => {
console.log(response); // console.log(response);
if (response.data) { if (response.data) {
if (response.data.status === "success") { if (response.data.status === "success") {
setTimeout(() => { setTimeout(() => {
...@@ -550,7 +550,7 @@ export default class FixedAssetsMovement extends Component { ...@@ -550,7 +550,7 @@ export default class FixedAssetsMovement extends Component {
"formula": rilFormula "formula": rilFormula
} }
api.create().countingFormula(body).then(response => { api.create().countingFormula(body).then(response => {
console.log(response) // console.log(response)
if (response.data) { if (response.data) {
if (response.data.status === "success") { if (response.data.status === "success") {
setTimeout(() => { setTimeout(() => {
...@@ -641,7 +641,6 @@ export default class FixedAssetsMovement extends Component { ...@@ -641,7 +641,6 @@ export default class FixedAssetsMovement extends Component {
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
<div style={{ width: 300 }}> <div style={{ width: 300 }}>
{console.log(tableMeta.rowData)}
{tableMeta.rowData[23] ? {tableMeta.rowData[23] ?
tableMeta.rowData[23].length > 0 ? tableMeta.rowData[23].length > 0 ?
<div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}> <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
...@@ -2148,14 +2147,14 @@ export default class FixedAssetsMovement extends Component { ...@@ -2148,14 +2147,14 @@ export default class FixedAssetsMovement extends Component {
outline: 'none', outline: 'none',
marginRight: 20 marginRight: 20
}} }}
onClick={() => this.state.editable === true ? onClick={() =>
null : this.state.editable === true ?
this.state.handleTekTekTek == 1 ? null : null :
this.setState({ loading: true, handleTekTekTek: 1 }, () => { this.state.handleTekTekTek == 1 ? null :
setTimeout(() => { this.setState({ handleTekTekTek: 1 }, () => {
this.backToMasterBudget('draft') this.backToMasterBudget('draft')
}, 100); })
})} }
> >
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}> <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography> <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography>
...@@ -2166,16 +2165,12 @@ export default class FixedAssetsMovement extends Component { ...@@ -2166,16 +2165,12 @@ export default class FixedAssetsMovement extends Component {
disabled={this.state.buttonError} disabled={this.state.buttonError}
onClick={() => onClick={() =>
this.state.buttonError ? this.state.buttonError ?
this.setState({ loading: true }, () => { this.setState({ alert: true, messageAlert: 'Data is not complete !', tipeAlert: 'warning' })
setTimeout(() => { :
this.setState({ alert: true, messageAlert: 'Data is not complete !', tipeAlert: 'warning', loading: false })
}, 100);
})
:
this.state.handleTekTekTek == 1 ? null : this.state.handleTekTekTek == 1 ? null :
this.setState({ loading: true, handleTekTekTek: 1 }, () => { this.setState({ handleTekTekTek: 1 }, () => {
this.backToMasterBudget('submitted') this.backToMasterBudget('submitted')
})} })}
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: this.state.buttonError === true ? 'default' : 'pointer', cursor: this.state.buttonError === true ? 'default' : 'pointer',
...@@ -2245,7 +2240,7 @@ export default class FixedAssetsMovement extends Component { ...@@ -2245,7 +2240,7 @@ export default class FixedAssetsMovement extends Component {
onClick={() => { onClick={() => {
this.setState({ loading: true }, () => { this.setState({ loading: true }, () => {
setTimeout(() => { setTimeout(() => {
this.setState({ loading: false, buttonError: this.state.errorPreview === true ? true : false }) this.setState({ loading: false, buttonError: this.state.errorPreview === true ? true : false, editable: false})
}, 100); }, 100);
}) })
}} }}
...@@ -2260,19 +2255,19 @@ export default class FixedAssetsMovement extends Component { ...@@ -2260,19 +2255,19 @@ export default class FixedAssetsMovement extends Component {
disabled={this.state.buttonError} disabled={this.state.buttonError}
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: this.state.buttonError === true ? 'default' : 'pointer', cursor: this.state.editable === true ? 'default' : 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
outline: 'none', outline: 'none',
marginRight: 20 marginRight: 20
}} }}
onClick={() => this.setState({ loading: true }, () => onClick={() => this.state.editable === true ?
null :
this.state.handleTekTekTek == 1 ? null : this.state.handleTekTekTek == 1 ? null :
this.setState({handleTekTekTek: 1}, () => { this.setState({ handleTekTekTek: 1 }, () => {
setTimeout(() => { setTimeout(() => {
this.uploadFAM('draft') this.uploadFAM('draft')
}, 100); }, 100);
}) })}
)}
> >
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}> <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography> <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography>
...@@ -2280,15 +2275,22 @@ export default class FixedAssetsMovement extends Component { ...@@ -2280,15 +2275,22 @@ export default class FixedAssetsMovement extends Component {
</button> </button>
<button <button
type="button" type="button"
disabled={this.state.buttonError} style={{
onClick={() => this.setState({ loading: true }, () => backgroundColor: 'transparent',
this.state.handleTekTekTek == 1? null : cursor: this.state.editable !== true ? 'pointer' : 'default',
this.setState({handleTekTekTek: 1}, () => { borderColor: 'transparent',
setTimeout(() => { outline: 'none'
this.uploadFAM('submitted') }}
}, 100); onClick={() =>
}) this.state.editable === true ?
)} null :
this.state.handleTekTekTek == 1 ? null :
this.setState({handleTekTekTek: 1}, () => {
setTimeout(() => {
this.uploadFAM('submitted')
}, 100);
})
}
> >
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}> <div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save & Complete</Typography> <Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save & Complete</Typography>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment