Skip to content

T
Tia-dev
Commit 110d1fa2 authored by EKSAD's avatar EKSAD
Browse files
Options

profit loss

parent dc139a35
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 66 deletions
src/container/BudgetTahunan/ProfitLoss.js
View file @ 110d1fa2
...@@ -7,14 +7,14 @@ import AddIcon from '@material-ui/icons/Add'; ...@@ -7,14 +7,14 @@ import AddIcon from '@material-ui/icons/Add';
import { values } from 'ramda'; import { values } from 'ramda';
var ct = require("../../library/CustomTable"); var ct = require("../../library/CustomTable");
const getMuiTheme = () => createMuiTheme(ct.customTable()); const getMuiTheme = () => createMuiTheme(ct.customTable3());
const options = ct.customOptionsFixedColumn(); const options = ct.customOptionsFixedColumn();
const style = { const style = {
position: "sticky", position: "sticky",
left: 0, left: 0,
background: "white",
zIndex: 101, zIndex: 101,
background: "white",
}; };
const style2 = { const style2 = {
position: "sticky", position: "sticky",
...@@ -68,7 +68,6 @@ export default class ProfitLoss extends Component { ...@@ -68,7 +68,6 @@ export default class ProfitLoss extends Component {
item.formula, item.formula,
item.level, item.level,
item.description, item.description,
item.profit_loss.notes,
item.profit_loss.total_actual_before, item.profit_loss.total_actual_before,
item.profit_loss.january, item.profit_loss.january,
item.profit_loss.february, item.profit_loss.february,
...@@ -96,7 +95,6 @@ export default class ProfitLoss extends Component { ...@@ -96,7 +95,6 @@ export default class ProfitLoss extends Component {
i.formula, i.formula,
i.level, i.level,
i.description, i.description,
i.profit_loss.notes,
i.profit_loss.total_actual_before, i.profit_loss.total_actual_before,
i.profit_loss.january, i.profit_loss.january,
i.profit_loss.february, i.profit_loss.february,
...@@ -123,7 +121,6 @@ export default class ProfitLoss extends Component { ...@@ -123,7 +121,6 @@ export default class ProfitLoss extends Component {
val.formula, val.formula,
val.level, val.level,
val.description, val.description,
val.profit_loss.notes,
val.profit_loss.total_actual_before, val.profit_loss.total_actual_before,
val.profit_loss.january, val.profit_loss.january,
val.profit_loss.february, val.profit_loss.february,
...@@ -150,7 +147,6 @@ export default class ProfitLoss extends Component { ...@@ -150,7 +147,6 @@ export default class ProfitLoss extends Component {
items.formula, items.formula,
items.level, items.level,
items.description, items.description,
items.profit_loss.notes,
items.profit_loss.total_actual_before, items.profit_loss.total_actual_before,
items.profit_loss.january, items.profit_loss.january,
items.profit_loss.february, items.profit_loss.february,
...@@ -177,7 +173,6 @@ export default class ProfitLoss extends Component { ...@@ -177,7 +173,6 @@ export default class ProfitLoss extends Component {
itemss.formula, itemss.formula,
itemss.level, itemss.level,
itemss.description, itemss.description,
itemss.profit_loss.notes,
itemss.profit_loss.total_actual_before, itemss.profit_loss.total_actual_before,
itemss.profit_loss.january, itemss.profit_loss.january,
itemss.profit_loss.february, itemss.profit_loss.february,
...@@ -204,7 +199,6 @@ export default class ProfitLoss extends Component { ...@@ -204,7 +199,6 @@ export default class ProfitLoss extends Component {
item1.formula, item1.formula,
item1.level, item1.level,
item1.description, item1.description,
item1.profit_loss.notes,
item1.profit_loss.total_actual_before, item1.profit_loss.total_actual_before,
item1.profit_loss.january, item1.profit_loss.january,
item1.profit_loss.february, item1.profit_loss.february,
...@@ -231,7 +225,6 @@ export default class ProfitLoss extends Component { ...@@ -231,7 +225,6 @@ export default class ProfitLoss extends Component {
item2.formula, item2.formula,
item2.level, item2.level,
item2.description, item2.description,
item2.profit_loss.notes,
item2.profit_loss.total_actual_before, item2.profit_loss.total_actual_before,
item2.profit_loss.january, item2.profit_loss.january,
item2.profit_loss.february, item2.profit_loss.february,
...@@ -258,7 +251,6 @@ export default class ProfitLoss extends Component { ...@@ -258,7 +251,6 @@ export default class ProfitLoss extends Component {
item3.formula, item3.formula,
item3.level, item3.level,
item3.description, item3.description,
item3.profit_loss.notes,
item3.profit_loss.total_actual_before, item3.profit_loss.total_actual_before,
item3.profit_loss.january, item3.profit_loss.january,
item3.profit_loss.february, item3.profit_loss.february,
...@@ -285,7 +277,6 @@ export default class ProfitLoss extends Component { ...@@ -285,7 +277,6 @@ export default class ProfitLoss extends Component {
item4.formula, item4.formula,
item4.level, item4.level,
item4.description, item4.description,
item4.profit_loss.notes,
item4.profit_loss.total_actual_before, item4.profit_loss.total_actual_before,
item4.profit_loss.january, item4.profit_loss.january,
item4.profit_loss.february, item4.profit_loss.february,
...@@ -312,7 +303,6 @@ export default class ProfitLoss extends Component { ...@@ -312,7 +303,6 @@ export default class ProfitLoss extends Component {
item5.formula, item5.formula,
item5.level, item5.level,
item5.description, item5.description,
item5.profit_loss.notes,
item5.profit_loss.total_actual_before, item5.profit_loss.total_actual_before,
item5.profit_loss.january, item5.profit_loss.january,
item5.profit_loss.february, item5.profit_loss.february,
...@@ -339,7 +329,6 @@ export default class ProfitLoss extends Component { ...@@ -339,7 +329,6 @@ export default class ProfitLoss extends Component {
item6.formula, item6.formula,
item6.level, item6.level,
item6.description, item6.description,
item6.profit_loss.notes,
item6.profit_loss.total_actual_before, item6.profit_loss.total_actual_before,
item6.profit_loss.january, item6.profit_loss.january,
item6.profit_loss.february, item6.profit_loss.february,
...@@ -365,7 +354,6 @@ export default class ProfitLoss extends Component { ...@@ -365,7 +354,6 @@ export default class ProfitLoss extends Component {
item6.formula, item6.formula,
item6.level, item6.level,
item6.description, item6.description,
item6.profit_loss.notes,
item6.profit_loss.total_actual_before, item6.profit_loss.total_actual_before,
item6.profit_loss.january, item6.profit_loss.january,
item6.profit_loss.february, item6.profit_loss.february,
...@@ -393,7 +381,6 @@ export default class ProfitLoss extends Component { ...@@ -393,7 +381,6 @@ export default class ProfitLoss extends Component {
item5.formula, item5.formula,
item5.level, item5.level,
item5.description, item5.description,
item5.profit_loss.notes,
item5.profit_loss.total_actual_before, item5.profit_loss.total_actual_before,
item5.profit_loss.january, item5.profit_loss.january,
item5.profit_loss.february, item5.profit_loss.february,
...@@ -421,7 +408,6 @@ export default class ProfitLoss extends Component { ...@@ -421,7 +408,6 @@ export default class ProfitLoss extends Component {
item4.formula, item4.formula,
item4.level, item4.level,
item4.description, item4.description,
item4.profit_loss.notes,
item4.profit_loss.total_actual_before, item4.profit_loss.total_actual_before,
item4.profit_loss.january, item4.profit_loss.january,
item4.profit_loss.february, item4.profit_loss.february,
...@@ -449,7 +435,6 @@ export default class ProfitLoss extends Component { ...@@ -449,7 +435,6 @@ export default class ProfitLoss extends Component {
item3.formula, item3.formula,
item3.level, item3.level,
item3.description, item3.description,
item3.profit_loss.notes,
item3.profit_loss.total_actual_before, item3.profit_loss.total_actual_before,
item3.profit_loss.january, item3.profit_loss.january,
item3.profit_loss.february, item3.profit_loss.february,
...@@ -477,7 +462,6 @@ export default class ProfitLoss extends Component { ...@@ -477,7 +462,6 @@ export default class ProfitLoss extends Component {
item2.formula, item2.formula,
item2.level, item2.level,
item2.description, item2.description,
item2.profit_loss.notes,
item2.profit_loss.total_actual_before, item2.profit_loss.total_actual_before,
item2.profit_loss.january, item2.profit_loss.january,
item2.profit_loss.february, item2.profit_loss.february,
...@@ -505,7 +489,6 @@ export default class ProfitLoss extends Component { ...@@ -505,7 +489,6 @@ export default class ProfitLoss extends Component {
item1.formula, item1.formula,
item1.level, item1.level,
item1.description, item1.description,
item1.profit_loss.notes,
item1.profit_loss.total_actual_before, item1.profit_loss.total_actual_before,
item1.profit_loss.january, item1.profit_loss.january,
item1.profit_loss.february, item1.profit_loss.february,
...@@ -533,7 +516,6 @@ export default class ProfitLoss extends Component { ...@@ -533,7 +516,6 @@ export default class ProfitLoss extends Component {
itemss.formula, itemss.formula,
itemss.level, itemss.level,
itemss.description, itemss.description,
itemss.profit_loss.notes,
itemss.profit_loss.total_actual_before, itemss.profit_loss.total_actual_before,
itemss.profit_loss.january, itemss.profit_loss.january,
itemss.profit_loss.february, itemss.profit_loss.february,
...@@ -561,7 +543,6 @@ export default class ProfitLoss extends Component { ...@@ -561,7 +543,6 @@ export default class ProfitLoss extends Component {
items.formula, items.formula,
items.level, items.level,
items.description, items.description,
items.profit_loss.notes,
items.profit_loss.total_actual_before, items.profit_loss.total_actual_before,
items.profit_loss.january, items.profit_loss.january,
items.profit_loss.february, items.profit_loss.february,
...@@ -589,7 +570,6 @@ export default class ProfitLoss extends Component { ...@@ -589,7 +570,6 @@ export default class ProfitLoss extends Component {
val.formula, val.formula,
val.level, val.level,
val.description, val.description,
val.profit_loss.notes,
val.profit_loss.total_actual_before, val.profit_loss.total_actual_before,
val.profit_loss.january, val.profit_loss.january,
val.profit_loss.february, val.profit_loss.february,
...@@ -617,7 +597,6 @@ export default class ProfitLoss extends Component { ...@@ -617,7 +597,6 @@ export default class ProfitLoss extends Component {
i.formula, i.formula,
i.level, i.level,
i.description, i.description,
i.profit_loss.notes,
i.profit_loss.total_actual_before, i.profit_loss.total_actual_before,
i.profit_loss.january, i.profit_loss.january,
i.profit_loss.february, i.profit_loss.february,
...@@ -644,7 +623,6 @@ export default class ProfitLoss extends Component { ...@@ -644,7 +623,6 @@ export default class ProfitLoss extends Component {
i.formula, i.formula,
i.level, i.level,
i.description, i.description,
i.profit_loss.notes,
i.profit_loss.total_actual_before, i.profit_loss.total_actual_before,
i.profit_loss.january, i.profit_loss.january,
i.profit_loss.february, i.profit_loss.february,
...@@ -672,7 +650,6 @@ export default class ProfitLoss extends Component { ...@@ -672,7 +650,6 @@ export default class ProfitLoss extends Component {
item.formula, item.formula,
item.level, item.level,
item.description, item.description,
item.profit_loss.notes,
item.profit_loss.total_actual_before, item.profit_loss.total_actual_before,
item.profit_loss.january, item.profit_loss.january,
item.profit_loss.february, item.profit_loss.february,
...@@ -787,31 +764,31 @@ export default class ProfitLoss extends Component { ...@@ -787,31 +764,31 @@ export default class ProfitLoss extends Component {
name: "Account", name: "Account",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell key={columnMeta.index} style={{ ...style, top: 0, zIndex: 102, backgroundColor: '#354960', width: 388 }}> <TableCell key={columnMeta.index} style={{ ...style, top: 0, zIndex: 102, backgroundColor: '#1c71b8', width: 300 }}>
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'left' }}>{columnMeta.name}</Typography> <Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'left' }}>{columnMeta.name}</Typography>
</TableCell> </TableCell>
), ),
setCellProps: () => ({ style }), setCellProps: () => ({ style }),
customBodyRender: (val, tableMeta) => { customBodyRender: (val, tableMeta) => {
return ( return (
<div style={{ width: 388 }}> <div style={{ width: 300}}>
{tableMeta.rowData[4] == 0 ? {tableMeta.rowData[4] == 0 ?
<span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span> <span style={{ fontSize: 12, fontWeight: 'bold' }}>{String(tableMeta.rowData[0] === 4 ? "" : val).toUpperCase()}</span>
: :
tableMeta.rowData[4] === 1 ? <div style={{ paddingLeft: 20 * Number(tableMeta.rowData[4]) }}>
<span style={{ fontSize: 12, marginLeft: 20 * Number(tableMeta.rowData[4]) }}>{tableMeta.rowData[0] === 4 ? "" : val}</span> : <span style={{ fontSize: 12 }}>{tableMeta.rowData[0] === 4 ? "" : val}</span>
<span style={{ fontSize: 12, marginLeft: 20 * Number(tableMeta.rowData[4]) }}>{tableMeta.rowData[0] === 4 ? "" : val}</span> </div>
} }
</div> </div>
) )
} }
} }
}, { }, {
name: "31 Dec 2020 Actual", name: "31-Dec-2020 OL PA",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', width: 96 }}> <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography> <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
</TableCell> </TableCell>
), ),
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
...@@ -879,10 +856,10 @@ export default class ProfitLoss extends Component { ...@@ -879,10 +856,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "January 2021", name: "Jan 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -951,10 +928,10 @@ export default class ProfitLoss extends Component { ...@@ -951,10 +928,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "February 2021", name: "Feb 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1023,10 +1000,10 @@ export default class ProfitLoss extends Component { ...@@ -1023,10 +1000,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "March 2021", name: "Mar 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1095,10 +1072,10 @@ export default class ProfitLoss extends Component { ...@@ -1095,10 +1072,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "April 2021", name: "Apr 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1170,7 +1147,7 @@ export default class ProfitLoss extends Component { ...@@ -1170,7 +1147,7 @@ export default class ProfitLoss extends Component {
name: "May 2021", name: "May 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1239,10 +1216,10 @@ export default class ProfitLoss extends Component { ...@@ -1239,10 +1216,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "June 2021", name: "Jun 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1311,10 +1288,10 @@ export default class ProfitLoss extends Component { ...@@ -1311,10 +1288,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "July 2021", name: "Jul 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1383,10 +1360,10 @@ export default class ProfitLoss extends Component { ...@@ -1383,10 +1360,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "August 2021", name: "Aug 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1455,10 +1432,10 @@ export default class ProfitLoss extends Component { ...@@ -1455,10 +1432,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "September 2021", name: "Sep 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1527,10 +1504,10 @@ export default class ProfitLoss extends Component { ...@@ -1527,10 +1504,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "October 2021", name: "Oct 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1599,10 +1576,10 @@ export default class ProfitLoss extends Component { ...@@ -1599,10 +1576,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "November 2021", name: "Nov 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1671,10 +1648,10 @@ export default class ProfitLoss extends Component { ...@@ -1671,10 +1648,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "December 2021", name: "Dec 2021",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1743,10 +1720,10 @@ export default class ProfitLoss extends Component { ...@@ -1743,10 +1720,10 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "Current Total", name: "31-Dec-21 MB",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', 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>
), ),
...@@ -1815,11 +1792,11 @@ export default class ProfitLoss extends Component { ...@@ -1815,11 +1792,11 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "31 Dec 2022 Total", name: "31-Dec-22 Forcast",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', width: 96 }}> <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography> <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
</TableCell> </TableCell>
), ),
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
...@@ -1887,11 +1864,11 @@ export default class ProfitLoss extends Component { ...@@ -1887,11 +1864,11 @@ export default class ProfitLoss extends Component {
} }
} }
}, { }, {
name: "31 Dec 2023 Total", name: "31-Dec-23 Forcast",
options: { options: {
customHeadRender: (columnMeta) => ( customHeadRender: (columnMeta) => (
<TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#354960', width: 96 }}> <TableCell style={{ ...style2, top: 0, zIndex: 99, backgroundColor: '#37b5e6', width: 96 }}>
<Typography style={{ color: 'white', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography> <Typography style={{ color: 'black', fontSize: 12, fontWeight: 'bold', textAlign: 'center' }}>{columnMeta.name}</Typography>
</TableCell> </TableCell>
), ),
setCellProps: () => ({ style2 }), setCellProps: () => ({ style2 }),
...@@ -1980,7 +1957,7 @@ export default class ProfitLoss extends Component { ...@@ -1980,7 +1957,7 @@ export default class ProfitLoss extends Component {
<Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography> <Typography style={{ fontSize: '11px', color: '#4b4b4b' }}>in IDR mn</Typography>
</div> </div>
<div style={{ marginTop: 20, width: this.props.width - 200, height: this.props.height-200 }}> <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) , height: this.props.height - 400 }}>
<MuiThemeProvider theme={getMuiTheme()}> <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
data={dataTable2} data={dataTable2}
...@@ -1990,7 +1967,7 @@ export default class ProfitLoss extends Component { ...@@ -1990,7 +1967,7 @@ export default class ProfitLoss extends Component {
</MuiThemeProvider> </MuiThemeProvider>
</div> </div>
</div> </div>
<div className="grid grid-2x"> <div className="grid grid-2x" style={{ marginTop: 20}}>
<div className="col-1"> <div className="col-1">
<button <button
className="button" className="button"
......
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