Skip to content

T
Tia-dev
Commit bff404b6 authored by rifkaki's avatar rifkaki
Browse files
Options

historical

parent e9e446f1
Hide whitespace changes
Inline Side-by-side
Showing with 351 additions and 347 deletions
src/api/index.js
View file @ bff404b6
...@@ -272,7 +272,7 @@ const create = (type = "") => { ...@@ -272,7 +272,7 @@ const create = (type = "") => {
const getReportBSSuma = (body) => api.post('/transaction/summary_balance_sheet/summary/get_report_hierarki', body) const getReportBSSuma = (body) => api.post('/transaction/summary_balance_sheet/summary/get_report_hierarki', body)
const getDashboardCAT = (body) => api.post('/dashboard/cat', body) const getDashboardCAT = (body) => api.post('/dashboard/cat', body)
const getHierarkiReportYtd = (body) => api.post('/transaction/summary/ytd/get_report_hierarki', body) const getHierarkiReportYtd = (body) => api.post('/transaction/summary/ytd/get_report_hierarki', body)
const getHierarkiReportHistorical = (body) => api.post('/transaction/historical/get_historical_hierarki', body) const getHierarkiReportHistorical = (body) => api.post('/transaction/summary_historical/summary/get_report_hierarki', body)
const getHierarkiReportMTD = (body) => api.post('/transaction/summary/mtd/get_report_hierarki', body) const getHierarkiReportMTD = (body) => api.post('/transaction/summary/mtd/get_report_hierarki', body)
const getFullApproveMB = (body) => api.post('/transaction/master_budget/get_approved_submit', body) const getFullApproveMB = (body) => api.post('/transaction/master_budget/get_approved_submit', body)
const getFullApproveMonthly = (body) => api.post('/transaction/monthly_report/get_approved_submit', body) const getFullApproveMonthly = (body) => api.post('/transaction/monthly_report/get_approved_submit', body)
......
src/container/SummaryTriputra/SummaryOfTriputra.js
View file @ bff404b6
...@@ -1192,81 +1192,83 @@ export default class SummaryOfTriputra extends Component { ...@@ -1192,81 +1192,83 @@ export default class SummaryOfTriputra extends Component {
console.log(response); console.log(response);
let dataTable = [] let dataTable = []
if (response.data) { if (response.data) {
let res = response.data.data let res = [response.data.data]
console.log(res)
const handlePushChild = (item) => { const handlePushChild = (item) => {
let indexIDzz = dataTable.findIndex((val) => val[0] === item.company_id) let indexIDzz = dataTable.findIndex((val) => val[0] === item.company_id)
if (indexIDzz === -1) { if (indexIDzz === -1) {
dataTable.push([ dataTable.push([
item.company_id, // item.company_id,
0,
item.parent, item.parent,
item.level, item.level,
item.company_name, item.item_name,
item.revenue_one, item.revenue_last_ten_year,
item.revenue_two, item.revenue_last_nine_year,
item.revenue_three, item.revenue_last_eight_year,
item.revenue_four, item.revenue_last_seven_year,
item.revenue_five, item.revenue_last_six_year,
item.revenue_six, item.revenue_last_five_year,
item.revenue_seven, item.revenue_last_four_year,
item.revenue_eight, item.revenue_last_three_year,
item.revenue_nine, item.revenue_last_two_year,
item.revenue_ten, item.revenue_last_year,
item.revenue_eleven, item.revenue,
item.ebitda_one, item.ebitda_last_ten_year,
item.ebitda_two, item.ebitda_last_nine_year,
item.ebitda_three, item.ebitda_last_eight_year,
item.ebitda_four, item.ebitda_last_seven_year,
item.ebitda_five, item.ebitda_last_six_year,
item.ebitda_six, item.ebitda_last_five_year,
item.ebitda_seven, item.ebitda_last_four_year,
item.ebitda_eight, item.ebitda_last_three_year,
item.ebitda_nine, item.ebitda_last_two_year,
item.ebitda_ten, item.ebitda_last_year,
item.ebitda_eleven, item.ebitda,
item.tpat_one, item.tpat_last_ten_year,
item.tpat_two, item.tpat_last_nine_year,
item.tpat_three, item.tpat_last_eight_year,
item.tpat_four, item.tpat_last_seven_year,
item.tpat_five, item.tpat_last_six_year,
item.tpat_six, item.tpat_last_five_year,
item.tpat_seven, item.tpat_last_four_year,
item.tpat_eight, item.tpat_last_three_year,
item.tpat_nine, item.tpat_last_two_year,
item.tpat_ten, item.tpat_last_year,
item.tpat_eleven, item.tpat,
item.npat_one, item.npat_last_ten_year,
item.npat_two, item.npat_last_nine_year,
item.npat_three, item.npat_last_eight_year,
item.npat_four, item.npat_last_seven_year,
item.npat_five, item.npat_last_six_year,
item.npat_six, item.npat_last_five_year,
item.npat_seven, item.npat_last_four_year,
item.npat_eight, item.npat_last_three_year,
item.npat_nine, item.npat_last_two_year,
item.npat_ten, item.npat_last_year,
item.npat_eleven, item.npat,
item.total_asset_one, item.total_asset_last_ten_year,
item.total_asset_two, item.total_asset_last_nine_year,
item.total_asset_three, item.total_asset_last_eight_year,
item.total_asset_four, item.total_asset_last_seven_year,
item.total_asset_five, item.total_asset_last_six_year,
item.total_asset_six, item.total_asset_last_five_year,
item.total_asset_seven, item.total_asset_last_four_year,
item.total_asset_eight, item.total_asset_last_three_year,
item.total_asset_nine, item.total_asset_last_two_year,
item.total_asset_ten, item.total_asset_last_year,
item.total_asset_eleven, item.total_asset,
item.total_equity_one, item.total_equity_last_ten_year,
item.total_equity_two, item.total_equity_last_nine_year,
item.total_equity_three, item.total_equity_last_eight_year,
item.total_equity_four, item.total_equity_last_seven_year,
item.total_equity_five, item.total_equity_last_six_year,
item.total_equity_six, item.total_equity_last_five_year,
item.total_equity_seven, item.total_equity_last_four_year,
item.total_equity_eight, item.total_equity_last_three_year,
item.total_equity_nine, item.total_equity_last_two_year,
item.total_equity_ten, item.total_equity_last_year,
item.total_equity_eleven, item.total_equity,
item.order, item.order,
]) ])
} }
...@@ -1280,76 +1282,77 @@ export default class SummaryOfTriputra extends Component { ...@@ -1280,76 +1282,77 @@ export default class SummaryOfTriputra extends Component {
} }
res.map((item, index) => { res.map((item, index) => {
dataTable.push([ dataTable.push([
item.company_id, // item.company_id,
0,
item.parent, item.parent,
item.level, item.level,
item.company_name, item.item_name,
item.revenue_one, item.revenue_last_ten_year,
item.revenue_two, item.revenue_last_nine_year,
item.revenue_three, item.revenue_last_eight_year,
item.revenue_four, item.revenue_last_seven_year,
item.revenue_five, item.revenue_last_six_year,
item.revenue_six, item.revenue_last_five_year,
item.revenue_seven, item.revenue_last_four_year,
item.revenue_eight, item.revenue_last_three_year,
item.revenue_nine, item.revenue_last_two_year,
item.revenue_ten, item.revenue_last_year,
item.revenue_eleven, item.revenue,
item.ebitda_one, item.ebitda_last_ten_year,
item.ebitda_two, item.ebitda_last_nine_year,
item.ebitda_three, item.ebitda_last_eight_year,
item.ebitda_four, item.ebitda_last_seven_year,
item.ebitda_five, item.ebitda_last_six_year,
item.ebitda_six, item.ebitda_last_five_year,
item.ebitda_seven, item.ebitda_last_four_year,
item.ebitda_eight, item.ebitda_last_three_year,
item.ebitda_nine, item.ebitda_last_two_year,
item.ebitda_ten, item.ebitda_last_year,
item.ebitda_eleven, item.ebitda,
item.tpat_one, item.tpat_last_ten_year,
item.tpat_two, item.tpat_last_nine_year,
item.tpat_three, item.tpat_last_eight_year,
item.tpat_four, item.tpat_last_seven_year,
item.tpat_five, item.tpat_last_six_year,
item.tpat_six, item.tpat_last_five_year,
item.tpat_seven, item.tpat_last_four_year,
item.tpat_eight, item.tpat_last_three_year,
item.tpat_nine, item.tpat_last_two_year,
item.tpat_ten, item.tpat_last_year,
item.tpat_eleven, item.tpat,
item.npat_one, item.npat_last_ten_year,
item.npat_two, item.npat_last_nine_year,
item.npat_three, item.npat_last_eight_year,
item.npat_four, item.npat_last_seven_year,
item.npat_five, item.npat_last_six_year,
item.npat_six, item.npat_last_five_year,
item.npat_seven, item.npat_last_four_year,
item.npat_eight, item.npat_last_three_year,
item.npat_nine, item.npat_last_two_year,
item.npat_ten, item.npat_last_year,
item.npat_eleven, item.npat,
item.total_asset_one, item.total_asset_last_ten_year,
item.total_asset_two, item.total_asset_last_nine_year,
item.total_asset_three, item.total_asset_last_eight_year,
item.total_asset_four, item.total_asset_last_seven_year,
item.total_asset_five, item.total_asset_last_six_year,
item.total_asset_six, item.total_asset_last_five_year,
item.total_asset_seven, item.total_asset_last_four_year,
item.total_asset_eight, item.total_asset_last_three_year,
item.total_asset_nine, item.total_asset_last_two_year,
item.total_asset_ten, item.total_asset_last_year,
item.total_asset_eleven, item.total_asset,
item.total_equity_one, item.total_equity_last_ten_year,
item.total_equity_two, item.total_equity_last_nine_year,
item.total_equity_three, item.total_equity_last_eight_year,
item.total_equity_four, item.total_equity_last_seven_year,
item.total_equity_five, item.total_equity_last_six_year,
item.total_equity_six, item.total_equity_last_five_year,
item.total_equity_seven, item.total_equity_last_four_year,
item.total_equity_eight, item.total_equity_last_three_year,
item.total_equity_nine, item.total_equity_last_two_year,
item.total_equity_ten, item.total_equity_last_year,
item.total_equity_eleven, item.total_equity,
item.order, item.order,
]) ])
if (item.children !== null) { if (item.children !== null) {
...@@ -1360,6 +1363,7 @@ export default class SummaryOfTriputra extends Component { ...@@ -1360,6 +1363,7 @@ export default class SummaryOfTriputra extends Component {
} }
} }
}) })
console.log()
this.setState({ dataTable, previewTable: true, loading: false, previewDownload: true }) this.setState({ dataTable, previewTable: true, loading: false, previewDownload: true })
} else { } else {
this.setState({ dataTable: [], previewTable: false, loading: false, previewDownload: false }) this.setState({ dataTable: [], previewTable: false, loading: false, previewDownload: false })
......
src/container/SummaryTriputra/TableSummaryTriputra.js
View file @ bff404b6
...@@ -2366,44 +2366,44 @@ export default class TableSummaryTriputra extends Component { ...@@ -2366,44 +2366,44 @@ export default class TableSummaryTriputra extends Component {
<th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} > <th style={{ ...style2, top: 0, backgroundColor: '#1c71b8', color: '#fff', fontSize: 13, fontWeight: 1, width: 150, borderRight: "1px solid rgb(255, 255, 255)" }} >
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2010"}</span> <span>{ Number(this.props.periode) - 10 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2011"}</span> <span>{ Number(this.props.periode) - 9 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2012"}</span> <span>{ Number(this.props.periode) - 8 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2013"}</span> <span>{ Number(this.props.periode) - 7 }</span>
</div> </div>
</div> </div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2014"}</span> <span>{ Number(this.props.periode) - 6 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2015"}</span> <span>{ Number(this.props.periode) - 5 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2016"}</span> <span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2017"}</span> <span>{ Number(this.props.periode) - 3 }</span>
</div> </div>
</div> </div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2018"}</span> <span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2019"}</span> <span>{ Number(this.props.periode) - 1 }</span>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2020"}</span> <span>{ Number(this.props.periode) }</span>
</div> </div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> {/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span> <span>{"2021"}</span>
...@@ -2699,48 +2699,48 @@ export default class TableSummaryTriputra extends Component { ...@@ -2699,48 +2699,48 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2010"}</span> <span>{ Number(this.props.periode) - 10 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2011"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2012"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2013"}</span>
</div>
</div> </div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 9 }</span>
<span>{"2014"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2015"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2016"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2017"}</span>
</div>
</div> </div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 8 }</span>
<span>{"2018"}</span> </div>
</div> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 7 }</span>
<span>{"2019"}</span> </div>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> <div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<span>{"2020"}</span> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div> <span>{ Number(this.props.periode) - 6 }</span>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> </div>
<span>{"2021"}</span> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div> */} <span>{ Number(this.props.periode) - 5 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span>
</div>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div>
</div> </div>
</th> </th>
), ),
...@@ -3031,48 +3031,48 @@ export default class TableSummaryTriputra extends Component { ...@@ -3031,48 +3031,48 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2010"}</span> <span>{ Number(this.props.periode) - 10 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2011"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2012"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2013"}</span>
</div>
</div> </div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 9 }</span>
<span>{"2014"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2015"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2016"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2017"}</span>
</div>
</div> </div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 8 }</span>
<span>{"2018"}</span> </div>
</div> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 7 }</span>
<span>{"2019"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2020"}</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
</div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span>
</div>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div>
</div> </div>
</th> </th>
), ),
...@@ -3363,48 +3363,48 @@ export default class TableSummaryTriputra extends Component { ...@@ -3363,48 +3363,48 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2010"}</span> <span>{ Number(this.props.periode) - 10 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2011"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2012"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2013"}</span>
</div>
</div> </div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 9 }</span>
<span>{"2014"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2015"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2016"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2017"}</span>
</div>
</div> </div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 8 }</span>
<span>{"2018"}</span> </div>
</div> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 7 }</span>
<span>{"2019"}</span> </div>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> <div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<span>{"2020"}</span> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div> <span>{ Number(this.props.periode) - 6 }</span>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> </div>
<span>{"2021"}</span> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div> */} <span>{ Number(this.props.periode) - 5 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span>
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span>
</div>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div>
</div> </div>
</th> </th>
), ),
...@@ -3695,48 +3695,48 @@ export default class TableSummaryTriputra extends Component { ...@@ -3695,48 +3695,48 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2010"}</span> <span>{ Number(this.props.periode) - 10 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2011"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2012"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2013"}</span>
</div>
</div> </div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 9 }</span>
<span>{"2014"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2015"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2016"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2017"}</span>
</div>
</div> </div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 8 }</span>
<span>{"2018"}</span> </div>
</div> <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 7 }</span>
<span>{"2019"}</span> </div>
</div> </div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> <div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<span>{"2020"}</span> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div> <span>{ Number(this.props.periode) - 6 }</span>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}> </div>
<span>{"2021"}</span> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
</div> */} <span>{ Number(this.props.periode) - 5 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span>
</div>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span>
</div> </div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div>
</div> </div>
</th> </th>
), ),
...@@ -4027,48 +4027,48 @@ export default class TableSummaryTriputra extends Component { ...@@ -4027,48 +4027,48 @@ export default class TableSummaryTriputra extends Component {
<div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div> <div style={{ borderBottom: "1px #fff solid", textAlign: 'center', fontSize: 12, fontWeight: 'bold', padding: 5 }}>{columnMeta.name}</div>
<div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}> <div className="grid grid-3x" style={{ ...style2, backgroundColor: '#1c71b8', color: '#fff', fontSize: 12, fontWeight: 'bold', position: "sticky" }}>
<div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-1 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2010"}</span> <span>{ Number(this.props.periode) - 10 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2011"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2012"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2013"}</span>
</div>
</div> </div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 9 }</span>
<span>{"2014"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2015"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2016"}</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2017"}</span>
</div>
</div> </div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}> <div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}> <span>{ Number(this.props.periode) - 8 }</span>
<span>{"2018"}</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{"2019"}</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2020"}</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div> </div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 7 }</span>
</div>
</div>
<div className="column-2 grid grid-4x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 6 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 5 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 4 }</span>
</div>
<div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 3 }</span>
</div>
</div>
<div className="column-3 grid grid-3x" style={{ placeSelf: 'center', textAlign: 'center' }}>
<div className="column-1" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 2 }</span>
</div>
<div className="column-2" style={{ placeSelf: 'center', textAlign: 'center', padding: 5, borderRight: "1px #fff solid" }}>
<span>{ Number(this.props.periode) - 1 }</span>
</div>
<div className="column-3" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{ Number(this.props.periode) }</span>
</div>
{/* <div className="column-4" style={{ placeSelf: 'center', textAlign: 'center', padding: 5 }}>
<span>{"2021"}</span>
</div> */}
</div>
</div> </div>
</th> </th>
), ),
......
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