Skip to content

T
Tia-dev
Commit caa2c6ee authored by Deni Rinaldi's avatar Deni Rinaldi
Browse files
Options

yby

parent d9b4f2bb
Hide whitespace changes
Inline Side-by-side
Showing with 127 additions and 105 deletions
src/container/BudgetTahunan.js
View file @ caa2c6ee
...@@ -1345,7 +1345,7 @@ export default class BudgetTahunan extends Component { ...@@ -1345,7 +1345,7 @@ export default class BudgetTahunan extends Component {
periode={this.state.periode.periode} periode={this.state.periode.periode}
submissionID={this.state.submissionID} submissionID={this.state.submissionID}
saveToMasterBudget={this.saveToMasterBudget.bind(this)} saveToMasterBudget={this.saveToMasterBudget.bind(this)}
onClickClose={() => this.setState({ visibleCAT: false, visibleBudgetTahunan: true })} onClickClose={() => this.setState({ visibleCF: false, visibleBudgetTahunan: true })}
getReport={this.getSubmission.bind(this)} getReport={this.getSubmission.bind(this)}
isApprover={this.state.isApprover} isApprover={this.state.isApprover}
status={this.state.status} status={this.state.status}
......
src/container/BudgetTahunan/CashFlow.js
View file @ caa2c6ee
...@@ -42,7 +42,7 @@ export default class CashFlow extends Component { ...@@ -42,7 +42,7 @@ export default class CashFlow extends Component {
} }
componentDidMount() { componentDidMount() {
this.setState({loading: true}) this.setState({ loading: true })
this.getItemHierarki() this.getItemHierarki()
} }
...@@ -87,9 +87,9 @@ export default class CashFlow extends Component { ...@@ -87,9 +87,9 @@ export default class CashFlow extends Component {
item.order, item.order,
item.condition_it_should_be, item.condition_it_should_be,
item.condition_if_wrong, item.condition_if_wrong,
item.cash_flow.forecast_formula == null? [] : item.cash_flow.forecast_formula item.cash_flow.forecast_formula == null ? [] : item.cash_flow.forecast_formula
]) ])
if (item.children !== null) { if (item.children !== null) {
if (item.children.length > 0) { if (item.children.length > 0) {
item.children.map((items, indexs) => { item.children.map((items, indexs) => {
...@@ -125,7 +125,7 @@ export default class CashFlow extends Component { ...@@ -125,7 +125,7 @@ export default class CashFlow extends Component {
item.order, item.order,
item.condition_it_should_be, item.condition_it_should_be,
item.condition_if_wrong, item.condition_if_wrong,
item.cash_flow.forecast_formula == null? [] : item.cash_flow.forecast_formula item.cash_flow.forecast_formula == null ? [] : item.cash_flow.forecast_formula
]) ])
if (item.children !== null) { if (item.children !== null) {
if (item.children.length > 0) { if (item.children.length > 0) {
...@@ -154,9 +154,9 @@ export default class CashFlow extends Component { ...@@ -154,9 +154,9 @@ export default class CashFlow extends Component {
a.href = url; a.href = url;
a.download = 'Master Budget Cash Flow.xlsx'; a.download = 'Master Budget Cash Flow.xlsx';
a.click(); a.click();
this.setState({loading: false}) this.setState({ loading: false })
} else { } else {
this.setState({loading: false}) this.setState({ loading: false })
} }
} }
...@@ -188,13 +188,13 @@ export default class CashFlow extends Component { ...@@ -188,13 +188,13 @@ export default class CashFlow extends Component {
}) })
baru.map((item, index) => { baru.map((item, index) => {
if (item == '-' || item == '+' || item == '/' || item == '*'|| item == '(' || item == ')') { if (item == '-' || item == '+' || item == '/' || item == '*' || item == '(' || item == ')') {
anjay.push(item) anjay.push(item)
} else { } else {
if (String(item).includes('#')) { if (String(item).includes('#')) {
if (forecast !== undefined) { if (forecast !== undefined) {
let forecastt = 0 let forecastt = 0
forecast.map((items,index) => { forecast.map((items, index) => {
if (items.periode == periode) { if (items.periode == periode) {
forecastt += Number(items.value) forecastt += Number(items.value)
} }
...@@ -206,7 +206,7 @@ export default class CashFlow extends Component { ...@@ -206,7 +206,7 @@ export default class CashFlow extends Component {
let data = column == 7 ? 18 : column - 1 let data = column == 7 ? 18 : column - 1
let period = data == 18 ? Number(this.props.periode) - 1 : this.props.periode let period = data == 18 ? Number(this.props.periode) - 1 : this.props.periode
let indexID = tableMeta.rowData[data].formula.findIndex((val) => val.item_formula == String(`@${tst}`) && val.periode == period) let indexID = tableMeta.rowData[data].formula.findIndex((val) => val.item_formula == String(`@${tst}`) && val.periode == period)
if (indexID !== -1) { if (indexID !== -1) {
let valuezz = tableMeta.rowData[data].formula[indexID].value let valuezz = tableMeta.rowData[data].formula[indexID].value
anjay.push(valuezz == "" ? 0 : valuezz) anjay.push(valuezz == "" ? 0 : valuezz)
...@@ -219,7 +219,7 @@ export default class CashFlow extends Component { ...@@ -219,7 +219,7 @@ export default class CashFlow extends Component {
} }
} }
} }
} else { } else {
let indexID = dataTable2.findIndex((val) => val[22] == item) let indexID = dataTable2.findIndex((val) => val[22] == item)
if (indexID !== -1) { if (indexID !== -1) {
...@@ -243,7 +243,7 @@ export default class CashFlow extends Component { ...@@ -243,7 +243,7 @@ export default class CashFlow extends Component {
let anjay2 = [] let anjay2 = []
let kurung = false let kurung = false
let item1 = [] let item1 = []
anjay.map((item,index) => { anjay.map((item, index) => {
if (item == "(") { if (item == "(") {
kurung = true kurung = true
} else if (item == ")") { } else if (item == ")") {
...@@ -295,7 +295,7 @@ export default class CashFlow extends Component { ...@@ -295,7 +295,7 @@ export default class CashFlow extends Component {
} }
}) })
if (index == anjay2.length -1) { if (index == anjay2.length - 1) {
if (opt == "tambah") { if (opt == "tambah") {
total = Number(total) + Number(totalPrio) total = Number(total) + Number(totalPrio)
} else if (opt == "kurang") { } else if (opt == "kurang") {
...@@ -309,7 +309,7 @@ export default class CashFlow extends Component { ...@@ -309,7 +309,7 @@ export default class CashFlow extends Component {
} }
} }
} else { } else {
// console.log(item.length) // console.log(item.length)
if (item == "+") { if (item == "+") {
opt = "tambah" opt = "tambah"
if (prio) { if (prio) {
...@@ -381,8 +381,8 @@ export default class CashFlow extends Component { ...@@ -381,8 +381,8 @@ export default class CashFlow extends Component {
const handleForecast = (tableMeta, periode, column) => { const handleForecast = (tableMeta, periode, column) => {
let total = 0 let total = 0
// console.log(column) // console.log(tableMeta.rowData)
// console.log(tableMeta.rowIndex) // console.log(tableMeta.rowIndex)
// console.log(total) // console.log(total)
// dataTable2[tableMeta.rowIndex][column] = total // dataTable2[tableMeta.rowIndex][column] = total
...@@ -393,31 +393,31 @@ export default class CashFlow extends Component { ...@@ -393,31 +393,31 @@ export default class CashFlow extends Component {
let columns = [ let columns = [
{ {
name: "", name: "",
options: { options: {
display: false display: false
} }
}, { }, {
name: "", name: "",
options: { options: {
display: false display: false
} }
}, { }, {
name: "", name: "",
options: { options: {
display: false display: false
} }
}, { }, {
name: "", name: "",
options: { options: {
display: false display: false
} }
}, { }, {
name: "", name: "",
options: { options: {
display: false display: false
} }
}, { }, {
name: "(In Rupiah million)", name: "(In Rupiah million)",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
...@@ -460,7 +460,7 @@ export default class CashFlow extends Component { ...@@ -460,7 +460,7 @@ export default class CashFlow extends Component {
name: `MB 2021`, name: `MB 2021`,
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<th style={{ ...style2, color: '#fff', backgroundColor: '#07a7d0', top: 0, zIndex: 102 , fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} > <th style={{ ...style2, color: '#fff', backgroundColor: '#07a7d0', top: 0, zIndex: 102, fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)", padding: 0 }} >
{/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}> {/* <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#1c71b8', width: 96 }}>
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography> <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
</TableCell> */} </TableCell> */}
...@@ -493,7 +493,7 @@ export default class CashFlow extends Component { ...@@ -493,7 +493,7 @@ export default class CashFlow extends Component {
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}>
<span>{"8"}</span> <span>{"8"}</span>
</div> </div>
</div> </div>
<div className="column-3 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center', backgroundColor: '#07a7d0' }}> <div className="column-3 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center', backgroundColor: '#07a7d0' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid", backgroundColor: '#07a7d0' }}>
...@@ -509,7 +509,7 @@ export default class CashFlow extends Component { ...@@ -509,7 +509,7 @@ export default class CashFlow extends Component {
<span>{"12"}</span> <span>{"12"}</span>
</div> </div>
</div> </div>
</div> </div>
</th> </th>
), ),
...@@ -656,7 +656,7 @@ export default class CashFlow extends Component { ...@@ -656,7 +656,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -672,7 +672,7 @@ export default class CashFlow extends Component { ...@@ -672,7 +672,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -769,7 +769,7 @@ export default class CashFlow extends Component { ...@@ -769,7 +769,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -785,7 +785,7 @@ export default class CashFlow extends Component { ...@@ -785,7 +785,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -882,7 +882,7 @@ export default class CashFlow extends Component { ...@@ -882,7 +882,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -898,7 +898,7 @@ export default class CashFlow extends Component { ...@@ -898,7 +898,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1007,7 +1007,7 @@ export default class CashFlow extends Component { ...@@ -1007,7 +1007,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1023,7 +1023,7 @@ export default class CashFlow extends Component { ...@@ -1023,7 +1023,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1130,7 +1130,7 @@ export default class CashFlow extends Component { ...@@ -1130,7 +1130,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1146,7 +1146,7 @@ export default class CashFlow extends Component { ...@@ -1146,7 +1146,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1253,7 +1253,7 @@ export default class CashFlow extends Component { ...@@ -1253,7 +1253,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1269,7 +1269,7 @@ export default class CashFlow extends Component { ...@@ -1269,7 +1269,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1376,7 +1376,7 @@ export default class CashFlow extends Component { ...@@ -1376,7 +1376,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1392,7 +1392,7 @@ export default class CashFlow extends Component { ...@@ -1392,7 +1392,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1473,7 +1473,7 @@ export default class CashFlow extends Component { ...@@ -1473,7 +1473,7 @@ export default class CashFlow extends Component {
null null
} }
</div> </div>
</div> </div>
<div className="grid grid-4x content-center"> <div className="grid grid-4x content-center">
<div className="col-1"> <div className="col-1">
{tableMeta.rowData[0] === 3 ? {tableMeta.rowData[0] === 3 ?
...@@ -1501,7 +1501,7 @@ export default class CashFlow extends Component { ...@@ -1501,7 +1501,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1517,7 +1517,7 @@ export default class CashFlow extends Component { ...@@ -1517,7 +1517,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1624,7 +1624,7 @@ export default class CashFlow extends Component { ...@@ -1624,7 +1624,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1640,7 +1640,7 @@ export default class CashFlow extends Component { ...@@ -1640,7 +1640,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1747,7 +1747,7 @@ export default class CashFlow extends Component { ...@@ -1747,7 +1747,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1763,7 +1763,7 @@ export default class CashFlow extends Component { ...@@ -1763,7 +1763,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -1870,7 +1870,7 @@ export default class CashFlow extends Component { ...@@ -1870,7 +1870,7 @@ export default class CashFlow extends Component {
: :
// null // null
tableMeta.rowData[0] === 5 ? tableMeta.rowData[0] === 5 ?
// null // null
<span style={{ fontSize: 12, textAlign: 'right' }}> <span style={{ fontSize: 12, textAlign: 'right' }}>
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
...@@ -1886,7 +1886,7 @@ export default class CashFlow extends Component { ...@@ -1886,7 +1886,7 @@ export default class CashFlow extends Component {
null null
: :
tableMeta.rowData[0] === 6 ? tableMeta.rowData[0] === 6 ?
// null // null
<NumberFormat <NumberFormat
thousandSeparator={true} thousandSeparator={true}
style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }} style={{ fontSize: 12, textAlign: 'right', borderColor: 'transparent', margin: 0, width: 96, backgroundColor: 'transparent' }}
...@@ -2165,48 +2165,70 @@ export default class CashFlow extends Component { ...@@ -2165,48 +2165,70 @@ export default class CashFlow extends Component {
<Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Budget Tahunan - Cash Flow</Typography> <Typography style={{ fontSize: '12px', color: '#4b4b4b', margin: 10 }}>Budget Tahunan - Cash Flow</Typography>
</div> </div>
<div style={{ padding: 20 }}> <div style={{ padding: 20 }}>
<div style={{ display: 'flex', justifyContent: 'space-between' }}> <div style={{ display: 'flex', justifyContent: 'space-between' }}>
<div> <div>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.company.company_name}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>{this.props.company.company_name}</Typography>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.periode} (rev.{this.props.revision})</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>Period : {this.props.periode} (rev.{this.props.revision})</Typography>
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
</div> </div>
<div style={{ width: '50%' }}> <div style={{ width: '50%' }}>
<div style={{ justifyContent: 'flex-end', display: 'flex', flexFlow: 'wrap' }}> <div style={{ justifyContent: 'flex-end', display: 'flex', flexFlow: 'wrap' }}>
<a data-tip={'Download'} data-for="download"> <a data-tip={'Download'} data-for="download">
<button <button
style={{ style={{
backgroundColor: 'transparent', backgroundColor: 'transparent',
cursor: 'pointer', cursor: 'pointer',
borderColor: 'transparent', borderColor: 'transparent',
margin: 5 margin: 5
}} }}
onClick={() => this.setState({ loading: true }, () => { onClick={() => this.setState({ loading: true }, () => {
this.downloadAllData() this.downloadAllData()
// setTimeout(() => { // setTimeout(() => {
// this.setState({loading: false}) // this.setState({loading: false})
// }, 500); // }, 500);
})} })}
> >
<img src={Images.download} /> <img src={Images.download} />
</button> </button>
</a> </a>
<ReactTooltip border={true} id="download" place="bottom" type="light" effect="solid" /> <ReactTooltip border={true} id="download" place="bottom" type="light" effect="solid" />
</div>
</div> </div>
</div> </div>
</div>
<div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}> <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
{this.state.loading && loadingComponent} {this.state.loading && loadingComponent}
<MuiThemeProvider theme={getMuiTheme()}> <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
data={dataTable2} data={dataTable2}
columns={columns} columns={columns}
options={options} options={options}
/> />
</MuiThemeProvider> </MuiThemeProvider>
</div>
<div className="grid grid-2x" style={{ marginTop: 20 }}>
<div className="col-1">
<button
type="button"
onClick={() => 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' }}>Cancel</Typography>
</div>
</button>
</div> </div>
</div> </div>
</div>
</Paper> </Paper>
</div> </div>
</div> </div>
......
src/container/Laporan/SubHolding.js
View file @ caa2c6ee
...@@ -489,7 +489,7 @@ export default class SubHolding extends Component { ...@@ -489,7 +489,7 @@ export default class SubHolding extends Component {
let url = window.URL.createObjectURL(res); let url = window.URL.createObjectURL(res);
let a = document.createElement('a'); let a = document.createElement('a');
a.href = url; a.href = url;
a.download = 'Report DB Profit $ Loss.xlsx'; a.download = 'Report DB Profit & Loss.xlsx';
a.click(); a.click();
} }
} else { } else {
......
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