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
24f6eb8f
Commit
24f6eb8f
authored
Sep 17, 2020
by
Deni Rinaldi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
banyak dah
parent
9a7dd62f
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
80 additions
and
71 deletions
+80
-71
index.js
src/api/index.js
+3
-1
BalanceSheet.js
src/container/BudgetTahunan/BalanceSheet.js
+1
-1
Parameter.js
src/container/MasterData/Parameter/Parameter.js
+51
-52
UnitBisnis.js
src/container/MasterData/UnitBisnis.js
+16
-10
CustomTable.js
src/library/CustomTable.js
+9
-7
No files found.
src/api/index.js
View file @
24f6eb8f
...
@@ -167,6 +167,7 @@ const create = (type = "") => {
...
@@ -167,6 +167,7 @@ const create = (type = "") => {
const
saveVisualisasiReport
=
(
body
)
=>
api
.
post
(
'item_report/save_visualization'
,
body
)
const
saveVisualisasiReport
=
(
body
)
=>
api
.
post
(
'item_report/save_visualization'
,
body
)
const
getReportParent
=
(
body
)
=>
api
.
post
(
'item_report/get_parent_item_report'
,
body
)
const
getReportParent
=
(
body
)
=>
api
.
post
(
'item_report/get_parent_item_report'
,
body
)
const
deleteReportItems
=
(
id
)
=>
api
.
post
(
`item_report/delete_item_report/
${
id
}
`
)
const
deleteReportItems
=
(
id
)
=>
api
.
post
(
`item_report/delete_item_report/
${
id
}
`
)
const
getAllSettingByType
=
(
body
)
=>
api
.
post
(
'setting/get_all_setting_by_type'
,
body
)
//PARAMETER
//PARAMETER
const
getAllParameter
=
()
=>
api
.
get
(
'/setting/get_all_setting'
)
const
getAllParameter
=
()
=>
api
.
get
(
'/setting/get_all_setting'
)
...
@@ -331,7 +332,8 @@ const create = (type = "") => {
...
@@ -331,7 +332,8 @@ const create = (type = "") => {
getAllOperatingInd
,
getAllOperatingInd
,
getOperatingIndDetail
,
getOperatingIndDetail
,
createOpetaingInd
,
createOpetaingInd
,
uploadMasterBudget
uploadMasterBudget
,
getAllSettingByType
}
}
}
}
...
...
src/container/BudgetTahunan/BalanceSheet.js
View file @
24f6eb8f
...
@@ -2000,7 +2000,7 @@ export default class BalanceSheet extends Component {
...
@@ -2000,7 +2000,7 @@ export default class BalanceSheet extends Component {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
marginTop
:
20
,
width
:
this
.
props
.
width
-
(
this
.
props
.
open
===
true
?
400
:
150
)
,
height
:
this
.
props
.
height
-
400
}}
>
<
div
style
=
{{
marginTop
:
20
,
width
:
this
.
props
.
width
-
(
this
.
props
.
open
===
true
?
400
:
150
)
}}
>
{
!
this
.
state
.
loading
&&
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
{
!
this
.
state
.
loading
&&
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MUIDataTable
<
MUIDataTable
data
=
{
dataTable2
}
data
=
{
dataTable2
}
...
...
src/container/MasterData/Parameter/Parameter.js
View file @
24f6eb8f
...
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
...
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import
{
createMuiTheme
,
MuiThemeProvider
}
from
'@material-ui/core/styles'
;
import
{
createMuiTheme
,
MuiThemeProvider
}
from
'@material-ui/core/styles'
;
import
Images
from
'../../../assets/Images'
;
import
Images
from
'../../../assets/Images'
;
import
MUIDataTable
from
"mui-datatables"
;
import
MUIDataTable
from
"mui-datatables"
;
import
{
InputBase
,
Snackbar
,
withStyles
,
Typography
}
from
"@material-ui/core"
;
import
{
InputBase
,
Snackbar
,
withStyles
,
Typography
,
Tooltip
}
from
"@material-ui/core"
;
import
MuiAlert
from
'@material-ui/lab/Alert'
;
import
MuiAlert
from
'@material-ui/lab/Alert'
;
import
CreateParameter
from
'../Parameter/CreateParameter'
;
import
CreateParameter
from
'../Parameter/CreateParameter'
;
import
api
from
'../../../api'
;
import
api
from
'../../../api'
;
...
@@ -15,6 +15,15 @@ import PopUpDelete from '../../../library/PopUpDelete';
...
@@ -15,6 +15,15 @@ import PopUpDelete from '../../../library/PopUpDelete';
import
{
css
}
from
"@emotion/core"
;
import
{
css
}
from
"@emotion/core"
;
import
PropagateLoader
from
"react-spinners/PropagateLoader"
import
PropagateLoader
from
"react-spinners/PropagateLoader"
const
LightTooltip
=
withStyles
((
theme
)
=>
({
tooltip
:
{
backgroundColor
:
theme
.
palette
.
common
.
white
,
color
:
'rgba(0, 0, 0, 0.87)'
,
boxShadow
:
theme
.
shadows
[
1
],
fontSize
:
11
,
},
}))(
Tooltip
);
var
ct
=
require
(
"../../../library/CustomTable"
);
var
ct
=
require
(
"../../../library/CustomTable"
);
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
const
options
=
ct
.
customOptions
();
const
options
=
ct
.
customOptions
();
...
@@ -73,7 +82,7 @@ export default class Parameter extends Component {
...
@@ -73,7 +82,7 @@ export default class Parameter extends Component {
}
}
getAllParameter
()
{
getAllParameter
()
{
this
.
setState
({
loading
:
true
})
this
.
setState
({
loading
:
true
})
api
.
create
().
getAllParameter
().
then
(
response
=>
{
api
.
create
().
getAllParameter
().
then
(
response
=>
{
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
ok
)
{
...
@@ -97,9 +106,9 @@ export default class Parameter extends Component {
...
@@ -97,9 +106,9 @@ export default class Parameter extends Component {
})
})
this
.
setState
({
dataTable
:
listData
,
data
:
response
.
data
.
data
},
()
=>
{
this
.
setState
({
dataTable
:
listData
,
data
:
response
.
data
.
data
},
()
=>
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
setState
({
loading
:
false
})
this
.
setState
({
loading
:
false
})
},
2000
);
},
2000
);
})
})
}
else
{
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
loading
:
false
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
...
@@ -344,12 +353,11 @@ export default class Parameter extends Component {
...
@@ -344,12 +353,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"group"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"group"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -369,12 +377,11 @@ export default class Parameter extends Component {
...
@@ -369,12 +377,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"parameter"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"parameter"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -394,12 +401,11 @@ export default class Parameter extends Component {
...
@@ -394,12 +401,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"company"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"company"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -419,12 +425,11 @@ export default class Parameter extends Component {
...
@@ -419,12 +425,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"description"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"description"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -444,12 +449,11 @@ export default class Parameter extends Component {
...
@@ -444,12 +449,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"order"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"order"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -469,12 +473,11 @@ export default class Parameter extends Component {
...
@@ -469,12 +473,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"value"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"value"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -494,12 +497,11 @@ export default class Parameter extends Component {
...
@@ -494,12 +497,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"min_value"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"min_value"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -519,12 +521,11 @@ export default class Parameter extends Component {
...
@@ -519,12 +521,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"max_value"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"max_value"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -544,12 +545,11 @@ export default class Parameter extends Component {
...
@@ -544,12 +545,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"start_date"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"start_date"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -569,12 +569,11 @@ export default class Parameter extends Component {
...
@@ -569,12 +569,11 @@ export default class Parameter extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
11
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
data
-
for
=
"enddate"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
11
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"enddate"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -693,7 +692,7 @@ export default class Parameter extends Component {
...
@@ -693,7 +692,7 @@ export default class Parameter extends Component {
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
this
.
state
.
edit
&&
{
this
.
state
.
edit
&&
<
span
>
<
span
>
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
button
<
button
...
@@ -712,7 +711,7 @@ export default class Parameter extends Component {
...
@@ -712,7 +711,7 @@ export default class Parameter extends Component {
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
<
/span
>
}
}
{
this
.
state
.
delete
&&
{
this
.
state
.
delete
&&
<
span
>
<
span
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
button
<
button
...
@@ -731,7 +730,7 @@ export default class Parameter extends Component {
...
@@ -731,7 +730,7 @@ export default class Parameter extends Component {
<
/span
>
<
/span
>
}
}
<
/div
>
<
/div
>
);
);
}
}
}
}
...
@@ -854,15 +853,15 @@ export default class Parameter extends Component {
...
@@ -854,15 +853,15 @@ export default class Parameter extends Component {
[
""
,
"-"
,
"-"
,
"-"
,
"-"
,
"-"
]
[
""
,
"-"
,
"-"
,
"-"
,
"-"
,
"-"
]
]
]
const
loadingComponent
=
(
const
loadingComponent
=
(
<
div
style
=
{{
position
:
'absolute'
,
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
:
'absolute'
,
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
// css={override}
// css={override}
size
=
{
20
}
size
=
{
20
}
color
=
{
"#274B80"
}
color
=
{
"#274B80"
}
loading
=
{
this
.
state
.
loading
}
loading
=
{
this
.
state
.
loading
}
/
>
/
>
<
/div
>
<
/div
>
);
);
return
(
return
(
<
div
style
=
{{
height
:
this
.
props
.
height
}}
>
<
div
style
=
{{
height
:
this
.
props
.
height
}}
>
{
/* <Row> */
}
{
/* <Row> */
}
...
@@ -955,7 +954,7 @@ export default class Parameter extends Component {
...
@@ -955,7 +954,7 @@ export default class Parameter extends Component {
)}
)}
<
div
style
=
{{
padding
:
25
}}
>
<
div
style
=
{{
padding
:
25
}}
>
{
this
.
state
.
loading
&&
loadingComponent
}
{
this
.
state
.
loading
&&
loadingComponent
}
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MuiThemeProvider
theme
=
{
getMuiTheme
()}
>
<
MUIDataTable
<
MUIDataTable
theme
=
{
getMuiTheme
()}
theme
=
{
getMuiTheme
()}
...
...
src/container/MasterData/UnitBisnis.js
View file @
24f6eb8f
...
@@ -8,7 +8,7 @@ import MUIDataTable from "mui-datatables";
...
@@ -8,7 +8,7 @@ import MUIDataTable from "mui-datatables";
import
CreateUnitBisnis
from
"./formUnitBisnis/CreateUnitBisnis"
;
import
CreateUnitBisnis
from
"./formUnitBisnis/CreateUnitBisnis"
;
import
ReactTooltip
from
'react-tooltip'
;
import
ReactTooltip
from
'react-tooltip'
;
import
MuiAlert
from
'@material-ui/lab/Alert'
;
import
MuiAlert
from
'@material-ui/lab/Alert'
;
import
{
TextField
,
InputBase
,
Snackbar
,
withStyles
,
LinearProgress
}
from
"@material-ui/core"
;
import
{
TextField
,
InputBase
,
Snackbar
,
withStyles
,
LinearProgress
,
Tooltip
}
from
"@material-ui/core"
;
import
{
ExcelRenderer
}
from
'react-excel-renderer'
;
import
{
ExcelRenderer
}
from
'react-excel-renderer'
;
import
api
from
"../../api"
;
import
api
from
"../../api"
;
import
{
isThisSecond
}
from
"date-fns"
;
import
{
isThisSecond
}
from
"date-fns"
;
...
@@ -18,6 +18,15 @@ import Constant from "../../library/Constant";
...
@@ -18,6 +18,15 @@ import Constant from "../../library/Constant";
import
{
css
}
from
"@emotion/core"
;
import
{
css
}
from
"@emotion/core"
;
import
PropagateLoader
from
"react-spinners/PropagateLoader"
import
PropagateLoader
from
"react-spinners/PropagateLoader"
const
LightTooltip
=
withStyles
((
theme
)
=>
({
tooltip
:
{
backgroundColor
:
theme
.
palette
.
common
.
white
,
color
:
'rgba(0, 0, 0, 0.87)'
,
boxShadow
:
theme
.
shadows
[
1
],
fontSize
:
11
,
},
}))(
Tooltip
);
var
ct
=
require
(
"../../library/CustomTable"
);
var
ct
=
require
(
"../../library/CustomTable"
);
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
const
options
=
ct
.
customOptions
();
const
options
=
ct
.
customOptions
();
...
@@ -118,12 +127,11 @@ export default class UnitBisnis extends Component {
...
@@ -118,12 +127,11 @@ export default class UnitBisnis extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
3
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
3
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
3
][
check
].
message
}
data
-
for
=
"unitbisnis"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
3
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"unitbisnis"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -143,12 +151,11 @@ export default class UnitBisnis extends Component {
...
@@ -143,12 +151,11 @@ export default class UnitBisnis extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
3
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
3
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
3
][
check
].
message
}
data
-
for
=
"startdate"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
3
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"startdate"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
@@ -168,12 +175,11 @@ export default class UnitBisnis extends Component {
...
@@ -168,12 +175,11 @@ export default class UnitBisnis extends Component {
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
3
]
!=
null
&&
check
>
-
1
?
{
tableMeta
.
rowData
[
3
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
3
][
check
].
message
}
data
-
for
=
"enddate"
>
<
LightTooltip
title
=
{
tableMeta
.
rowData
[
3
][
check
].
message
}
arrow
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
/
a
>
:
<
/
LightTooltip
>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
===
""
?
"Empty"
:
val
}
<
/span
>
}
}
<
ReactTooltip
border
=
{
true
}
id
=
"enddate"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
);
);
}
}
...
...
src/library/CustomTable.js
View file @
24f6eb8f
...
@@ -33,7 +33,7 @@ exports.customTable = function () {
...
@@ -33,7 +33,7 @@ exports.customTable = function () {
MUIDataTableToolbar
:
{
MUIDataTableToolbar
:
{
root
:
{
root
:
{
position
:
'relative'
,
position
:
'relative'
,
padding
:
"0px 15px"
,
padding
:
"0px 15px"
,
backgroundColor
:
'#f2f6fa'
,
//'rgba(0,76,151,0.05)',
backgroundColor
:
'#f2f6fa'
,
//'rgba(0,76,151,0.05)',
},
},
titleText
:
{
titleText
:
{
...
@@ -138,7 +138,7 @@ exports.customTable = function () {
...
@@ -138,7 +138,7 @@ exports.customTable = function () {
color
:
"#555"
,
color
:
"#555"
,
padding
:
"10px 20px"
,
padding
:
"10px 20px"
,
height
:
"auto"
height
:
"auto"
,
,
marginTop
:
"10px"
marginTop
:
"10px"
},
},
},
},
...
@@ -362,6 +362,8 @@ exports.customTable3 = function () {
...
@@ -362,6 +362,8 @@ exports.customTable3 = function () {
overflow
:
"hidden"
,
overflow
:
"hidden"
,
},
},
},
},
responsiveScrollMaxHeight
:
{
},
MuiToolbar
:
{
MuiToolbar
:
{
root
:
{
root
:
{
left
:
{
left
:
{
...
@@ -486,7 +488,7 @@ exports.customOptions = function () {
...
@@ -486,7 +488,7 @@ exports.customOptions = function () {
selectableRows
:
'none'
,
selectableRows
:
'none'
,
filterType
:
'multiselect'
,
filterType
:
'multiselect'
,
responsive
:
'scroll'
,
responsive
:
'scroll'
,
viewColumns
:
true
,
viewColumns
:
true
,
rowsPerPage
:
5
,
rowsPerPage
:
5
,
rowsPerPageOptions
:
[
5
,
10
,
20
,
50
],
rowsPerPageOptions
:
[
5
,
10
,
20
,
50
],
print
:
false
,
print
:
false
,
...
@@ -519,12 +521,12 @@ exports.customOptionsFixedColumn = function () {
...
@@ -519,12 +521,12 @@ exports.customOptionsFixedColumn = function () {
filter
:
false
,
filter
:
false
,
sort
:
false
,
sort
:
false
,
responsive
:
'scrollMaxHeight'
,
responsive
:
'scrollMaxHeight'
,
viewColumns
:
false
,
viewColumns
:
false
,
overflowX
:
'auto'
,
//
overflowX: 'auto',
print
:
false
,
print
:
false
,
download
:
false
,
download
:
false
,
elevation
:
5
,
elevation
:
5
,
search
:
false
,
search
:
false
,
pagination
:
false
pagination
:
false
}
}
}
}
...
@@ -535,7 +537,7 @@ exports.customOptionsManagementDocument = function () {
...
@@ -535,7 +537,7 @@ exports.customOptionsManagementDocument = function () {
selectableRows
:
'none'
,
selectableRows
:
'none'
,
filterType
:
'multiselect'
,
filterType
:
'multiselect'
,
responsive
:
'scroll'
,
responsive
:
'scroll'
,
viewColumns
:
true
,
viewColumns
:
true
,
rowsPerPage
:
10
,
rowsPerPage
:
10
,
rowsPerPageOptions
:
[
10
,
20
,
30
,
50
],
rowsPerPageOptions
:
[
10
,
20
,
30
,
50
],
print
:
false
,
print
:
false
,
...
...
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