Skip to content

T
Tia-dev
Commit 855b31ef authored by Riri Novita's avatar Riri Novita
Browse files
Options

Update UI Upload MB

parent 4c557448
Show whitespace changes
Inline Side-by-side
Showing with 55 additions and 126 deletions
src/container/BudgetTahunan/BalanceSheet.js
View file @ 855b31ef
...@@ -3797,31 +3797,7 @@ export default class BalanceSheet extends Component { ...@@ -3797,31 +3797,7 @@ export default class BalanceSheet extends Component {
</button> </button>
</div> </div>
</div> </div>
<div className="grid grid-2x grid-mobile-none gap-15px" style={{ padding: '20px 30px' }}> <div style={{ padding: '25px 30px' }}>
<div className="column-1">
<Autocomplete
id="tipe"
disableClearable
options={this.props.currency}
getOptionLabel={(option) => option.value}
value={this.state.defaultCurrencyUpload}
onChange={(event, newInputValue) => this.setState({ defaultCurrencyUpload: newInputValue })}
renderInput={(params) =>
<TextField
{...params}
variant="standard"
label="Default Currency"
margin="normal"
style={{ marginBottom: 10 }}
// InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
// InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
/>
}
/>
</div>
</div>
<div style={{ padding: '15px 30px 55px' }}>
<UploadFile <UploadFile
type={this.state.uploadStatus} type={this.state.uploadStatus}
percentage={this.state.percentage} percentage={this.state.percentage}
...@@ -3838,6 +3814,8 @@ export default class BalanceSheet extends Component { ...@@ -3838,6 +3814,8 @@ export default class BalanceSheet extends Component {
}} }}
/> />
</div> </div>
<div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data is <b>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div>
</div> </div>
</div> </div>
)} )}
......
src/container/BudgetTahunan/CorporateAnnualTarget.js
View file @ 855b31ef
...@@ -4084,31 +4084,7 @@ export default class CorporateAnnualTarget extends Component { ...@@ -4084,31 +4084,7 @@ export default class CorporateAnnualTarget extends Component {
</button> </button>
</div> </div>
</div> </div>
<div className="grid grid-2x grid-mobile-none gap-15px" style={{ padding: '20px 30px' }}> <div style={{ padding: '25px 30px' }}>
<div className="column-1">
<Autocomplete
id="tipe"
disableClearable
options={this.props.currency}
getOptionLabel={(option) => option.value}
value={this.state.defaultCurrencyUpload}
onChange={(event, newInputValue) => this.setState({ defaultCurrencyUpload: newInputValue })}
renderInput={(params) =>
<TextField
{...params}
variant="standard"
label="Default Currency"
margin="normal"
style={{ marginBottom: 10 }}
// InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
// InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
/>
}
/>
</div>
</div>
<div style={{ padding: '15px 30px 55px' }}>
<UploadFile <UploadFile
type={this.state.uploadStatus} type={this.state.uploadStatus}
percentage={this.state.percentage} percentage={this.state.percentage}
...@@ -4125,6 +4101,8 @@ export default class CorporateAnnualTarget extends Component { ...@@ -4125,6 +4101,8 @@ export default class CorporateAnnualTarget extends Component {
}} }}
/> />
</div> </div>
<div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data is <b>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div>
</div> </div>
</div> </div>
)} )}
......
src/container/BudgetTahunan/FixedAssetsMovement.js
View file @ 855b31ef
...@@ -2985,31 +2985,7 @@ export default class FixedAssetsMovement extends Component { ...@@ -2985,31 +2985,7 @@ export default class FixedAssetsMovement extends Component {
</button> </button>
</div> </div>
</div> </div>
<div className="grid grid-2x grid-mobile-none gap-15px" style={{ padding: '20px 30px' }}> <div style={{ padding: '25px 30px' }}>
<div className="column-1">
<Autocomplete
id="tipe"
disableClearable
options={this.props.currency}
getOptionLabel={(option) => option.value}
value={this.state.defaultCurrencyUpload}
onChange={(event, newInputValue) => this.setState({ defaultCurrencyUpload: newInputValue })}
renderInput={(params) =>
<TextField
{...params}
variant="standard"
label="Default Currency"
margin="normal"
style={{ marginBottom: 10 }}
// InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
// InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
/>
}
/>
</div>
</div>
<div style={{ padding: '15px 30px 55px' }}>
<UploadFile <UploadFile
type={this.state.uploadStatus} type={this.state.uploadStatus}
percentage={this.state.percentage} percentage={this.state.percentage}
...@@ -3026,6 +3002,8 @@ export default class FixedAssetsMovement extends Component { ...@@ -3026,6 +3002,8 @@ export default class FixedAssetsMovement extends Component {
}} }}
/> />
</div> </div>
<div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data is <b>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div>
</div> </div>
</div> </div>
)} )}
......
src/container/BudgetTahunan/ProfitLoss.js
View file @ 855b31ef
...@@ -3185,7 +3185,7 @@ export default class ProfitLoss extends Component { ...@@ -3185,7 +3185,7 @@ export default class ProfitLoss extends Component {
</Paper>} </Paper>}
</div> </div>
{this.state.visibleUpload && ( {/* {this.state.visibleUpload && (
<div className="test app-popup-show"> <div className="test app-popup-show">
<div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}> <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
<div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}> <div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}>
...@@ -3204,31 +3204,46 @@ export default class ProfitLoss extends Component { ...@@ -3204,31 +3204,46 @@ export default class ProfitLoss extends Component {
</button> </button>
</div> </div>
</div> </div>
<div className="grid grid-2x grid-mobile-none gap-15px" style={{ padding: '20px 30px' }}> <UploadFile
<div className="column-1"> type={this.state.uploadStatus}
<Autocomplete percentage={this.state.percentage}
id="tipe" result={this.state.result}
disableClearable acceptedFiles={["xlsx"]}
options={this.props.currency} onHandle={(dt) => {
getOptionLabel={(option) => option.value} this.fileHandler(dt)
value={this.state.defaultCurrencyUpload} this.setState({ uploadStatus: 'idle', percentage: '0' })
onChange={(event, newInputValue) => this.setState({ defaultCurrencyUpload: newInputValue })} }}
renderInput={(params) => onUpload={() => {
<TextField String(this.state.judul).includes("MASTER") && String(this.state.judul).includes("BUDGET") && String(this.state.judul).includes("PROFIT") && String(this.state.judul).includes("LOSS") ?
{...params} this.checkUpload() :
variant="standard" this.setState({ alert: true, messageAlert: "Invalid Template", tipeAlert: 'warning' })
label="Default Currency" }}
margin="normal"
style={{ marginBottom: 10 }}
// InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
// InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
/> />
} <div style={{ padding: '10px 30px', fontSize: 13}}>Notes: Valid currency for uploading data is <b style={{ color: '#1D2995'}}>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div>
</div>
</div>
)} */}
/> {this.state.visibleUpload && (
<div className="test app-popup-show">
<div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
<div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}>
<div className="col-1" style={{ maxWidth: "inherit", display: 'flex', alignItems: 'center' }}>
<div className="popup-title">
<span style={{ color: '#fff', fontSize: 16, fontWeight: 'bold' }}>Upload File</span>
</div>
</div>
<div className="col-2 content-right" style={{ maxWidth: "inherit", alignSelf: 'center' }}>
<button
type="button"
className="btn btn-circle btn-white"
onClick={() => this.setState({ visibleUpload: false })}
>
<img src={Images.close} />
</button>
</div> </div>
</div> </div>
<div style={{ padding: '10px 30px' }}> <div style={{ padding: '25px 30px' }}>
<UploadFile <UploadFile
type={this.state.uploadStatus} type={this.state.uploadStatus}
percentage={this.state.percentage} percentage={this.state.percentage}
...@@ -3245,6 +3260,7 @@ export default class ProfitLoss extends Component { ...@@ -3245,6 +3260,7 @@ export default class ProfitLoss extends Component {
}} }}
/> />
</div> </div>
<div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data is <b>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div>
</div> </div>
</div> </div>
...@@ -3253,8 +3269,8 @@ export default class ProfitLoss extends Component { ...@@ -3253,8 +3269,8 @@ export default class ProfitLoss extends Component {
{this.state.visibleAlertSave && ( {this.state.visibleAlertSave && (
<div className="test app-popup-show"> <div className="test app-popup-show">
<div className="popup-content border-radius" style={{ background: '#FFF27D', borderRadius: 10, width: 715, height: 238 }}> <div className="popup-content border-radius" style={{ background: '#FFF27D', borderRadius: 10, width: 715, height: 238 }}>
<div style={{ margin: 30}}> <div style={{ margin: 30 }}>
<div style={{ display: 'flex', marginTop: 76, marginBottom: 43}}> <div style={{ display: 'flex', marginTop: 76, marginBottom: 43 }}>
<div style={{ alignSelf: 'center', marginRight: 25 }}> <div style={{ alignSelf: 'center', marginRight: 25 }}>
<img src={Images.warning} /> <img src={Images.warning} />
</div> </div>
......
src/container/BudgetTahunan/TaxPlanning.js
View file @ 855b31ef
...@@ -9280,6 +9280,7 @@ export default class TaxPlanning extends Component { ...@@ -9280,6 +9280,7 @@ export default class TaxPlanning extends Component {
</Paper> </Paper>
} }
</div> </div>
{this.state.visibleUpload && ( {this.state.visibleUpload && (
<div className="test app-popup-show"> <div className="test app-popup-show">
<div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}> <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
...@@ -9299,31 +9300,7 @@ export default class TaxPlanning extends Component { ...@@ -9299,31 +9300,7 @@ export default class TaxPlanning extends Component {
</button> </button>
</div> </div>
</div> </div>
<div className="grid grid-2x grid-mobile-none gap-15px" style={{ padding: '20px 30px' }}> <div style={{ padding: '25px 30px' }}>
<div className="column-1">
<Autocomplete
id="tipe"
disableClearable
options={this.props.currency}
getOptionLabel={(option) => option.value}
value={this.state.defaultCurrencyUpload}
onChange={(event, newInputValue) => this.setState({ defaultCurrencyUpload: newInputValue })}
renderInput={(params) =>
<TextField
{...params}
variant="standard"
label="Default Currency"
margin="normal"
style={{ marginBottom: 10 }}
// InputProps={{ ...params.InputProps, style: { fontSize: 11 } }}
// InputLabelProps={{ style: { fontSize: 11, color: '#7e8085' } }}
/>
}
/>
</div>
</div>
<div style={{ padding: '15px 30px 55px' }}>
<UploadFile <UploadFile
type={this.state.uploadStatus} type={this.state.uploadStatus}
percentage={this.state.percentage} percentage={this.state.percentage}
...@@ -9340,6 +9317,8 @@ export default class TaxPlanning extends Component { ...@@ -9340,6 +9317,8 @@ export default class TaxPlanning extends Component {
}} }}
/> />
</div> </div>
<div style={{ padding: '0px 30px 29px', fontSize: 17, color: 'red' }}><b>Warning:</b> Valid currency for uploading data is <b>{this.props.defaultCurrency.id == 1 ? "IDR" : "USD"}</b></div>
</div> </div>
</div> </div>
)} )}
......
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