Skip to content

T
Tia-dev
Commit 3e0f2c82 authored by d.arizona's avatar d.arizona
Browse files
Options

apdet gays

parent 92ff89be
Show whitespace changes
Inline Side-by-side
Showing with 127 additions and 97 deletions
src/container/BudgetTahunan.js
View file @ 3e0f2c82
...@@ -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 @ 3e0f2c82
...@@ -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