Skip to content

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

Merge branch 'rifka' into 'master' 

update minor

See merge request !369
parents a7e016d9 0b9aea16
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 103 deletions
src/container/BudgetTahunan/TaxPlanning.js
View file @ b6066f57
......@@ -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