Skip to content

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

si freeze notes

parent ff0dd142
Hide whitespace changes
Inline Side-by-side
Showing with 37 additions and 19 deletions
src/container/BudgetTahunan/ProfitLoss.js
View file @ a2e49a97
...@@ -35,6 +35,12 @@ const style2 = { ...@@ -35,6 +35,12 @@ const style2 = {
background: "white", background: "white",
zIndex: 100 zIndex: 100
}; };
const stylenotes = {
position: "sticky",
background: "white",
zIndex: 101,
left: 350
};
export default class ProfitLoss extends Component { export default class ProfitLoss extends Component {
constructor(props) { constructor(props) {
...@@ -549,7 +555,7 @@ export default class ProfitLoss extends Component { ...@@ -549,7 +555,7 @@ export default class ProfitLoss extends Component {
if (item == '-' || item == '+' || item == '/' || item == '*') { if (item == '-' || item == '+' || item == '/' || item == '*') {
opet = item opet = item
} else { } else {
arrayJumlah.push(opet == ''? Number(item) : Number(String(opet + String(item)))) arrayJumlah.push(opet == '' ? Number(item) : Number(String(opet + String(item))))
tambahan = false tambahan = false
opet = "" opet = ""
} }
...@@ -559,7 +565,7 @@ export default class ProfitLoss extends Component { ...@@ -559,7 +565,7 @@ export default class ProfitLoss extends Component {
} }
} }
} }
// if (indexs % 2 !== 0) { // if (indexs % 2 !== 0) {
// operator.push(item) // operator.push(item)
// } // }
...@@ -665,11 +671,18 @@ export default class ProfitLoss extends Component { ...@@ -665,11 +671,18 @@ export default class ProfitLoss extends Component {
name: "Notes", name: "Notes",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 96 }}> <TableCell style={{ ...stylenotes, top: 0, zIndex: 102, 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>
), ),
setCellProps: () => ({ style2 }), setCellProps: () => ({
style: {
position: "sticky",
background: "white",
zIndex: 101,
left: 350
}
}),
customBodyRender: (value, tableMeta, updateValue) => { customBodyRender: (value, tableMeta, updateValue) => {
return ( return (
<div style={{ textAlign: 'right' }}> <div style={{ textAlign: 'right' }}>
...@@ -2169,13 +2182,16 @@ export default class ProfitLoss extends Component { ...@@ -2169,13 +2182,16 @@ export default class ProfitLoss extends Component {
<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()}> {!this.state.loading && (
<MUIDataTable <MuiThemeProvider theme={getMuiTheme()}>
data={dataTable2} <MUIDataTable
columns={columns} data={dataTable2}
options={options} columns={columns}
/> options={options}
</MuiThemeProvider> />
</MuiThemeProvider>
)}
</div> </div>
<Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20 }}>Last Updated by : {this.state.updateBy}</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b', marginTop: 20 }}>Last Updated by : {this.state.updateBy}</Typography>
</div> </div>
...@@ -2200,7 +2216,7 @@ export default class ProfitLoss extends Component { ...@@ -2200,7 +2216,7 @@ export default class ProfitLoss extends Component {
</div> </div>
</button> </button>
</div> </div>
{this.state.dataTable.length == 0 ? null : this.props.isApprover === true ? null : {this.state.dataTable.length == 0 ? null : this.props.isApprover === true ? null :
(this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') && this.props.prevRevision === false && (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') ? (this.props.lastStatus == 'SUBMIT' || this.props.lastStatus == 'REVISION') && this.props.prevRevision === false && (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') ?
<div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}> <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
<button <button
...@@ -2284,13 +2300,15 @@ export default class ProfitLoss extends Component { ...@@ -2284,13 +2300,15 @@ export default class ProfitLoss extends Component {
{this.state.dataLoaded && ( {this.state.dataLoaded && (
<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()}> {!this.state.loading && (
<MUIDataTable <MuiThemeProvider theme={getMuiTheme()}>
data={dataTable2} <MUIDataTable
columns={columns} data={dataTable2}
options={options} columns={columns}
/> options={options}
</MuiThemeProvider> />
</MuiThemeProvider>
)}
</div> </div>
)} )}
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment