Skip to content

T
Tia-dev
Commit 596417ef authored by faisalhamdi's avatar faisalhamdi
Browse files
Options

cat ro!

parent c3010416
Hide whitespace changes
Inline Side-by-side
Showing with 216 additions and 280 deletions
src/container/RollingOutlook.js
View file @ 596417ef
...@@ -1327,6 +1327,8 @@ export default class RollingOutlook extends Component { ...@@ -1327,6 +1327,8 @@ export default class RollingOutlook extends Component {
quarter={this.state.quarter.value} quarter={this.state.quarter.value}
isApprover={this.state.isApprover} isApprover={this.state.isApprover}
prevRevision={this.state.isSubmit ? this.state.prevRevision : true} prevRevision={this.state.isSubmit ? this.state.prevRevision : true}
status={this.state.status}
lastStatus={this.state.lastStatus}
/> />
)} )}
......
src/container/RollingOutlook/CatRevision.js
View file @ 596417ef
...@@ -74,7 +74,7 @@ export default class CatRevision extends Component { ...@@ -74,7 +74,7 @@ export default class CatRevision extends Component {
dataInternalBsn: [], dataInternalBsn: [],
dataFin: [], dataFin: [],
dataLearn: [], dataLearn: [],
handleDataSalah: false, // handleDataSalah: false,
get_for: 'view', get_for: 'view',
viewOnly: true, viewOnly: true,
...@@ -462,7 +462,7 @@ export default class CatRevision extends Component { ...@@ -462,7 +462,7 @@ export default class CatRevision extends Component {
"november": i[5] === 'ROIC' ? String(Number(i[21]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[21]) : String(Number(i[21].value).toFixed(1)) : String(i[21]), "november": i[5] === 'ROIC' ? String(Number(i[21]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[21]) : String(Number(i[21].value).toFixed(1)) : String(i[21]),
"december": i[5] === 'ROIC' ? String(Number(i[22]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[22]) : String(Number(i[22].value).toFixed(1)) : String(i[22]), "december": i[5] === 'ROIC' ? String(Number(i[22]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[22]) : String(Number(i[22].value).toFixed(1)) : String(i[22]),
"total_current_year": i[6] === 'ROIC' ? String(Number(i[23]).toFixed(1)) : String(Number(i[23]).toFixed(1)) == "" ? "0.0" : String(Number(i[23]).toFixed(1)), "total_current_year": i[6] === 'ROIC' ? String(Number(i[23]).toFixed(1)) : String(Number(i[23]).toFixed(1)) == "" ? "0.0" : String(Number(i[23]).toFixed(1)),
"strategic": String(i[24]), "strategic_initiative": String(i[24]),
"pic": String(i[25]) "pic": String(i[25])
}) })
}) })
...@@ -514,7 +514,7 @@ export default class CatRevision extends Component { ...@@ -514,7 +514,7 @@ export default class CatRevision extends Component {
payload.push({ payload.push({
item_report_id: i[1] === undefined ? 0 : reg.test(String(i[1])) === false ? 0 : String(i[1]).trim(), item_report_id: i[1] === undefined ? 0 : reg.test(String(i[1])) === false ? 0 : String(i[1]).trim(),
item_report: i[2] === undefined ? "" : String(i[2]).trim(), item_report: i[2] === undefined ? "" : String(i[2]).trim(),
weight: i[3] === undefined ? "" : String(Number(i[3] * 100).toFixed(1)) + '%', weight: i[3] === undefined ? "" : String(i[3]).trim(),
uom: i[4] === undefined ? "" : String(i[4]).trim(), uom: i[4] === undefined ? "" : String(i[4]).trim(),
kpi_type: i[5] === undefined ? "" : String(i[5]).trim(), kpi_type: i[5] === undefined ? "" : String(i[5]).trim(),
max_ach: i[6] === undefined ? "" : String(i[6]).toLocaleLowerCase() !== 'unlimited' ? (String(i[6]).includes('%') ? String(i[6].trim()) : String(Number(i[6] * 100) + '%')) : String(i[6]).trim(), max_ach: i[6] === undefined ? "" : String(i[6]).toLocaleLowerCase() !== 'unlimited' ? (String(i[6]).includes('%') ? String(i[6].trim()) : String(Number(i[6] * 100) + '%')) : String(i[6]).trim(),
...@@ -530,8 +530,7 @@ export default class CatRevision extends Component { ...@@ -530,8 +530,7 @@ export default class CatRevision extends Component {
october: i[16] === undefined ? "0.0" : reg.test(String(i[16])) === false ? "0.0" : String(Number(i[16]).toFixed(1)).trim(), october: i[16] === undefined ? "0.0" : reg.test(String(i[16])) === false ? "0.0" : String(Number(i[16]).toFixed(1)).trim(),
november: i[17] === undefined ? "0.0" : reg.test(String(i[17])) === false ? "0.0" : String(Number(i[17]).toFixed(1)).trim(), november: i[17] === undefined ? "0.0" : reg.test(String(i[17])) === false ? "0.0" : String(Number(i[17]).toFixed(1)).trim(),
december: i[18] === undefined ? "0.0" : reg.test(String(i[18])) === false ? "0.0" : String(Number(i[18]).toFixed(1)).trim(), december: i[18] === undefined ? "0.0" : reg.test(String(i[18])) === false ? "0.0" : String(Number(i[18]).toFixed(1)).trim(),
total_current_year: i[19] == 0 ? "0.0" : String(Number(i[19]).toFixed(1)).trim(), strategic_initiative: i[20] === undefined ? "" : String(i[20]).trim(),
strategic: i[20] === undefined ? "" : String(i[20]).trim(),
pic: i[21] === undefined ? "" : String(i[21]).trim() pic: i[21] === undefined ? "" : String(i[21]).trim()
}) })
} }
...@@ -562,63 +561,64 @@ export default class CatRevision extends Component { ...@@ -562,63 +561,64 @@ export default class CatRevision extends Component {
if (response.data.status === 'success') { if (response.data.status === 'success') {
this.setState({ visibleUpload: false, visibleCATRO: false }) this.setState({ visibleUpload: false, visibleCATRO: false })
let dataTable = [] let dataTable = []
let custoId = 0 // let custoId = 0
let bisnsId = 0 // let bisnsId = 0
let dataDelete = this.state.dataDelete // let dataDelete = this.state.dataDelete
let dataFin = this.state.dataFin // let dataFin = this.state.dataFin
let dataLearn = this.state.dataLearn // let dataLearn = this.state.dataLearn
let newValidate = false // let newValidate = false
response.data.data.map((item, index) => { response.data.data.map((item, index) => {
if (item.item_report == 'CUSTOMER PERSPECTIVE') { // if (item.item_report == 'CUSTOMER PERSPECTIVE') {
custoId = item.item_report_id // custoId = item.item_report_id
} // }
if (item.item_report == 'INTERNAL BUSINESS PROCESS PERSPECTIVE') { // if (item.item_report == 'INTERNAL BUSINESS PROCESS PERSPECTIVE') {
bisnsId = item.item_report_id // bisnsId = item.item_report_id
} // }
if (String(item.item_report).trim().toLocaleUpperCase() == "CUSTOMER PERSPECTIVE") { // if (String(item.item_report).trim().toLocaleUpperCase() == "CUSTOMER PERSPECTIVE") {
newValidate = true // newValidate = true
} // }
if (String(item.item_report).trim().toLocaleUpperCase() == "LEARNING & GROWTH PERSPECTIVE") { // if (String(item.item_report).trim().toLocaleUpperCase() == "LEARNING & GROWTH PERSPECTIVE") {
newValidate = false // newValidate = false
} // }
if (item.type_report_id !== 4 && item.parent !== null && (item.parent == custoId || item.parent == bisnsId)) { // if (item.type_report_id !== 4 && item.parent !== null && (item.parent == custoId || item.parent == bisnsId)) {
let indexCust = this.state.dataCustomerPrs.findIndex((val) => val.name == item.item_report) // let indexCust = this.state.dataCustomerPrs.findIndex((val) => val.name == item.item_report)
let indexBisn = this.state.dataInternalBsn.findIndex((val) => val.name == item.item_report) // let indexBisn = this.state.dataInternalBsn.findIndex((val) => val.name == item.item_report)
if (indexCust !== -1 && item.item_report_id == 0) { // if (indexCust !== -1 && item.item_report_id == 0) {
dataDelete.push(this.state.dataCustomerPrs[indexCust].id) // dataDelete.push(this.state.dataCustomerPrs[indexCust].id)
} // }
if (indexBisn !== -1 && item.item_report_id == 0) { // if (indexBisn !== -1 && item.item_report_id == 0) {
dataDelete.push(this.state.dataInternalBsn[indexBisn].id) // dataDelete.push(this.state.dataInternalBsn[indexBisn].id)
} // }
} // }
if (newValidate == false) { // if (newValidate == false) {
let indexIDx = dataFin.findIndex((val) => String(val.name).toLocaleLowerCase() == String(item.item_report).toLocaleLowerCase()) // let indexIDx = dataFin.findIndex((val) => String(val.name).toLocaleLowerCase() == String(item.item_report).toLocaleLowerCase())
let indexIDz = dataLearn.findIndex((val) => String(val.name).toLocaleLowerCase() == String(item.item_report).toLocaleLowerCase()) // let indexIDz = dataLearn.findIndex((val) => String(val.name).toLocaleLowerCase() == String(item.item_report).toLocaleLowerCase())
if (indexIDx != -1) { // if (indexIDx != -1) {
dataFin[indexIDx].check = true // dataFin[indexIDx].check = true
} // }
if (indexIDz != -1) { // if (indexIDz != -1) {
dataLearn[indexIDz].check = true // dataLearn[indexIDz].check = true
} // }
} // }
dataTable.push([ dataTable.push([
item.type_report_id, item.type_report_id,
item.item_report_id, item.item_report_id,
item.parent, item.parent,
item.formula, item.formula,
item.level == null ? 1 : item.level, item.level,
item.item_report, item.item_report,
item.type_report_id == 1 ? `${Number(item.weight) * 100}%` : (String(item.weight)), item.weight,
item.uom, item.uom,
item.kpi_type == "" || item.kpi_type == null ? null : { value: item.kpi_type }, item.kpi == "" || item.kpi == null ? null : { value: item.kpi },
item.max_ach == "" || item.max_ach == null ? null : { value: titleCase(item.max_ach) }, item.max_ach == "" || item.max_ach == null ? null : { value: titleCase(item.max_ach) },
item.formula_ytd == "" || item.formula_ytd == null ? null : { value: item.formula_ytd },
item.item_report === 'ROIC' ? Number(item.january).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.january).toFixed(1) : { value: item.january, formula: item.january_formula } : item.january == "" ? item.january : String(item.january).indexOf(".") == -1 ? Number(item.january) : Number(item.january).toFixed(1), item.item_report === 'ROIC' ? Number(item.january).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.january).toFixed(1) : { value: item.january, formula: item.january_formula } : item.january == "" ? item.january : String(item.january).indexOf(".") == -1 ? Number(item.january) : Number(item.january).toFixed(1),
item.item_report === 'ROIC' ? Number(item.february).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.february).toFixed(1) : { value: item.february, formula: item.february_formula } : item.february == "" ? item.february : String(item.february).indexOf(".") == -1 ? Number(item.february) : Number(item.february).toFixed(1), item.item_report === 'ROIC' ? Number(item.february).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.february).toFixed(1) : { value: item.february, formula: item.february_formula } : item.february == "" ? item.february : String(item.february).indexOf(".") == -1 ? Number(item.february) : Number(item.february).toFixed(1),
item.item_report === 'ROIC' ? Number(item.march).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.march).toFixed(1) : { value: item.march, formula: item.march_formula } : item.march == "" ? item.march : String(item.march).indexOf(".") == -1 ? Number(item.march) : Number(item.march).toFixed(1), item.item_report === 'ROIC' ? Number(item.march).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.march).toFixed(1) : { value: item.march, formula: item.march_formula } : item.march == "" ? item.march : String(item.march).indexOf(".") == -1 ? Number(item.march) : Number(item.march).toFixed(1),
...@@ -631,31 +631,31 @@ export default class CatRevision extends Component { ...@@ -631,31 +631,31 @@ export default class CatRevision extends Component {
item.item_report === 'ROIC' ? Number(item.october).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.october).toFixed(1) : { value: item.october, formula: item.october_formula } : item.october == "" ? item.october : String(item.october).indexOf(".") == -1 ? Number(item.october) : Number(item.october).toFixed(1), item.item_report === 'ROIC' ? Number(item.october).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.october).toFixed(1) : { value: item.october, formula: item.october_formula } : item.october == "" ? item.october : String(item.october).indexOf(".") == -1 ? Number(item.october) : Number(item.october).toFixed(1),
item.item_report === 'ROIC' ? Number(item.november).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.november).toFixed(1) : { value: item.november, formula: item.november_formula } : item.november == "" ? item.november : String(item.november).indexOf(".") == -1 ? Number(item.november) : Number(item.november).toFixed(1), item.item_report === 'ROIC' ? Number(item.november).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.november).toFixed(1) : { value: item.november, formula: item.november_formula } : item.november == "" ? item.november : String(item.november).indexOf(".") == -1 ? Number(item.november) : Number(item.november).toFixed(1),
item.item_report === 'ROIC' ? Number(item.december).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.december).toFixed(1) : { value: item.december, formula: item.december_formula } : item.december == "" ? item.december : String(item.december).indexOf(".") == -1 ? Number(item.december) : Number(item.december).toFixed(1), item.item_report === 'ROIC' ? Number(item.december).toFixed(1) : item.parent_name == "FINANCIAL PERSPECTIVE" ? item.type_report_id == 3 ? Number(item.december).toFixed(1) : { value: item.december, formula: item.december_formula } : item.december == "" ? item.december : String(item.december).indexOf(".") == -1 ? Number(item.december) : Number(item.december).toFixed(1),
item.total_current_year == "" ? item.total_current_year : String(item.total_current_year).indexOf(".") == -1 ? Number(item.total_current_year) : Number(item.total_current_year).toFixed(1), item.current_year_total == "" ? item.current_year_total : String(item.current_year_total).indexOf(".") == -1 ? Number(item.current_year_total) : Number(item.total_current_year).toFixed(1),
item.strategic, item.strategic_initiative,
item.pic, item.pic,
item.order, item.order,
item.error item.error
]) ])
}) })
let checkDataFin = dataFin.filter((val) => val.check == false) // let checkDataFin = dataFin.filter((val) => val.check == false)
let checkDataLearn = dataLearn.filter((val) => val.check == false) // let checkDataLearn = dataLearn.filter((val) => val.check == false)
let handleDataSalah = this.state.handleDataSalah // let handleDataSalah = this.state.handleDataSalah
if (checkDataFin.length > 0 || checkDataLearn.length > 0) { // if (checkDataFin.length > 0 || checkDataLearn.length > 0) {
handleDataSalah = true // handleDataSalah = true
} // }
// console.log(indexCheck) // console.log(indexCheck)
// console.log(this.state.buttonError) // console.log(this.state.buttonError)
// console.log(dataTable) console.log(dataTable)
this.setState({ dataTable, dataLoaded: true, loading: false, buttonError: false, editable: true, dataDelete, handleDataSalah }, () => { this.setState({ dataTable, dataLoaded: true, loading: false, buttonError: false, editable: true}, () => {
this.state.dataTable.map(item => { this.state.dataTable.map(item => {
if (item[27].length > 0) { if (item[26].length > 0) {
console.log('masuk') console.log('masuk')
this.setState({ buttonError: true, errorPreview: true, editable: true }) this.setState({ buttonError: true, errorPreview: true, editable: true })
} }
}) })
console.log(this.state.dataTable); // console.log(this.state.dataTable);
}) })
} else { } else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => { this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
...@@ -676,152 +676,89 @@ export default class CatRevision extends Component { ...@@ -676,152 +676,89 @@ export default class CatRevision extends Component {
}) })
} }
uploadCAT(type) { uploadCATRO(type) {
// let dataDelete = this.state.dataDelete let data = []
// // // // console.log(dataDelete) let stateFR = false
let payload = { "item_report_id": this.state.dataDelete } console.log(this.state.dataTable)
if (this.state.dataDelete.length > 0) { this.state.dataTable.map(i => {
api.create().deleteAllItemReport(payload).then((response) => { if (i[2] !== null) {
this.functionUpload(type) let indexID = this.state.dataTable.findIndex((val) => val[1] == i[2])
if (indexID !== -1) {
if (this.state.dataTable[indexID][6] === 'FINANCIAL PERSPECTIVE') {
stateFR = true
} else {
stateFR = false
}
}
} else {
stateFR = false
}
data.push({
"item_report_id": i[1] == "" || i[1] == null ? 0 : i[1],
"item_report": String(i[5]),
"weight": String(i[6]),
"uom": String(i[7]),
"kpi_type": i[8] == null ? "" : i[8].value,
"max_ach": i[9] == null ? "" : i[9].value,
"formula": i[10] == null ? "" : i[10].value,
"january": i[5] === 'ROIC' ? String(Number(i[11]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[11]) : String(Number(i[11].value).toFixed(1)) : String(i[11]),
"february": i[5] === 'ROIC' ? String(Number(i[12]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[12]) : String(Number(i[12].value).toFixed(1)) : String(i[12]),
"march": i[5] === 'ROIC' ? String(Number(i[13]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[13]) : String(Number(i[13].value).toFixed(1)) : String(i[13]),
"april": i[5] === 'ROIC' ? String(Number(i[14]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[14]) : String(Number(i[14].value).toFixed(1)) : String(i[14]),
"may": i[5] === 'ROIC' ? String(Number(i[15]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[15]) : String(Number(i[15].value).toFixed(1)) : String(i[15]),
"june": i[5] === 'ROIC' ? String(Number(i[16]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[16]) : String(Number(i[16].value).toFixed(1)) : String(i[16]),
"july": i[5] === 'ROIC' ? String(Number(i[17]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[17]) : String(Number(i[17].value).toFixed(1)) : String(i[17]),
"august": i[5] === 'ROIC' ? String(Number(i[18]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[18]) : String(Number(i[18].value).toFixed(1)) : String(i[18]),
"september": i[5] === 'ROIC' ? String(Number(i[19]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[19]) : String(Number(i[19].value).toFixed(1)) : String(i[19]),
"october": i[5] === 'ROIC' ? String(Number(i[20]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[20]) : String(Number(i[20].value).toFixed(1)) : String(i[20]),
"november": i[5] === 'ROIC' ? String(Number(i[21]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[21]) : String(Number(i[21].value).toFixed(1)) : String(i[21]),
"december": i[5] === 'ROIC' ? String(Number(i[22]).toFixed(1)) : stateFR ? i[0] == 3 ? String(i[22]) : String(Number(i[22].value).toFixed(1)) : String(i[22]),
"total_current_year": i[6] === 'ROIC' ? String(Number(i[23]).toFixed(1)) : String(Number(i[23]).toFixed(1)) == "" ? "0.0" : String(Number(i[23]).toFixed(1)),
"strategic": String(i[24]),
"pic": String(i[25])
}) })
} else { })
this.functionUpload(type) let payload = {
"rolling_outlook_id": this.props.rollingOutlookID,
"company_id": this.props.company.company_id,
"periode": this.props.periode,
"report_id": this.props.report_id,
"quartal": this.props.quarter,
"status": type,
"cat": data
} }
// console.log(data);
// console.log(JSON.stringify(body))
api.create('UPLOAD').importRollingOutlookCAT(payload).then(response => {
console.log(payload);
console.log(response);
if (response.data) {
if (response.ok) {
if (response.data.status === "success") {
this.props.onClickClose()
this.props.getReport()
} else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
if (response.data.message.includes("Someone Logged In")) {
setTimeout(() => {
localStorage.removeItem(Constant.TOKEN)
window.location.reload();
}, 1000);
}
})
}
} else {
this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false })
}
} else {
this.setState({ alert: true, messageAlert: 'Error saving data. Please try again', tipeAlert: 'error', loading: false })
}
})
} }
handleValidate() { handleValidate() {
// let data = []
// // // // console.log(this.state.dataTable)
// let totalWeight = 0
// let dataTableBaru = this.state.dataTable
// let dataTampung = []
// let weightReal = null
// let handleKosongKPIMAXYTD = false
// let stateFR = false
// console.log(this.state.dataTable)
// this.state.dataTable.map((i, index) => {
// if (i[0] == 1) {
// dataTampung.push({
// id: i[1],
// maxValue: i[7],
// valChild: 0
// })
// }
// if (i[0] !== 1 && i[0] !== 4) {
// totalWeight += Number(i[7] == "" || i[7] == undefined ? 0 : i[7].replace('%', ''))
// }
// if (i[2] !== null) {
// let indexID = this.state.dataTable.findIndex((val) => val[1] == i[2])
// // // // // console.log(indexID)
// // // // // console.log(i[2])
// if (indexID !== -1) {
// // // // // console.log(dataTableBaru[indexID][6])
// if (dataTableBaru[indexID][6] == 'INTERNAL BUSINESS PROCESS PERSPECTIVE' || dataTableBaru[indexID][6] == 'CUSTOMER PERSPECTIVE') {
// if (i[6] == "" || i[7] == "" || i[9] == null || i[10] == null || i[11] == null) {
// handleKosongKPIMAXYTD = true
// // // // // console.log(handleKosongKPIMAXYTD)
// }
// } else if (dataTableBaru[indexID][6] === 'FINANCIAL PERSPECTIVE') {
// stateFR = true
// } else {
// stateFR = false
// }
// }
// }
// // if (i[0] == null && i[2] == null) {
// // if (i[6] == "" || i[7] == "" || i[9] == null || i[10] == null || i[11] == null) {
// // handleKosongKPIMAXYTD = true
// // // // // // console.log(handleKosongKPIMAXYTD)
// // }
// // }
// if (i[2] !== null) {
// let indexID = dataTampung.findIndex((val) => val.id == i[2])
// if (indexID !== -1) {
// let weightParent = Number(dataTampung[indexID].maxValue == "" || dataTampung[indexID].maxValue == undefined ? 0 : dataTampung[indexID].maxValue.replace('%', ''))
// let valChild = Number(dataTampung[indexID].valChild)
// let valReal = Number(i[7] == "" || i[7] == undefined ? 0 : i[7].replace('%', ''))
// let totalBaru = valChild + valReal
// if (totalBaru > weightParent) {
// dataTableBaru[index][7] = `${String(Number(weightParent - valChild).toFixed(1)) + '%'}`
// dataTampung[indexID].valChild = dataTampung[indexID].valChild + weightParent - valChild
// weightReal = `${String(Number(weightParent - valChild).toFixed(1)) + '%'}`
// } else {
// dataTableBaru[index][7] = i[7]
// weightReal = i[7]
// dataTampung[indexID].valChild = dataTampung[indexID].valChild + Number(i[7] == "" || i[7] == undefined ? 0 : i[7].replace('%', ''))
// }
// // // // // console.log(weightReal)
// // console.log(dataTableBaru[index][7])
// // console.log(dataTampung[indexID].valChild)
// }
// }
// // // console.log(String(weightReal).substr(0,String(weightReal).length-1))
// // // console.log(Number(String(weightReal).substr(0,String(weightReal).length-1)).toFixed(1));
// console.log(weightReal)
// console.log(i[7])
// let b = []
// // console.log(i[13].value == undefined? 'Y' : 'N')
// data.push({
// "item_report_id": i[1] == "" || i[1] == null ? 0 : i[1],
// "item_name": String(i[6]),
// "parent": i[2] == "" ? null : i[2],
// "weight": weightReal == null ? String(i[7]) : weightReal,
// "uom": String(i[8]),
// "kpi_type": i[9] == null ? "" : i[9].value,
// "max_ach": i[10] == null ? "" : i[10].value,
// "formula": i[11] == null ? "" : i[11].value,
// "total_actual_before": String(i[12]) == "" ? "0.0" : String(i[12]),
// "january": i[13].value == undefined? (String(i[13]) == ''? "0.0" : String(i[13])) : String(i[13].value),
// "february": i[14].value == undefined? (String(i[14]) == ''? "0.0" : String(i[14])) : String(i[14].value),
// "march": i[15].value == undefined? (String(i[15]) == ''? "0.0" : String(i[15])) : String(i[15].value),
// "april": i[16].value == undefined? (String(i[16]) == ''? "0.0" : String(i[16])) : String(i[16].value),
// "may": i[17].value == undefined? (String(i[17]) == ''? "0.0" : String(i[17])) : String(i[17].value),
// "june": i[18].value == undefined? (String(i[18]) == ''? "0.0" : String(i[18])) : String(i[18].value),
// "july": i[19].value == undefined? (String(i[19]) == ''? "0.0" : String(i[19])) : String(i[19].value),
// "august": i[20].value == undefined? (String(i[20]) == ''? "0.0" : String(i[20])) : String(i[20].value),
// "september": i[21].value == undefined? (String(i[21]) == ''? "0.0" : String(i[21])) : String(i[21].value),
// "october": i[22].value == undefined? (String(i[22]) == ''? "0.0" : String(i[22])) : String(i[22].value),
// "november": i[23].value == undefined? (String(i[23]) == ''? "0.0" : String(i[23])) : String(i[23].value),
// "december": i[24].value == undefined? (String(i[24]) == ''? "0.0" : String(i[24])) : String(i[24].value),
// "total_current_year": String(i[25]) == "" ? "0.0" : String(i[25]),
// "strategic": String(i[28]),
// "pic": String(i[29])
// })
// stateFR = false
// })
// // console.log(dataTableBaru)
// // console.log(JSON.stringify(data))
// let payload = {
// "submission_id": this.props.submissionID,
// "company_id": this.props.company.company_id,
// "periode": this.props.periode,
// "report_id": this.props.report_id,
// "status": "submitted",
// "cat": data
// }
// // console.log(totalWeight)
// // this.setState({dataTable: dataTampung})
// if (handleKosongKPIMAXYTD) {
// this.setState({ alert: true, messageAlert: 'KPI / Weight / KPI Type / Max Ach / Formula YTD / Cannot be Empty', tipeAlert: 'warning', loading: false, editable: true })
// } else if (totalWeight < 100) {
// this.setState({ alert: true, messageAlert: 'Total weight less than 100%', tipeAlert: 'warning', loading: false, editable: true })
// } else {
// console.log(JSON.stringify(payload))
// api.create().validateSubmitReport(payload).then((response) => {
// console.log(response)
// if (response.data.data.result) {
this.setState({ loading: false, buttonError: false, editable: false, buttonDraft: false }) this.setState({ loading: false, buttonError: false, editable: false, buttonDraft: false })
// } else {
// this.setState({ loading: false, buttonError: true, editable: true, buttonDraft: true })
// }
// })
// }
} }
getLatestUpdate() { getLatestUpdate() {
...@@ -849,7 +786,6 @@ export default class CatRevision extends Component { ...@@ -849,7 +786,6 @@ export default class CatRevision extends Component {
render() { render() {
let dataTable2 = this.state.dataTable let dataTable2 = this.state.dataTable
let dataDelete = this.state.dataDelete
const handleChange = (value, tableMeta) => { const handleChange = (value, tableMeta) => {
let val = String(value).split(",").join("") let val = String(value).split(",").join("")
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val) dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = Number(val)
...@@ -1283,15 +1219,15 @@ export default class CatRevision extends Component { ...@@ -1283,15 +1219,15 @@ export default class CatRevision extends Component {
return total return total
} else { } else {
dataTable2[tableMeta.rowIndex].map((item, index) => { dataTable2[tableMeta.rowIndex].map((item, index) => {
if (index >= 13 && index <= 24) { if (index >= 11 && index <= 22) {
let valItem = item == undefined || item == "" ? 0 : item let valItem = item == undefined || item == "" ? 0 : item
total += Number(valItem) total += Number(valItem)
if (index == 24) { if (index == 22) {
lastValz += Number(valItem) lastValz += Number(valItem)
} }
} }
}) })
let valz = dataTable2[tableMeta.rowIndex][11] == null ? 'SUM' : dataTable2[tableMeta.rowIndex][11].value let valz = dataTable2[tableMeta.rowIndex][10] == null ? 'SUM' : dataTable2[tableMeta.rowIndex][10].value
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = (valz == 'SUM' ? total : (valz == 'AVG' ? (total / 12) : lastValz)) dataTable2[tableMeta.rowIndex][tableMeta.columnIndex] = (valz == 'SUM' ? total : (valz == 'AVG' ? (total / 12) : lastValz))
return (valz == 'SUM' ? total : (valz == 'AVG' ? (total / 12) : lastValz)) return (valz == 'SUM' ? total : (valz == 'AVG' ? (total / 12) : lastValz))
} }
...@@ -1333,28 +1269,28 @@ export default class CatRevision extends Component { ...@@ -1333,28 +1269,28 @@ export default class CatRevision extends Component {
setCellProps: () => ({ style }), setCellProps: () => ({ style }),
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
handleAction(tableMeta.rowData[2], tableMeta.rowData[0], tableMeta) && (tableMeta.rowData[1] == "" || String(this.props.status).toLocaleLowerCase() == 'draft' || String(this.props.status).toLocaleLowerCase() == 'submitted' || String(this.props.status).toLocaleLowerCase() == 'revision') ? // handleAction(tableMeta.rowData[2], tableMeta.rowData[0], tableMeta) && (tableMeta.rowData[1] == "" || String(this.props.status).toLocaleLowerCase() == 'draft' || String(this.props.status).toLocaleLowerCase() == 'submitted' || String(this.props.status).toLocaleLowerCase() == 'revision') ?
<div style={{ textAlign: 'left', paddingLeft: 20 * Number(tableMeta.rowData[4]) }}> // <div style={{ textAlign: 'left', paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
{!this.state.loading && <FormControlLabel // {!this.state.loading && <FormControlLabel
style={{ margin: 0 }} // style={{ margin: 0 }}
control={ // control={
<Input // <Input
disableUnderline={true} // disableUnderline={true}
style={{ color: tableMeta.rowData[1] == "" ? "#5198ea" : "black", fontSize: 12, textAlign: 'left', borderColor: 'transparent', margin: 0, backgroundColor: 'transparent' }} // style={{ color: tableMeta.rowData[1] == "" ? "#5198ea" : "black", fontSize: 12, textAlign: 'left', borderColor: 'transparent', margin: 0, backgroundColor: 'transparent' }}
type="text" // type="text"
placeholder="" // placeholder=""
defaultValue={val} // defaultValue={val}
// disabled={!handleAction(tableMeta.rowData[2])} // // disabled={!handleAction(tableMeta.rowData[2])}
onBlur={(event) => { // onBlur={(event) => {
// // // // console.log(event.target.value) // // // // // console.log(event.target.value)
handleChangeText(event.target.value, tableMeta) // handleChangeText(event.target.value, tableMeta)
// // // console.log(dataTable2) // // // // console.log(dataTable2)
}} // }}
/> // />
} // }
/>} // />}
</div> // </div>
: // :
<div style={{ width: 300 }}> <div style={{ width: 300 }}>
{tableMeta.rowData[32] ? {tableMeta.rowData[32] ?
tableMeta.rowData[32].length > 0 ? tableMeta.rowData[32].length > 0 ?
...@@ -1403,35 +1339,31 @@ export default class CatRevision extends Component { ...@@ -1403,35 +1339,31 @@ export default class CatRevision extends Component {
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
customBodyRender: (value, tableMeta, updateValue) => { customBodyRender: (value, tableMeta, updateValue) => {
return ( return (
<div style={{ textAlign: 'right' }}> <div style={{ textAlign: 'center' }}>
{tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ? {tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ?
null : null :
tableMeta.rowData[0] === 1 ? <div style={{ flex: 1 }}>
value <FormControlLabel
: style={{ margin: 0 }}
<div style={{ flex: 1 }}> value={value}
<FormControlLabel control={
style={{ margin: 0 }} <NumberFormat
value={value} thousandSeparator={true}
control={ suffix="%"
<NumberFormat style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
thousandSeparator={true} type="text"
suffix="%" placeholder=""
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} value={value}
type="text" disabled={true}
placeholder="" maxLength={4}
value={value} onBlur={(event) => {
// disabled={this.props.quarter == 'q1'? false : true} // updateValue(some)
disable={true} // handleChangePercentage(event.target.value, tableMeta)
maxLength={4} }}
onBlur={(event) => { />
// updateValue(some) }
// handleChangePercentage(event.target.value, tableMeta) />
}} </div>
/>
}
/>
</div>
} }
</div> </div>
) )
...@@ -1447,14 +1379,14 @@ export default class CatRevision extends Component { ...@@ -1447,14 +1379,14 @@ export default class CatRevision extends Component {
), ),
customBodyRender: (value, tableMeta, updateValue) => { customBodyRender: (value, tableMeta, updateValue) => {
return ( return (
<div style={{ textAlign: 'right' }}> <div style={{ textAlign: 'center' }}>
{tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ? {tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ?
null : null :
<FormControlLabel <FormControlLabel
style={{ margin: 0 }} style={{ margin: 0 }}
// value={value} // value={value}
control={ control={
!handleAction(tableMeta.rowData[2], tableMeta.rowData[0]) ? // !handleAction(tableMeta.rowData[2], tableMeta.rowData[0]) ?
<Input <Input
disableUnderline={true} disableUnderline={true}
style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginTop: -10 }} style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginTop: -10 }}
...@@ -1469,24 +1401,27 @@ export default class CatRevision extends Component { ...@@ -1469,24 +1401,27 @@ export default class CatRevision extends Component {
// handleChangeText(event.target.value, tableMeta) // handleChangeText(event.target.value, tableMeta)
// // // // console.log(dataTable2) // // // // console.log(dataTable2)
}} }}
/> : />
<ThemeProvider theme={theme}> // />
<Input // />
disableUnderline={true} // :
style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginBottom: -5 }} // <ThemeProvider theme={theme}>
type="text" // <Input
placeholder="" // disableUnderline={true}
defaultValue={value} // style={{ fontSize: 12, textAlign: 'center', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent', marginBottom: -5 }}
color={"#5198ea"} // type="text"
// disabled={this.props.isApprover ? true : ((this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') && this.props.prevRevision === false ? false : !handleAction(tableMeta.rowData[2]))} // placeholder=""
onBlur={(event) => { // defaultValue={value}
// // // // console.log(event.target.value) // color={"#5198ea"}
// updateValue(event.target.value) // // disabled={this.props.isApprover ? true : ((this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') && this.props.prevRevision === false ? false : !handleAction(tableMeta.rowData[2]))}
handleChangeText(event.target.value, tableMeta) // onBlur={(event) => {
// // // // console.log(dataTable2) // // // // // console.log(event.target.value)
}} // // updateValue(event.target.value)
/> // handleChangeText(event.target.value, tableMeta)
</ThemeProvider> // // // // // console.log(dataTable2)
// }}
// />
// </ThemeProvider>
} }
/> />
} }
...@@ -2752,13 +2687,13 @@ export default class CatRevision extends Component { ...@@ -2752,13 +2687,13 @@ export default class CatRevision extends Component {
{tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ? {tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ?
null : null :
this.state.get_for == "view" ? this.state.get_for == "view" ?
<NumberFormat <Input
thousandSeparator={true} disableUnderline={true}
style={{ fontSize: 12, textAlign: 'right', 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"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(value).toFixed(1)} defaultValue={value}
/> />
: :
<FormControlLabel <FormControlLabel
...@@ -2802,13 +2737,13 @@ export default class CatRevision extends Component { ...@@ -2802,13 +2737,13 @@ export default class CatRevision extends Component {
{tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ? {tableMeta.rowData[0] === 1 || tableMeta.rowData[0] === 2 || tableMeta.rowData[0] === 4 ?
null : null :
this.state.get_for == "view" ? this.state.get_for == "view" ?
<NumberFormat <Input
thousandSeparator={true} disableUnderline={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'left', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text" type="text"
placeholder="" placeholder=""
disabled={true} disabled={true}
value={Number(value).toFixed(1)} defaultValue={value}
/> />
: :
<FormControlLabel <FormControlLabel
...@@ -2822,7 +2757,6 @@ export default class CatRevision extends Component { ...@@ -2822,7 +2757,6 @@ export default class CatRevision extends Component {
type="text" type="text"
placeholder="" placeholder=""
disabled={this.props.quarter == 'q1' ? false : true} disabled={this.props.quarter == 'q1' ? false : true}
disable={true}
defaultValue={value} defaultValue={value}
onBlur={(event) => { onBlur={(event) => {
// // // // console.log(event.target.value) // // // // console.log(event.target.value)
......
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