Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
Tia-dev
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
Tia-dev
Commits
6a27acc6
Commit
6a27acc6
authored
Jun 15, 2021
by
Faisal Hamdi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
progressreport!
parent
a74cf8a7
Changes
4
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
377 additions
and
15 deletions
+377
-15
Home.js
src/container/Home.js
+2
-2
ProgressReport.js
src/container/Progress/ProgressReport.js
+19
-12
TableProgressReport.js
src/container/Progress/TableProgressReport.js
+355
-0
homeRoutes.js
src/router/homeRoutes.js
+1
-1
No files found.
src/container/Home.js
View file @
6a27acc6
...
@@ -567,7 +567,7 @@ export default function MiniDrawer() {
...
@@ -567,7 +567,7 @@ export default function MiniDrawer() {
}
}
<
/div
>
<
/div
>
))}
))}
<
Link
to
=
{
`
${
url
}
/progress-reports`
}
>
{
/*
<Link to={`${url}/progress-reports`}>
<div style={{ paddingLeft: 5 }} className={selectedIndex === 'progress-reports' ? "active" : ""}>
<div style={{ paddingLeft: 5 }} className={selectedIndex === 'progress-reports' ? "active" : ""}>
<a data-tip={'progress-reports'} data-for={'progress-reports'}>
<a data-tip={'progress-reports'} data-for={'progress-reports'}>
<ListItem button key={'progress-reports'} onClick={() => selectIndex('progress-reports')}>
<ListItem button key={'progress-reports'} onClick={() => selectIndex('progress-reports')}>
...
@@ -577,7 +577,7 @@ export default function MiniDrawer() {
...
@@ -577,7 +577,7 @@ export default function MiniDrawer() {
</a>
</a>
{!open && (<ReactTooltip border={true} id={'Progress Report'} place="bottom" type="light" effect="solid" />)}
{!open && (<ReactTooltip border={true} id={'Progress Report'} place="bottom" type="light" effect="solid" />)}
</div>
</div>
<
/Link
>
</Link>
*/
}
<
/List
>
<
/List
>
{
open
&&
setting
.
length
>
0
&&
{
open
&&
setting
.
length
>
0
&&
<
div
style
=
{{
marginLeft
:
20
}}
>
<
div
style
=
{{
marginLeft
:
20
}}
>
...
...
src/container/ProgressReport.js
→
src/container/Progress
/Progress
Report.js
View file @
6a27acc6
import
React
,
{
Component
}
from
'react'
;
import
React
,
{
Component
}
from
'react'
;
import
{
Typography
,
MuiThemeProvider
,
createMuiTheme
,
Paper
,
TextField
}
from
'@material-ui/core'
;
import
{
Typography
,
MuiThemeProvider
,
createMuiTheme
,
Paper
,
TextField
}
from
'@material-ui/core'
;
import
MUIDataTable
from
"mui-datatables"
;
import
MUIDataTable
from
"mui-datatables"
;
import
Images
from
'../assets/Images'
;
import
Images
from
'../
../
assets/Images'
;
import
DonutChart
from
'react-d3-donut'
;
import
DonutChart
from
'react-d3-donut'
;
import
Constant
from
'../library/Constant'
;
import
Constant
from
'../
../
library/Constant'
;
import
api
from
'../api'
;
import
api
from
'../
../
api'
;
import
{
Link
}
from
'react-router-dom'
;
import
{
Link
}
from
'react-router-dom'
;
import
{
PropagateLoader
}
from
'react-spinners'
;
import
{
PropagateLoader
}
from
'react-spinners'
;
import
{
titleCase
}
from
'../library/Utils'
;
import
{
titleCase
}
from
'../
../
library/Utils'
;
import
{
format
}
from
'date-fns'
;
import
{
format
}
from
'date-fns'
;
import
Autocomplete
from
'@material-ui/lab/Autocomplete'
;
import
Autocomplete
from
'@material-ui/lab/Autocomplete'
;
import
ReactSpeedometer
from
'react-d3-speedometer'
;
import
ReactSpeedometer
from
'react-d3-speedometer'
;
import
TableProgressReport
from
'./TableProgressReport'
var
ct
=
require
(
"../library/CustomTable"
);
var
ct
=
require
(
"../
../
library/CustomTable"
);
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
class
ReportProgress
extends
Component
{
class
ReportProgress
extends
Component
{
...
@@ -156,6 +157,12 @@ class ReportProgress extends Component {
...
@@ -156,6 +157,12 @@ class ReportProgress extends Component {
}
}
render
()
{
render
()
{
const
dataTable
=
[
[
'Tax Planning'
,
'2'
,
'ABA: Anugerah Buminusantara Abadi'
,
'2021-05-03'
],
[
'CAT'
,
'1'
,
'ABA: Anugerah Buminusantara Abadi'
,
'2021-05-03'
],
[
'Profit Loss'
,
'0'
,
'ABA: Anugerah Buminusantara Abadi'
,
'2021-05-03'
]
]
const
loadingComponent
=
(
const
loadingComponent
=
(
<
div
style
=
{{
position
:
'fixed'
,
zIndex
:
110
,
top
:
0
,
left
:
0
,
width
:
'100%'
,
height
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
background
:
'rgba(255,255,255,0.8)'
}}
>
<
div
style
=
{{
position
:
'fixed'
,
zIndex
:
110
,
top
:
0
,
left
:
0
,
width
:
'100%'
,
height
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
background
:
'rgba(255,255,255,0.8)'
}}
>
<
PropagateLoader
<
PropagateLoader
...
@@ -166,6 +173,7 @@ class ReportProgress extends Component {
...
@@ -166,6 +173,7 @@ class ReportProgress extends Component {
/
>
/
>
<
/div
>
<
/div
>
);
);
return
(
return
(
<
div
style
=
{{
flex
:
1
,
backgroundColor
:
'#f8f8f8'
,
minHeight
:
this
.
props
.
height
}}
>
<
div
style
=
{{
flex
:
1
,
backgroundColor
:
'#f8f8f8'
,
minHeight
:
this
.
props
.
height
}}
>
<
div
>
<
div
>
...
@@ -274,21 +282,20 @@ class ReportProgress extends Component {
...
@@ -274,21 +282,20 @@ class ReportProgress extends Component {
)}
)}
</div> */
}
</div> */
}
{
this
.
state
.
loading
&&
loadingComponent
}
{
this
.
state
.
loading
&&
loadingComponent
}
{
/* {this.state.previewTable && (
{
/* {this.state.previewTable && (
*/
}
<Table
SubHolding
<
Table
ProgressReport
width
=
{
this
.
props
.
width
}
width
=
{
this
.
props
.
width
}
height
=
{
this
.
props
.
height
}
height
=
{
this
.
props
.
height
}
open
=
{
this
.
props
.
open
}
open
=
{
this
.
props
.
open
}
month={this.state.month.month_value}
// month={this.state.month.month_value}
approvedMB={this.state.approveMB}
approveMonthly={this.state.approveMonthly}
type
=
{
this
.
state
.
report
?
this
.
state
.
report
.
value
:
1
}
type
=
{
this
.
state
.
report
?
this
.
state
.
report
.
value
:
1
}
dataTable={this.state.dataTable}
dataTable
=
{
dataTable
}
// dataTable={this.state.dataTable}
periode
=
{
this
.
state
.
periode
?
this
.
state
.
periode
.
periode
:
null
}
periode
=
{
this
.
state
.
periode
?
this
.
state
.
periode
.
periode
:
null
}
quarter
=
{
this
.
state
.
quarter
.
name
}
quarter
=
{
this
.
state
.
quarter
.
name
}
company
=
{
this
.
state
.
company
}
company
=
{
this
.
state
.
company
}
/
>
/
>
)} */
}
{
/*
)} */
}
<
/div
>
<
/div
>
<
/Paper
>
<
/Paper
>
<
/div
>
<
/div
>
...
...
src/container/Progress/TableProgressReport.js
0 → 100644
View file @
6a27acc6
This diff is collapsed.
Click to expand it.
src/router/homeRoutes.js
View file @
6a27acc6
...
@@ -20,7 +20,7 @@ import OutlookPA from '../container/OutlookPA';
...
@@ -20,7 +20,7 @@ import OutlookPA from '../container/OutlookPA';
import
SubHolding
from
'../container/Laporan/SubHolding'
;
import
SubHolding
from
'../container/Laporan/SubHolding'
;
import
SummaryTriputra
from
'../container/SummaryTriputra/SummaryOfTriputra'
;
import
SummaryTriputra
from
'../container/SummaryTriputra/SummaryOfTriputra'
;
import
MasterDataCAT
from
'../container/MasterData/MasterDataCAT/MasterDataCAT'
import
MasterDataCAT
from
'../container/MasterData/MasterDataCAT/MasterDataCAT'
import
ProgressReport
from
'../container/ProgressReport'
import
ProgressReport
from
'../container/Progress
/Progress
Report'
const
routes
=
[
const
routes
=
[
{
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment