Skip to content

T
Tia-dev
Commit 3adec4a4 authored by Rifka Kurnia Irfiana's avatar Rifka Kurnia Irfiana
Browse files
Options

update issue taxplan

parent 977c4192
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 103 deletions
src/container/BudgetTahunan/TaxPlanning.js
View file @ 3adec4a4
......@@ -375,8 +375,8 @@ export default class TaxPlanning extends Component {
report_id: this.props.report_id,
tax_planning: payload
}
console.log(body)
this.setState({ payload: body, judul: resp.rows[1][0], judulColumn: resp.rows[2] })
console.log(this.state.judulColumn)
}
});
}
......@@ -578,7 +578,6 @@ export default class TaxPlanning extends Component {
handleValidate() {
let data = []
console.log(this.state.dataTable)
this.state.dataTable.map(i => {
data.push({
item_report_id: i[4],
......@@ -667,7 +666,8 @@ export default class TaxPlanning extends Component {
api.create().validateSubmitReport(payload).then((response) => {
console.log(response)
if (response.data.data.result) {
this.setState({ loading: false, buttonError: false, editable: true })
this.setState({ loading: false, buttonError: false, editable: true, })
alert("Type Input Can't be Empty")
} else {
this.setState({ loading: false, buttonError: true, editable: true })
}
......@@ -684,7 +684,7 @@ export default class TaxPlanning extends Component {
let url = window.URL.createObjectURL(res);
let a = document.createElement('a');
a.href = url;
a.download = 'Template Tax Planning.xlsx';
a.download = 'Template Master Budget Tax Planning.xlsx';
a.click();
}
}
......@@ -699,7 +699,7 @@ export default class TaxPlanning extends Component {
let url = window.URL.createObjectURL(res);
let a = document.createElement('a');
a.href = url;
a.download = 'Tax Planning.xlsx';
a.download = 'Master Budget Tax Planning.xlsx';
a.click();
}
}
......@@ -710,15 +710,24 @@ export default class TaxPlanning extends Component {
let val = String(value).split(",").join("")
// let data = this.state.dataTable2
let indexParent = dataTable2.findIndex((val) => val[4] === dataTable2[tableMeta.rowIndex][5])
// ini buat input untuk perhitungan parent nya
if (indexParent > 0) {
// console.log(indexParent)
if (indexChilds == 1) {
let a = dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = Number(val)
let jagain = dataTable2[indexParent][tableMeta.columnIndex].fcp
a = dataTable2[indexParent][tableMeta.columnIndex].fcp = jagain === undefined ? (0 + Number(val)) : (Number(jagain) + Number(val))
}
} else {
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = Number(val)
console.log(tableMeta)
if (indexChilds == 0){
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbc = Number(val)
}
else if (indexChilds == 1){
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].fcp = Number(val)
}
else if (indexChilds == 2){
dataTable2[tableMeta.rowIndex][tableMeta.columnIndex].tbf = Number(val)
}
}
}
const handleTotal = (tableMeta) => {
......@@ -870,7 +879,7 @@ export default class TaxPlanning extends Component {
}
}
}, {
name: `Jan ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[2] : `Jan ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -910,12 +919,12 @@ export default class TaxPlanning extends Component {
decimalSeparator={"."}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
// handleChange(event.target.value, tableMeta)
console.log(event.target.value)
handleChange(event.target.value, tableMeta, 0)
console.log(dataTable2)
}}
/>
}
......@@ -988,7 +997,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1066,11 +1075,11 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
// handleChange(event.target.value, tableMeta)
handleChange(event.target.value, tableMeta, 2)
console.log(dataTable2)
}}
/>
......@@ -1137,7 +1146,7 @@ export default class TaxPlanning extends Component {
}
}
}, {
name: `Feb ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[5] : `Feb ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -1176,7 +1185,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1253,7 +1262,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1331,7 +1340,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1403,7 +1412,7 @@ export default class TaxPlanning extends Component {
}
},
{
name: `Mar ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[8] : `Mar ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -1442,7 +1451,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1519,7 +1528,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1597,7 +1606,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1668,7 +1677,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Apr ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[11] : `Apr ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -1707,7 +1716,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1784,7 +1793,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1862,7 +1871,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -1933,7 +1942,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `May ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[14] : `May ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -1972,7 +1981,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2049,7 +2058,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2127,7 +2136,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2198,7 +2207,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Jun ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[17] : `Jun ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -2237,7 +2246,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2314,7 +2323,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2392,7 +2401,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2463,7 +2472,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Jul ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[20] : `Jul ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -2502,7 +2511,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2579,7 +2588,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2657,7 +2666,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2728,7 +2737,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Aug ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[23] : `Aug ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -2767,7 +2776,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2844,7 +2853,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2922,7 +2931,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -2993,7 +3002,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Sep ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[26] : `Sep ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -3032,7 +3041,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3109,7 +3118,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3187,7 +3196,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3258,7 +3267,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Oct ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[29] : `Oct ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -3297,7 +3306,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3374,7 +3383,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3452,7 +3461,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3523,7 +3532,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Nov ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[32] : `Nov ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -3562,7 +3571,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3639,7 +3648,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3717,7 +3726,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3788,7 +3797,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `Dec ${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[35] : `Dec ${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -3827,7 +3836,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3904,7 +3913,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -3982,7 +3991,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4053,7 +4062,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `${this.props.periode}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[38] : `${this.props.periode}`,
options: {
customHeadRender: (columnMeta) => (
<div style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -4097,7 +4106,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
disabled={true}
value={handleTotal(tableMeta)}
/>
......@@ -4164,7 +4173,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `${Number(this.props.periode) + 1}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[39] : `${Number(this.props.periode) + 1}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -4203,7 +4212,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4280,7 +4289,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4358,7 +4367,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4429,7 +4438,7 @@ export default class TaxPlanning extends Component {
}
}
},{
name: `${Number(this.props.periode) + 2}`,
name: this.state.judulColumn !== null ? this.state.judulColumn[42] : `${Number(this.props.periode) + 2}`,
options: {
customHeadRender: (columnMeta) => (
<th style={{ ...style2, backgroundColor: '#37b5e6', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
......@@ -4468,7 +4477,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbc}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4545,7 +4554,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.fcp}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4623,7 +4632,7 @@ export default class TaxPlanning extends Component {
thousandSeparator={true}
style={{ color: "#5198ea", fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
type="text"
placeholder=""
placeholder="input"
value={value.tbf}
onBlur={(event) => {
// updateValue(event.target.value)
......@@ -4709,14 +4718,14 @@ export default class TaxPlanning extends Component {
return (
<div style={{ height: this.props.height, backgroundColor: '#f8f8f8', marginBottom: 100, minHeight: 1000 }}>
<div className={"main-color"} style={{ height: 78, flex: 1, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>
<Typography style={{ fontSize: '16px', color: 'white' }}>Pengajuan Budget Tahunan</Typography>
<Typography style={{ fontSize: '16px', color: 'white' }}>Master Budget Submission</Typography>
</div>
{this.state.loading && loadingComponent}
<div style={{ flex: 1, padding: 20, width: '100%' }}>
{this.state.visibleTP === true ?
<Paper style={{ paddingTop: 10, paddingBottom: 20 }}>
<div style={{ borderBottom: 'solid 1px #c4c4c4' }} >
<Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Budget Tahunan - Tax Planning</Typography>
<Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Master Budget - Tax Planning</Typography>
</div>
<div style={{ padding: 20 }}>
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
......@@ -4792,34 +4801,6 @@ export default class TaxPlanning extends Component {
<div className="grid grid-2x" style={{ marginTop: 20 }}>
<div className="col-1">
<button
type="button"
onClick={() => this.state.editable === true ?
this.setState({ loading: true }, () => {
setTimeout(() => {
this.backToMasterBudget('draft')
}, 100);
}) :
this.setState({ loading: true }, () => {
setTimeout(() => {
this.props.onClickClose()
}, 100);
})
}
style={{
backgroundColor: 'transparent',
cursor: 'pointer',
borderColor: 'transparent',
outline: 'none'
}}
>
<div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Back</Typography>
</div>
</button>
</div>
<div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
<button
className="button"
type="button"
style={{
backgroundColor: 'transparent',
......@@ -4833,10 +4814,12 @@ export default class TaxPlanning extends Component {
}, 100);
})}
>
<div style={{ backgroundColor: '#fff', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #354960', marginRight: 20 }}>
<Typography style={{ fontSize: '11px', color: '#354960', textAlign: 'center' }}>Cancel</Typography>
<div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Cancel</Typography>
</div>
</button>
</div>
<div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
<button
className="button"
type="button"
......@@ -4857,10 +4840,36 @@ export default class TaxPlanning extends Component {
})
}}
>
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Calculate</Typography>
<div style={{ backgroundColor: '#fff', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #354960' }}>
<Typography style={{ fontSize: '11px', color: '#354960', textAlign: 'center' }}>Calculate</Typography>
</div>
</button>
<button
type="button"
onClick={() => this.state.editable === true ?
this.setState({ loading: true }, () => {
setTimeout(() => {
this.backToMasterBudget('draft')
}, 100);
}) :
this.setState({ loading: true }, () => {
setTimeout(() => {
this.props.onClickClose()
}, 100);
})
}
style={{
backgroundColor: 'transparent',
cursor: 'pointer',
borderColor: 'transparent',
outline: 'none'
}}
>
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', marginRight: 20 }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save as Draft</Typography>
</div>
</button>
<button
type="button"
disabled={this.state.buttonError}
......@@ -4873,7 +4882,7 @@ export default class TaxPlanning extends Component {
}}
>
<div style={{ backgroundColor: '#354960', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center', marginRight: 20 }}>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save</Typography>
<Typography style={{ fontSize: '11px', color: '#fff', textAlign: 'center' }}>Save & Complete</Typography>
</div>
</button>
</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