Skip to content

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

Merge branch 'didam' into 'master' 

apdet gays

See merge request !893
parents 92ff89be 3e0f2c82
Show whitespace changes
Inline Side-by-side
Showing with 127 additions and 97 deletions
src/container/BudgetTahunan.js
View file @ dad1df1c
...@@ -585,6 +585,7 @@ export default class BudgetTahunan extends Component { ...@@ -585,6 +585,7 @@ export default class BudgetTahunan extends Component {
} }
let payload = { let payload = {
"company_id": this.state.company.company_id, "company_id": this.state.company.company_id,
"periode": this.state.periode.periode,
"min_periode": moment(this.state.minDateRevision).format('YYYY-MM-DD'), "min_periode": moment(this.state.minDateRevision).format('YYYY-MM-DD'),
"max_periode": moment(this.state.maxDateRevision).format('YYYY-MM-DD') "max_periode": moment(this.state.maxDateRevision).format('YYYY-MM-DD')
} }
......
src/container/MonthlyReport/ListOfCreditFacilities.js
View file @ dad1df1c
...@@ -71,6 +71,18 @@ const theme = createMuiTheme({ ...@@ -71,6 +71,18 @@ const theme = createMuiTheme({
}, },
}); });
const theme2 = createMuiTheme({
overrides: {
// Style sheet name ⚛️
MuiInputBase: {
input: {
color: '#5198ea',
textAlign: 'center'
}
}
},
});
export default class ListOfCreditFacilities extends Component { export default class ListOfCreditFacilities extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
...@@ -316,7 +328,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -316,7 +328,7 @@ export default class ListOfCreditFacilities extends Component {
// console.log(dataTable); // console.log(dataTable);
if (dataTable.length == 0 && this.state.get_for == 'edit') { if (dataTable.length == 0 && this.state.get_for == 'edit') {
dataTable.push( dataTable.push(
[3, "", "", "", "", this.props.company.company_name, null, null, "", this.state.currentDate, "0.00", "", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "notes", 0 ], [3, "", "", "", "", this.props.company.company_name, null, null, "", this.state.currentDate, "0.00", "", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "", 0 ],
[9, "", "", "", "", "", {value: "Grand Total"}, null, "", "", "", "0", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "notes", 999999 ], [9, "", "", "", "", "", {value: "Grand Total"}, null, "", "", "", "0", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "notes", 999999 ],
) )
} }
...@@ -396,27 +408,27 @@ export default class ListOfCreditFacilities extends Component { ...@@ -396,27 +408,27 @@ export default class ListOfCreditFacilities extends Component {
"out_loan_other_type": i[15], "out_loan_other_type": i[15],
"out_loan_other_amount_ori": i[16], "out_loan_other_amount_ori": i[16],
"out_loan_other_amount_idr": i[17], "out_loan_other_amount_idr": i[17],
"total_out_loan_ori": i[18], // "total_out_loan_ori": i[18],
"total_out_loan_idr": i[19], // "total_out_loan_idr": i[19],
"remaining_plafond_ori": i[20], // "remaining_plafond_ori": i[20],
"remaining_plafond_idr": i[21], // "remaining_plafond_idr": i[21],
"current_ratio_financial": i[22], "current_ratio_financial": i[18],
"der_financial": i[23], "der_financial": i[19],
"debt_to_ebitda_financial": i[24], "debt_to_ebitda_financial": i[20],
"ebitda_to_interest_financial": i[25], "ebitda_to_interest_financial": i[21],
"other_ratio1_ratio_name": i[26], "other_ratio1_ratio_name": i[22],
"other_ratio1_financial": i[27], "other_ratio1_financial": i[23],
"other_ratio1_current": i[28], "other_ratio1_current": i[24],
"other_ratio2_ratio_name": i[29], "other_ratio2_ratio_name": i[25],
"other_ratio2_financial": i[30], "other_ratio2_financial": i[27],
"other_ratio2_current": i[31], "other_ratio2_current": i[28],
"other_ratio3_ratio_name": i[32], "other_ratio3_ratio_name": i[29],
"other_ratio3_financial": i[33], "other_ratio3_financial": i[30],
"other_ratio3_current": i[34], "other_ratio3_current": i[31],
"other_ratio4_ratio_name": i[35], "other_ratio4_ratio_name": i[32],
"other_ratio4_financial": i[36], "other_ratio4_financial": i[33],
"other_ratio4_current": i[37], "other_ratio4_current": i[34],
"notes": i[38], "notes": i[35],
}) })
} }
}) })
...@@ -449,7 +461,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -449,7 +461,7 @@ export default class ListOfCreditFacilities extends Component {
response.data.data.map((item, index) => { response.data.data.map((item, index) => {
if (index == response.data.data.length -1) { if (index == response.data.data.length -1) {
dataTable.push([ dataTable.push([
item.type_report_id, 3,
item.item_report_id, item.item_report_id,
item.parent, item.parent,
item.formula, item.formula,
...@@ -463,13 +475,13 @@ export default class ListOfCreditFacilities extends Component { ...@@ -463,13 +475,13 @@ export default class ListOfCreditFacilities extends Component {
item.currency === null || item.currency === "" ? "" : item.currency, item.currency === null || item.currency === "" ? "" : item.currency,
item.loan_plafond_amount_ori, item.loan_plafond_amount_ori,
item.loan_plafond_amount_idr === null ? "0.0" : item.loan_plafond_amount_idr === "" ? "0.0" : item.loan_plafond_amount_idr, item.loan_plafond_amount_idr === null ? "0.0" : item.loan_plafond_amount_idr === "" ? "0.0" : item.loan_plafond_amount_idr,
item.out_loan_ki_amount_ori, item.type_of_credit == "Investment Loan"? item.out_loan_ki_amount_ori : "0.0",
item.out_loan_ki_amount_idr === null ? "0.0" : item.out_loan_ki_amount_idr === "" ? "0.0" : item.out_loan_ki_amount_idr, item.type_of_credit == "Investment Loan"? (item.out_loan_ki_amount_idr === null ? "0.0" : item.out_loan_ki_amount_idr === "" ? "0.0" : item.out_loan_ki_amount_idr) : "0.0",
item.out_loan_kmk_amount_ori, item.type_of_credit == "Revolving Loan (KMK)"? item.out_loan_kmk_amount_ori : "0.0",
item.out_loan_kmk_amount_idr === null ? "0.0" : item.out_loan_kmk_amount_idr === "" ? "0.0" : item.out_loan_kmk_amount_idr, item.type_of_credit == "Revolving Loan (KMK)"? (item.out_loan_kmk_amount_idr === null ? "0.0" : item.out_loan_kmk_amount_idr === "" ? "0.0" : item.out_loan_kmk_amount_idr) : "0.0",
item.out_loan_other_type, item.type_of_credit == "Others"? item.out_loan_other_type : "",
item.out_loan_other_amount_ori, item.type_of_credit == "Others"? item.out_loan_other_amount_ori : "0.0",
item.out_loan_other_amount_idr === null ? "0.0" : item.out_loan_other_amount_idr === "" ? "0.0" : item.out_loan_other_amount_idr, item.type_of_credit == "Others"? (item.out_loan_other_amount_idr === null ? "0.0" : item.out_loan_other_amount_idr === "" ? "0.0" : item.out_loan_other_amount_idr) : "0.0",
item.total_out_loan_ori === null ? "0.0" : item.total_out_loan_ori === "" ? "0.0" : item.total_out_loan_ori, item.total_out_loan_ori === null ? "0.0" : item.total_out_loan_ori === "" ? "0.0" : item.total_out_loan_ori,
item.total_out_loan_idr === null ? "0.0" : item.total_out_loan_idr === "" ? "0.0" : item.total_out_loan_idr, item.total_out_loan_idr === null ? "0.0" : item.total_out_loan_idr === "" ? "0.0" : item.total_out_loan_idr,
item.remaining_plafond_ori === null ? "0.0" : item.remaining_plafond_ori === "" ? "0.0" : item.remaining_plafond_ori, item.remaining_plafond_ori === null ? "0.0" : item.remaining_plafond_ori === "" ? "0.0" : item.remaining_plafond_ori,
...@@ -500,7 +512,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -500,7 +512,7 @@ export default class ListOfCreditFacilities extends Component {
) )
} else { } else {
dataTable.push([ dataTable.push([
item.type_report_id, 3,
item.item_report_id, item.item_report_id,
item.parent, item.parent,
item.formula, item.formula,
...@@ -514,13 +526,13 @@ export default class ListOfCreditFacilities extends Component { ...@@ -514,13 +526,13 @@ export default class ListOfCreditFacilities extends Component {
item.currency === null || item.currency === "" ? "" : item.currency, item.currency === null || item.currency === "" ? "" : item.currency,
item.loan_plafond_amount_ori, item.loan_plafond_amount_ori,
item.loan_plafond_amount_idr === null ? "0.0" : item.loan_plafond_amount_idr === "" ? "0.0" : item.loan_plafond_amount_idr, item.loan_plafond_amount_idr === null ? "0.0" : item.loan_plafond_amount_idr === "" ? "0.0" : item.loan_plafond_amount_idr,
item.out_loan_ki_amount_ori, item.type_of_credit == "Investment Loan"? item.out_loan_ki_amount_ori : "0.0",
item.out_loan_ki_amount_idr === null ? "0.0" : item.out_loan_ki_amount_idr === "" ? "0.0" : item.out_loan_ki_amount_idr, item.type_of_credit == "Investment Loan"? (item.out_loan_ki_amount_idr === null ? "0.0" : item.out_loan_ki_amount_idr === "" ? "0.0" : item.out_loan_ki_amount_idr) : "0.0",
item.out_loan_kmk_amount_ori, item.type_of_credit == "Revolving Loan (KMK)"? item.out_loan_kmk_amount_ori : "0.0",
item.out_loan_kmk_amount_idr === null ? "0.0" : item.out_loan_kmk_amount_idr === "" ? "0.0" : item.out_loan_kmk_amount_idr, item.type_of_credit == "Revolving Loan (KMK)"? (item.out_loan_kmk_amount_idr === null ? "0.0" : item.out_loan_kmk_amount_idr === "" ? "0.0" : item.out_loan_kmk_amount_idr) : "0.0",
item.out_loan_other_type, item.type_of_credit == "Others"? item.out_loan_other_type : "",
item.out_loan_other_amount_ori, item.type_of_credit == "Others"? item.out_loan_other_amount_ori : "0.0",
item.out_loan_other_amount_idr === null ? "0.0" : item.out_loan_other_amount_idr === "" ? "0.0" : item.out_loan_other_amount_idr, item.type_of_credit == "Others"? (item.out_loan_other_amount_idr === null ? "0.0" : item.out_loan_other_amount_idr === "" ? "0.0" : item.out_loan_other_amount_idr) : "0.0",
item.total_out_loan_ori === null ? "0.0" : item.total_out_loan_ori === "" ? "0.0" : item.total_out_loan_ori, item.total_out_loan_ori === null ? "0.0" : item.total_out_loan_ori === "" ? "0.0" : item.total_out_loan_ori,
item.total_out_loan_idr === null ? "0.0" : item.total_out_loan_idr === "" ? "0.0" : item.total_out_loan_idr, item.total_out_loan_idr === null ? "0.0" : item.total_out_loan_idr === "" ? "0.0" : item.total_out_loan_idr,
item.remaining_plafond_ori === null ? "0.0" : item.remaining_plafond_ori === "" ? "0.0" : item.remaining_plafond_ori, item.remaining_plafond_ori === null ? "0.0" : item.remaining_plafond_ori === "" ? "0.0" : item.remaining_plafond_ori,
...@@ -560,7 +572,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -560,7 +572,7 @@ export default class ListOfCreditFacilities extends Component {
// console.log(dataTable); // console.log(dataTable);
if (dataTable.length == 0) { if (dataTable.length == 0) {
dataTable.push( dataTable.push(
[3, "", "", "", "", this.props.company.company_name, null, null, "", this.state.currentDate, "0.00", "", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "notes", 0 ], [3, "", "", "", "", this.props.company.company_name, null, null, "", this.state.currentDate, "0.00", "", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "", 0 ],
[9, "", "", "", "", "", {value: "Grand Total"}, null, "", "", "", "0", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "notes", 999999 ], [9, "", "", "", "", "", {value: "Grand Total"}, null, "", "", "", "0", "", "0", "", "0", "", "0", "", "", "0", "0", "0", "0", "0", "", "0", "", "0", "", "0", "", "0", "", "", "", "", "", "", "", "", "", "", "", "", "notes", 999999 ],
) )
} }
...@@ -586,14 +598,14 @@ export default class ListOfCreditFacilities extends Component { ...@@ -586,14 +598,14 @@ export default class ListOfCreditFacilities extends Component {
let error = false let error = false
this.state.dataTable.map(i => { this.state.dataTable.map(i => {
if (i[0] == 3) { if (i[0] == 3) {
if (i[6].value == null || i[7].value == null || i[8] == "" || i[9] == "" || i[10] == "" || i[11] == "") { if (i[6] == null || i[7] == null || i[8] == "" || i[9] == "" || i[10] == "" || i[11] == "") {
error = true error = true
} }
data.push({ data.push({
"item_report_id": i[1], "item_report_id": i[1],
"borrower_comp_name": i[5], "borrower_comp_name": i[5],
"bank_name": i[6].value, "bank_name": i[6] == null? i[6] : i[6].value,
"type_of_credit": i[7].value, "type_of_credit": i[7] == null? i[7] : i[7].value,
"remarks": i[8], "remarks": i[8],
"loan_maturity_date": i[9], "loan_maturity_date": i[9],
"interest": i[10], "interest": i[10],
...@@ -648,9 +660,9 @@ export default class ListOfCreditFacilities extends Component { ...@@ -648,9 +660,9 @@ export default class ListOfCreditFacilities extends Component {
"diff": this.state.diff, "diff": this.state.diff,
"total_loan" : this.state.totalOutStand "total_loan" : this.state.totalOutStand
} }
// console.log(data); console.log(JSON.stringify(body));
if (error) { if (error && type == 'submitted') {
this.setState({handleTekTekTek: 0, saveDraft: true, saveComp: true, loading: false}) this.setState({handleTekTekTek: 0, saveDraft: false, saveComp: true, loading: false , snekbar: true, snekbarMsg: 'Data Incomplete', handleTekTekTek: 0})
} else { } else {
api.create('UPLOAD').uploadMonthlyReportLOCF(body).then(response => { api.create('UPLOAD').uploadMonthlyReportLOCF(body).then(response => {
console.log(response); console.log(response);
...@@ -672,10 +684,10 @@ export default class ListOfCreditFacilities extends Component { ...@@ -672,10 +684,10 @@ export default class ListOfCreditFacilities extends Component {
// alert(response.data.status) // alert(response.data.status)
} }
} else { } else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false }) this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false, handleTekTekTek: 0 })
} }
} else { } else {
this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false }) this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false, handleTekTekTek: 0 })
} }
}) })
} }
...@@ -844,7 +856,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -844,7 +856,7 @@ export default class ListOfCreditFacilities extends Component {
} }
api.create().getPerBSiMontlyReportLOCF(payload).then((response) => { api.create().getPerBSiMontlyReportLOCF(payload).then((response) => {
if (response.data.status == "success") { if (response.data.status == "success") {
this.setState({perBS: response.data.data.per_bs}) this.setState({perBS: response.data.data.per_bs == null || response.data.data.per_bs == ''? 0.0 : Number(response.data.data.per_bs).toFixed(1)})
} }
}) })
} }
...@@ -965,14 +977,14 @@ export default class ListOfCreditFacilities extends Component { ...@@ -965,14 +977,14 @@ export default class ListOfCreditFacilities extends Component {
let error = false let error = false
this.state.dataTable.map(i => { this.state.dataTable.map(i => {
if (i[0] == 3) { if (i[0] == 3) {
if (i[6].value == null || i[7].value == null || i[8] == "" || i[9] == "" || i[10] == "" || i[11] == "") { if (i[6] == null || i[7] == null || i[8] == "" || i[9] == "" || i[10] == "" || i[11] == "") {
error = true error = true
} }
data.push({ data.push({
"item_report_id": i[1], "item_report_id": i[1],
"borrower_comp_name": i[5], "borrower_comp_name": i[5],
"bank_name": i[6].value, "bank_name": i[6] == null? [6] : i[6].value,
"type_of_credit": i[7].value, "type_of_credit": i[7] == null? i[7] : i[7].value,
"remarks": i[8], "remarks": i[8],
"loan_maturity_date": i[9], "loan_maturity_date": i[9],
"interest": i[10], "interest": i[10],
...@@ -1029,8 +1041,8 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1029,8 +1041,8 @@ export default class ListOfCreditFacilities extends Component {
} }
console.log(JSON.stringify(payload)) console.log(JSON.stringify(payload))
if (error) { if (error && type == 'submitted') {
this.setState({handleTekTekTek: 0, saveDraft: true, saveComp: true, loading: false}) this.setState({handleTekTekTek: 0, saveDraft: false, saveComp: true, loading: false, snekbar: true, snekbarMsg: 'Data Incomplete', handleTekTekTek: 0})
} else { } else {
api.create('UPLOAD').createMonthlyReportLOCF(payload).then(response => { api.create('UPLOAD').createMonthlyReportLOCF(payload).then(response => {
console.log(response); console.log(response);
...@@ -1244,18 +1256,20 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1244,18 +1256,20 @@ export default class ListOfCreditFacilities extends Component {
} }
}) })
} else { } else {
if (this.state.get_for == 'edit') {
this.setState({snekbar: true, snekbarMsg: 'Bank Names Cannot be Empty'}) this.setState({snekbar: true, snekbarMsg: 'Bank Names Cannot be Empty'})
} }
}
setTimeout(() => { setTimeout(() => {
// console.log(dataCoba) // console.log(dataCoba)
// console.log(dataGabung) // console.log(dataGabung)
console.log(newData) console.log(newData)
// console.log(dataTampungBank) // console.log(dataTampungBank)
// console.log(totalLoan); console.log(totalLoan);
// dataTable: newData, totalOutStand: newData[newData.length-1][22] // dataTable: newData, totalOutStand: newData[newData.length-1][22]
if (bankNameEmpty) { if (bankNameEmpty) {
this.setState({ loading: false, dataTable: this.state.dataTable, totalOutStand: 0, diff: Number(0 - this.state.perBS).toFixed(1), saveDraft: true, saveComp: true}) this.setState({ loading: false, dataTable: this.state.dataTable, totalOutStand: 0, diff: Number(0 - this.state.perBS).toFixed(1), saveDraft: false, saveComp: true})
} else { } else {
this.setState({ loading: false, dataTable: newData, totalOutStand: Number(totalLoan).toFixed(1), diff: Number(totalLoan - this.state.perBS).toFixed(1), saveDraft: false, saveComp: Number(totalLoan - this.state.perBS) == 0? false : true }) this.setState({ loading: false, dataTable: newData, totalOutStand: Number(totalLoan).toFixed(1), diff: Number(totalLoan - this.state.perBS).toFixed(1), saveDraft: false, saveComp: Number(totalLoan - this.state.perBS) == 0? false : true })
} }
...@@ -1631,7 +1645,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1631,7 +1645,7 @@ export default class ListOfCreditFacilities extends Component {
style={{ padding: 0, margin: 0}} style={{ padding: 0, margin: 0}}
renderInput={(params) => renderInput={(params) =>
<div ref={params.InputProps.ref} style={{ padding: 0, margin: 0 }}> <div ref={params.InputProps.ref} style={{ padding: 0, margin: 0 }}>
<textarea style={{ borderColor: 'white', width: 150, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea" }} type="text" {...params.inputProps} /> <textarea style={{ borderColor: 'white', width: 150, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea", backgroundColor: tableMeta.rowData[6] == null && this.state.get_for == 'edit'? '#ffac99' : 'white' }} type="text" {...params.inputProps} />
</div> </div>
} }
/> />
...@@ -1666,7 +1680,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1666,7 +1680,7 @@ export default class ListOfCreditFacilities extends Component {
style={{ padding: 0, margin: 0 }} style={{ padding: 0, margin: 0 }}
renderInput={(params) => renderInput={(params) =>
<div ref={params.InputProps.ref} style={{ padding: 0, margin: 0 }}> <div ref={params.InputProps.ref} style={{ padding: 0, margin: 0 }}>
<textarea style={{ borderColor: 'white', width: 96, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea" }} type="text" {...params.inputProps} /> <textarea style={{ borderColor: 'white', width: 96, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea", backgroundColor: tableMeta.rowData[7] == null && this.state.get_for == 'edit'? '#ffac99' : 'white' }} type="text" {...params.inputProps} />
</div> </div>
} }
/> />
...@@ -1689,26 +1703,26 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1689,26 +1703,26 @@ export default class ListOfCreditFacilities extends Component {
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ textAlign: 'right', width: 90 }}>
{ tableMeta.rowData[0] === 8 || tableMeta.rowData[0] === 9? { tableMeta.rowData[0] === 8 || tableMeta.rowData[0] === 9?
null : null :
// <div style={{ padding: 0, margin: 0 }}> <div style={{ padding: 0, margin: 0 }}>
// <textarea disabled={this.state.get_for == 'view'} style={{ borderColor: 'white', width: 96, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea" }} type="text" defaultValue={tableMeta.rowData[8]} <textarea disabled={this.state.get_for == 'view'} style={{ borderColor: 'white', width: 96, textAlign: 'center', justifyContent:'center', padding: 0, margin: 0, color: this.state.get_for == 'view'? "black" : "#5198ea", backgroundColor: tableMeta.rowData[8] == '' && this.state.get_for == 'edit'? '#ffac99' : 'white' }} type="text" defaultValue={tableMeta.rowData[8]}
// onBlur={(event) => handleChange(event.target.value, tableMeta, tableMeta.columnIndex)} /> onBlur={(event) => handleChange(event.target.value, tableMeta, tableMeta.columnIndex)} />
// </div> </div>
<Input // <Input
disableUnderline={true} // disableUnderline={true}
style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} // style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" // type="text"
disabled={tableMeta.rowData[0] == 8 || tableMeta.rowData[0] == 9 || this.state.get_for == 'view'? true : false} // disabled={tableMeta.rowData[0] == 8 || tableMeta.rowData[0] == 9 || this.state.get_for == 'view'? true : false}
defaultValue={tableMeta.rowData[8]} // defaultValue={tableMeta.rowData[8]}
// disabled={false} // // disabled={false}
multiline={true} // multiline={true}
inputProps={{ // inputProps={{
style: { // style: {
color: this.state.get_for == 'view'? "black" : "#5198ea", // color: this.state.get_for == 'view'? "black" : "#5198ea",
textAlign: 'center', // textAlign: 'center',
backgroundColor: 'white' // backgroundColor: 'white'
} // }
}} // }}
/> // />
// <ThemeProvider theme={theme}> // <ThemeProvider theme={theme}>
...@@ -1767,6 +1781,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1767,6 +1781,7 @@ export default class ListOfCreditFacilities extends Component {
textAlign: 'center', textAlign: 'center',
fontSize: 11, fontSize: 11,
fontFamily: 'Nunito Sans, sans-serif', fontFamily: 'Nunito Sans, sans-serif',
backgroundColor: (tableMeta.rowData[9] == null || tableMeta.rowData[9] == '') && this.state.get_for == 'edit'? '#ffac99' : 'white'
} }
}} }}
InputLabelProps={{ InputLabelProps={{
...@@ -1795,16 +1810,16 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1795,16 +1810,16 @@ export default class ListOfCreditFacilities extends Component {
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
customBodyRender: (value, tableMeta, updateValue) => { customBodyRender: (value, tableMeta, updateValue) => {
return ( return (
<div style={{ flex: 1 }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[0] === 4 || tableMeta.rowData[0] == 8 || tableMeta.rowData[0] == 9? {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] == 8 || tableMeta.rowData[0] == 9?
null : null :
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0, backgroundColor: (tableMeta.rowData[10] == '0.00' || tableMeta.rowData[10] == '') && this.state.get_for == 'edit'? '#ffac99' : 'white' }}
value={value} value={value}
control={ control={
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ color: this.state.get_for == 'view'? "black" : "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ color: this.state.get_for == 'view'? "black" : "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96}}
type="text" type="text"
placeholder="" placeholder=""
value={Number(value).toFixed(2)} value={Number(value).toFixed(2)}
...@@ -1835,13 +1850,13 @@ export default class ListOfCreditFacilities extends Component { ...@@ -1835,13 +1850,13 @@ export default class ListOfCreditFacilities extends Component {
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
customBodyRender: (val, tableMeta, updateValue) => { customBodyRender: (val, tableMeta, updateValue) => {
return ( return (
<div style={{ textAlign: 'right', width: 90 }}> <div style={{ display: 'flex'}}>
{tableMeta.rowData[0] === 4 || tableMeta.rowData[0] == 8 || tableMeta.rowData[0] == 9? {tableMeta.rowData[0] === 4 || tableMeta.rowData[0] == 8 || tableMeta.rowData[0] == 9?
null : null :
<ThemeProvider theme={theme}> <ThemeProvider theme={theme2}>
<Input <Input
disableUnderline={true} disableUnderline={true}
style={{ color: this.state.get_for == 'view'? "black" : "#5198ea", fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, backgroundColor: 'transparent', marginBottom: -105 }} style={{ width: 96, color: this.state.get_for == 'view'? "black" : "#5198ea", fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, backgroundColor: 'transparent', backgroundColor: tableMeta.rowData[11] == '' && this.state.get_for == 'edit'? '#ffac99' : 'white' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={this.state.get_for == 'view'} disabled={this.state.get_for == 'view'}
...@@ -2699,7 +2714,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -2699,7 +2714,7 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(handleTableRatio(tableMeta.rowData[26], tableMeta, 26, "Current Ratio")).toFixed(1)} value={Number(handleTableRatio(tableMeta.rowData[26], tableMeta, 26, "Current Ratio")).toFixed(2)}
/> />
} }
/> />
...@@ -2779,7 +2794,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -2779,7 +2794,7 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(handleTableRatio(tableMeta.rowData[28], tableMeta, 28, "Debt to Equity Ratio")).toFixed(1)} value={Number(handleTableRatio(tableMeta.rowData[28], tableMeta, 28, "Debt to Equity Ratio")).toFixed(2)}
/> />
} }
/> />
...@@ -2859,7 +2874,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -2859,7 +2874,7 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(handleTableRatio(tableMeta.rowData[30], tableMeta, 30, "Debt to EBITDA - YTD")).toFixed(1)} value={Number(handleTableRatio(tableMeta.rowData[30], tableMeta, 30, "Debt to EBITDA - YTD")).toFixed(2)}
/> />
} }
/> />
...@@ -2939,7 +2954,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -2939,7 +2954,7 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(handleTableRatio(tableMeta.rowData[32], tableMeta, 32, "EBITDA to Interest - YTD")).toFixed(1)} value={Number(handleTableRatio(tableMeta.rowData[32], tableMeta, 32, "EBITDA to Interest - YTD")).toFixed(2)}
/> />
} }
/> />
...@@ -3047,7 +3062,9 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3047,7 +3062,9 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={this.state.get_for == 'view'} disabled={this.state.get_for == 'view'}
value={Number(tableMeta.rowData[35]).toFixed(1)} fixedDecimalScale={2}
decimalScale={2}
value={Number(tableMeta.rowData[35]).toFixed(2)}
onBlur={(event) => { onBlur={(event) => {
handleChange(event.target.value, tableMeta, 35) handleChange(event.target.value, tableMeta, 35)
}} }}
...@@ -3158,7 +3175,9 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3158,7 +3175,9 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={this.state.get_for == 'view'} disabled={this.state.get_for == 'view'}
value={Number(tableMeta.rowData[38]).toFixed(1)} fixedDecimalScale={2}
decimalScale={2}
value={Number(tableMeta.rowData[38]).toFixed(2)}
onBlur={(event) => { onBlur={(event) => {
handleChange(event.target.value, tableMeta, 20) handleChange(event.target.value, tableMeta, 20)
}} }}
...@@ -3269,7 +3288,9 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3269,7 +3288,9 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={this.state.get_for == 'view'} disabled={this.state.get_for == 'view'}
value={Number(tableMeta.rowData[41]).toFixed(1)} fixedDecimalScale={2}
decimalScale={2}
value={Number(tableMeta.rowData[41]).toFixed(2)}
onBlur={(event) => { onBlur={(event) => {
handleChange(event.target.value, tableMeta, 20) handleChange(event.target.value, tableMeta, 20)
}} }}
...@@ -3380,7 +3401,9 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3380,7 +3401,9 @@ export default class ListOfCreditFacilities extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={this.state.get_for == 'view'} disabled={this.state.get_for == 'view'}
value={Number(tableMeta.rowData[20]).toFixed(1)} fixedDecimalScale={2}
decimalScale={2}
value={Number(tableMeta.rowData[44]).toFixed(2)}
onBlur={(event) => { onBlur={(event) => {
handleChange(event.target.value, tableMeta, 20) handleChange(event.target.value, tableMeta, 20)
}} }}
...@@ -3425,6 +3448,12 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3425,6 +3448,12 @@ export default class ListOfCreditFacilities extends Component {
backgroundColor: 'white' backgroundColor: 'white'
} }
}} }}
onBlur={(event) => {
// // // console.log(event.target.value)
// updateValue(event.target.value)
handleChange(event.target.value, tableMeta, 45)
// // // console.log(dataTable2)
}}
/> />
// <ThemeProvider theme={theme}> // <ThemeProvider theme={theme}>
// <Input // <Input
...@@ -3686,7 +3715,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3686,7 +3715,7 @@ export default class ListOfCreditFacilities extends Component {
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Total Outstanding Loan</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Total Outstanding Loan</Typography>
</div> </div>
<div style={{border: '1px solid black', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}> <div style={{border: '1px solid black', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.totalOutStand)}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.perBS)}</Typography>
</div> </div>
</div> </div>
</div> </div>
...@@ -3698,7 +3727,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3698,7 +3727,7 @@ export default class ListOfCreditFacilities extends Component {
<div style={{padding: 5}}> <div style={{padding: 5}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Diff</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Diff</Typography>
</div> </div>
<div style={{borderStyle: 'solid', borderWidth: '0px 1px 1px 1px', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}> <div style={{borderStyle: 'solid', borderWidth: '0px 1px 1px 1px', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end', backgroundColor: this.state.get_for == 'edit' && Number(this.state.diff) > 0? '#ffac99' : 'transparent'}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.diff)}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.diff)}</Typography>
</div> </div>
</div> </div>
...@@ -3879,7 +3908,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3879,7 +3908,7 @@ export default class ListOfCreditFacilities extends Component {
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Total Outstanding Loan</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Total Outstanding Loan</Typography>
</div> </div>
<div style={{border: '1px solid black', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}> <div style={{border: '1px solid black', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.totalOutStand)}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.perBS)}</Typography>
</div> </div>
</div> </div>
</div> </div>
...@@ -3891,7 +3920,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -3891,7 +3920,7 @@ export default class ListOfCreditFacilities extends Component {
<div style={{padding: 5}}> <div style={{padding: 5}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Diff</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Diff</Typography>
</div> </div>
<div style={{borderStyle: 'solid', borderWidth: '0px 1px 1px 1px', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end'}}> <div style={{borderStyle: 'solid', borderWidth: '0px 1px 1px 1px', padding: 5, minWidth: 200, display: 'flex', justifyContent: 'flex-end', backgroundColor: this.state.get_for == 'edit' && Number(this.state.diff) > 0? '#ffac99' : 'transparent'}}>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.diff)}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{formatSeparator(this.state.diff)}</Typography>
</div> </div>
</div> </div>
...@@ -4049,7 +4078,7 @@ export default class ListOfCreditFacilities extends Component { ...@@ -4049,7 +4078,7 @@ export default class ListOfCreditFacilities extends Component {
onUpload={() => { onUpload={() => {
String(this.state.judulColumn).includes("TEMPLATE") && String(this.state.judulColumn).includes("UPLOAD") && String(this.state.judul).includes("LIST") && String(this.state.judul).includes("CREDIT") && String(this.state.judul).includes("MONTHLY") && String(this.state.judul).includes("REPORT") ? String(this.state.judulColumn).includes("TEMPLATE") && String(this.state.judulColumn).includes("UPLOAD") && String(this.state.judul).includes("LIST") && String(this.state.judul).includes("CREDIT") && String(this.state.judul).includes("MONTHLY") && String(this.state.judul).includes("REPORT") ?
this.checkUpload() : this.checkUpload() :
this.setState({ alert: true, messageAlert: "Invalid Template", tipeAlert: 'warning' }) this.setState({snekbar: true, snekbarMsg: 'Invalid Template', tipeAlert: 'warning'})
}} }}
/> />
</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