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
e1179e48
Commit
e1179e48
authored
Sep 08, 2020
by
d.arizona
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update delete
parent
816c209e
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
374 additions
and
239 deletions
+374
-239
ApprovalMatrix.js
src/container/ApprovalMatrix/ApprovalMatrix.js
+25
-21
Parameter.js
src/container/MasterData/Parameter/Parameter.js
+42
-33
Perusahaan.js
src/container/MasterData/Perusahaan/Perusahaan.js
+51
-43
ReportItems.js
src/container/MasterData/ReportItems.js
+40
-32
UnitBisnis.js
src/container/MasterData/UnitBisnis.js
+41
-33
User.js
src/container/Otorisasi/User.js
+114
-50
UserRole.js
src/container/Otorisasi/UserRole.js
+61
-27
No files found.
src/container/ApprovalMatrix/ApprovalMatrix.js
View file @
e1179e48
...
@@ -45,6 +45,7 @@ export default class ApprovalMatrix extends Component {
...
@@ -45,6 +45,7 @@ export default class ApprovalMatrix extends Component {
messageAlert
:
''
,
messageAlert
:
''
,
btncreate
:
false
,
btncreate
:
false
,
btnedit
:
false
,
btnedit
:
false
,
btndelete
:
false
,
load
:
false
,
load
:
false
,
judul
:
''
,
judul
:
''
,
popupDel
:
false
,
popupDel
:
false
,
...
@@ -334,6 +335,7 @@ export default class ApprovalMatrix extends Component {
...
@@ -334,6 +335,7 @@ export default class ApprovalMatrix extends Component {
this
.
setState
({
this
.
setState
({
btncreate
:
response
.
data
.
data
.
create
,
btncreate
:
response
.
data
.
data
.
create
,
btnedit
:
response
.
data
.
data
.
edit
,
btnedit
:
response
.
data
.
data
.
edit
,
btndelete
:
response
.
data
.
data
.
delete
,
load
:
true
load
:
true
})
})
}
else
{
}
else
{
...
@@ -610,39 +612,41 @@ export default class ApprovalMatrix extends Component {
...
@@ -610,39 +612,41 @@ export default class ApprovalMatrix extends Component {
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
console
.
log
(
tableMeta
)
console
.
log
(
tableMeta
)
return
(
return
(
this
.
state
.
btnedit
&&
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
this
.
state
.
btnedit
&&
<
span
>
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
button
<
button
style
=
{{
style
=
{{
backgroundColor
:
'transparent'
,
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
borderColor
:
'transparent'
,
marginRight
:
15
marginRight
:
15
}}
}}
// onClick={() => console.log(tableMeta)}
// onClick={() => console.log(tableMeta)}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
>
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
/button
>
<
/button
>
<
/a
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span>
}
{
this
.
state
.
btndelete
&&
<
span
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
button
<
button
style
=
{{
style
=
{{
backgroundColor
:
'transparent'
,
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
borderColor
:
'transparent'
,
}}
}}
// onClick={() => console.log(tableMeta)}
// onClick={() => console.log(tableMeta)}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
>
>
<
img
src
=
{
Images
.
delete
}
/
>
<
img
src
=
{
Images
.
delete
}
/
>
<
/button
>
<
/button
>
<
/a
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/
div
>
<
/
span>
}
)
<
/div
>
);
);
}
}
}
}
...
...
src/container/MasterData/Parameter/Parameter.js
View file @
e1179e48
...
@@ -36,6 +36,7 @@ export default class Parameter extends Component {
...
@@ -36,6 +36,7 @@ export default class Parameter extends Component {
messageAlert
:
''
,
messageAlert
:
''
,
create
:
false
,
create
:
false
,
edit
:
false
,
edit
:
false
,
delete
:
false
,
load
:
false
,
load
:
false
,
judul
:
''
judul
:
''
}
}
...
@@ -58,6 +59,7 @@ export default class Parameter extends Component {
...
@@ -58,6 +59,7 @@ export default class Parameter extends Component {
this
.
setState
({
this
.
setState
({
create
:
response
.
data
.
data
.
create
,
create
:
response
.
data
.
data
.
create
,
edit
:
response
.
data
.
data
.
edit
,
edit
:
response
.
data
.
data
.
edit
,
delete
:
response
.
data
.
data
.
delete
,
load
:
true
load
:
true
})
})
}
else
{
}
else
{
...
@@ -682,39 +684,46 @@ export default class Parameter extends Component {
...
@@ -682,39 +684,46 @@ export default class Parameter extends Component {
filter
:
false
,
filter
:
false
,
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
return
(
this
.
state
.
edit
&&
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
this
.
state
.
edit
&&
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
span
>
<
button
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
style
=
{{
<
button
backgroundColor
:
'transparent'
,
style
=
{{
cursor
:
'pointer'
,
backgroundColor
:
'transparent'
,
borderColor
:
'transparent'
,
cursor
:
'pointer'
,
marginRight
:
15
borderColor
:
'transparent'
,
}}
marginRight
:
15
// onClick={() => console.log(tableMeta)}
}}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
// onClick={() => console.log(tableMeta)}
>
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
<
img
src
=
{
Images
.
editCopy
}
/
>
>
<
/button
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
/a
>
<
/button
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/a
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
button
<
/span
>
style
=
{{
}
backgroundColor
:
'transparent'
,
{
this
.
state
.
delete
&&
cursor
:
'pointer'
,
<
span
>
borderColor
:
'transparent'
,
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
}}
<
button
// onClick={() => console.log(tableMeta)}
style
=
{{
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
backgroundColor
:
'transparent'
,
>
cursor
:
'pointer'
,
<
img
src
=
{
Images
.
delete
}
/
>
borderColor
:
'transparent'
,
<
/button
>
}}
<
/a
>
// onClick={() => console.log(tableMeta)}
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
<
/div
>
>
)
<
img
src
=
{
Images
.
delete
}
/
>
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
}
<
/div
>
);
);
}
}
}
}
...
...
src/container/MasterData/Perusahaan/Perusahaan.js
View file @
e1179e48
...
@@ -49,6 +49,7 @@ export default class Perusahaan extends Component {
...
@@ -49,6 +49,7 @@ export default class Perusahaan extends Component {
messageAlert
:
''
,
messageAlert
:
''
,
create
:
false
,
create
:
false
,
edit
:
false
,
edit
:
false
,
delete
:
false
,
load
:
false
,
load
:
false
,
judul
:
''
,
judul
:
''
,
rowData
:
[],
rowData
:
[],
...
@@ -281,6 +282,7 @@ export default class Perusahaan extends Component {
...
@@ -281,6 +282,7 @@ export default class Perusahaan extends Component {
this
.
setState
({
this
.
setState
({
create
:
response
.
data
.
data
.
create
,
create
:
response
.
data
.
data
.
create
,
edit
:
response
.
data
.
data
.
edit
,
edit
:
response
.
data
.
data
.
edit
,
delete
:
response
.
data
.
data
.
delete
,
load
:
true
load
:
true
})
})
}
else
{
}
else
{
...
@@ -525,49 +527,55 @@ export default class Perusahaan extends Component {
...
@@ -525,49 +527,55 @@ export default class Perusahaan extends Component {
sort
:
false
,
sort
:
false
,
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
return
(
this
.
state
.
edit
&&
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
this
.
state
.
edit
&&
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
span
>
<
button
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
style
=
{{
<
button
backgroundColor
:
'transparent'
,
style
=
{{
cursor
:
'pointer'
,
backgroundColor
:
'transparent'
,
borderColor
:
'transparent'
cursor
:
'pointer'
,
}}
borderColor
:
'transparent'
// onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })}
}}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
// onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })}
>
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
<
div
style
=
{{
display
:
'flex'
}}
>
>
{
!
tableMeta
.
rowData
[
2
].
includes
(
"TIA"
)
?
<
div
style
=
{{
display
:
'flex'
}}
>
<
img
src
=
{
Images
.
editCopy
}
/>
:
{
!
tableMeta
.
rowData
[
2
].
includes
(
"TIA"
)
?
null
<
img
src
=
{
Images
.
editCopy
}
/>
:
}
null
<
/div
>
}
<
/button
>
<
/div
>
<
/a
>
<
/button
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/a
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
button
<
/span
>
style
=
{{
}
backgroundColor
:
'transparent'
,
{
this
.
state
.
delete
&&
cursor
:
'pointer'
,
<
span
>
borderColor
:
'transparent'
,
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
marginLeft
:
10
<
button
}}
style
=
{{
// onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })}
backgroundColor
:
'transparent'
,
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
cursor
:
'pointer'
,
>
borderColor
:
'transparent'
,
<
div
style
=
{{
display
:
'flex'
}}
>
marginLeft
:
10
{
!
tableMeta
.
rowData
[
2
].
includes
(
"TIA"
)
?
}}
<
img
src
=
{
Images
.
delete
}
/>
:
// onClick={() => this.setState({ visibleEdit: true, data: tableMeta.rowData })}
null
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
}
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
}}
>
<
/button
>
{
!
tableMeta
.
rowData
[
2
].
includes
(
"TIA"
)
?
<
/a
>
<
img
src
=
{
Images
.
delete
}
/>
:
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
null
<
/div
>
}
)
<
/div
>
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
}
<
/div
>
);
);
}
}
}
}
...
...
src/container/MasterData/ReportItems.js
View file @
e1179e48
...
@@ -44,6 +44,7 @@ export default class ReportItems extends Component {
...
@@ -44,6 +44,7 @@ export default class ReportItems extends Component {
messageAlert
:
''
,
messageAlert
:
''
,
buttonCreate
:
false
,
buttonCreate
:
false
,
buttonEdit
:
false
,
buttonEdit
:
false
,
buttonDelete
:
false
,
load
:
false
,
load
:
false
,
judul
:
''
,
judul
:
''
,
reportNameDelete
:
''
,
reportNameDelete
:
''
,
...
@@ -585,6 +586,7 @@ export default class ReportItems extends Component {
...
@@ -585,6 +586,7 @@ export default class ReportItems extends Component {
this
.
setState
({
this
.
setState
({
buttonCreate
:
response
.
data
.
data
.
create
,
buttonCreate
:
response
.
data
.
data
.
create
,
buttonEdit
:
response
.
data
.
data
.
edit
,
buttonEdit
:
response
.
data
.
data
.
edit
,
buttonDelete
:
response
.
data
.
data
.
delete
,
load
:
true
load
:
true
})
})
}
else
{
}
else
{
...
@@ -829,39 +831,45 @@ export default class ReportItems extends Component {
...
@@ -829,39 +831,45 @@ export default class ReportItems extends Component {
sort
:
false
,
sort
:
false
,
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
return
(
this
.
state
.
buttonEdit
&&
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
this
.
state
.
buttonEdit
&&
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
span
>
<
button
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
style
=
{{
<
button
backgroundColor
:
'transparent'
,
style
=
{{
cursor
:
'pointer'
,
backgroundColor
:
'transparent'
,
borderColor
:
'transparent'
cursor
:
'pointer'
,
}}
borderColor
:
'transparent'
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
}}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
>
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
/button
>
<
/button
>
<
/a
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
/span
>
<
button
}
style
=
{{
{
this
.
state
.
buttonDelete
&&
backgroundColor
:
'transparent'
,
<
span
>
cursor
:
'pointer'
,
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
borderColor
:
'transparent'
,
<
button
marginLeft
:
15
style
=
{{
}}
backgroundColor
:
'transparent'
,
// onClick={() => console.log(tableMeta)}
cursor
:
'pointer'
,
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
borderColor
:
'transparent'
,
>
marginLeft
:
15
<
img
src
=
{
Images
.
delete
}
/
>
}}
<
/button
>
// onClick={() => console.log(tableMeta)}
<
/a
>
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
>
<
/div
>
<
img
src
=
{
Images
.
delete
}
/
>
)
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
}
<
/div
>
);
);
}
}
}
}
...
...
src/container/MasterData/UnitBisnis.js
View file @
e1179e48
...
@@ -45,6 +45,7 @@ export default class UnitBisnis extends Component {
...
@@ -45,6 +45,7 @@ export default class UnitBisnis extends Component {
messageAlert
:
''
,
messageAlert
:
''
,
create
:
false
,
create
:
false
,
edit
:
false
,
edit
:
false
,
delete
:
false
,
load
:
false
,
load
:
false
,
judul
:
''
,
judul
:
''
,
rowData
:
[],
rowData
:
[],
...
@@ -228,6 +229,7 @@ export default class UnitBisnis extends Component {
...
@@ -228,6 +229,7 @@ export default class UnitBisnis extends Component {
this
.
setState
({
this
.
setState
({
create
:
response
.
data
.
data
.
create
,
create
:
response
.
data
.
data
.
create
,
edit
:
response
.
data
.
data
.
edit
,
edit
:
response
.
data
.
data
.
edit
,
delete
:
response
.
data
.
data
.
delete
,
load
:
true
load
:
true
})
})
}
else
{
}
else
{
...
@@ -477,39 +479,45 @@ export default class UnitBisnis extends Component {
...
@@ -477,39 +479,45 @@ export default class UnitBisnis extends Component {
sort
:
false
,
sort
:
false
,
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
return
(
return
(
this
.
state
.
edit
&&
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
this
.
state
.
edit
&&
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
<
span
>
<
button
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
style
=
{{
<
button
backgroundColor
:
'transparent'
,
style
=
{{
cursor
:
'pointer'
,
backgroundColor
:
'transparent'
,
borderColor
:
'transparent'
,
cursor
:
'pointer'
,
marginRight
:
15
borderColor
:
'transparent'
,
}}
marginRight
:
15
// onClick={() => console.log(tableMeta)}
}}
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
// onClick={() => console.log(tableMeta)}
>
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'edit'
)}
<
img
src
=
{
Images
.
editCopy
}
/
>
>
<
/button
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
/a
>
<
/button
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/a
>
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
button
<
/span
>
style
=
{{
}
backgroundColor
:
'transparent'
,
{
this
.
state
.
delete
&&
cursor
:
'pointer'
,
<
span
>
borderColor
:
'transparent'
,
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
}}
<
button
// onClick={() => console.log(tableMeta)}
style
=
{{
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
backgroundColor
:
'transparent'
,
>
cursor
:
'pointer'
,
<
img
src
=
{
Images
.
delete
}
/
>
borderColor
:
'transparent'
,
<
/button
>
}}
<
/a
>
// onClick={() => console.log(tableMeta)}
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
onClick
=
{()
=>
this
.
openPopUp
(
tableMeta
.
rowData
,
'delete'
)}
<
/div
>
>
)
<
img
src
=
{
Images
.
delete
}
/
>
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
}
<
/div
>
);
);
}
}
}
}
...
...
src/container/Otorisasi/User.js
View file @
e1179e48
...
@@ -184,7 +184,27 @@ export default class UserRole extends Component {
...
@@ -184,7 +184,27 @@ export default class UserRole extends Component {
let
data
=
this
.
state
.
rowData
let
data
=
this
.
state
.
rowData
api
.
create
().
deleteUser
(
data
[
1
]).
then
((
response
)
=>
{
api
.
create
().
deleteUser
(
data
[
1
]).
then
((
response
)
=>
{
this
.
setState
({
popupDel
:
false
})
this
.
setState
({
popupDel
:
false
})
this
.
getUser
()
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
==
'success'
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'success'
})
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
})
}
this
.
getUser
()
})
})
}
}
...
@@ -516,30 +536,40 @@ export default class UserRole extends Component {
...
@@ -516,30 +536,40 @@ export default class UserRole extends Component {
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
/* {tableMeta.rowData[6] === "Active" ? */
}
{
/* {tableMeta.rowData[6] === "Active" ? */
}
{
this
.
state
.
buttonEdit
&&
(
{
this
.
state
.
buttonEdit
&&
(
<
button
<
span
>
style
=
{{
<
a
data
-
tip
=
{
'Edit'
}
data
-
for
=
"edit"
>
backgroundColor
:
'transparent'
,
<
button
cursor
:
'pointer'
,
style
=
{{
borderColor
:
'transparent'
,
backgroundColor
:
'transparent'
,
}}
cursor
:
'pointer'
,
// onClick={() => console.log(tableMeta.rowData[1])}
borderColor
:
'transparent'
,
onClick
=
{()
=>
this
.
setState
({
edit
:
true
,
indexData
:
tableMeta
.
rowData
[
1
]
})}
}}
>
// onClick={() => console.log(tableMeta.rowData[1])}
<
img
src
=
{
Images
.
editCopy
}
/
>
onClick
=
{()
=>
this
.
setState
({
edit
:
true
,
indexData
:
tableMeta
.
rowData
[
1
]
})}
<
/button
>
>
<
img
src
=
{
Images
.
editCopy
}
/
>
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"edit"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
)}
)}
{
this
.
state
.
buttonDelete
&&
(
{
this
.
state
.
buttonDelete
&&
(
<
button
<
span
>
style
=
{{
<
a
data
-
tip
=
{
'Delete'
}
data
-
for
=
"delete"
>
backgroundColor
:
'transparent'
,
<
button
cursor
:
'pointer'
,
style
=
{{
borderColor
:
'transparent'
,
backgroundColor
:
'transparent'
,
marginLeft
:
10
cursor
:
'pointer'
,
}}
borderColor
:
'transparent'
,
onClick
=
{()
=>
this
.
setState
({
popupDel
:
true
,
rowData
:
tableMeta
.
rowData
})}
marginLeft
:
10
>
}}
<
img
src
=
{
Images
.
delete
}
/
>
onClick
=
{()
=>
this
.
setState
({
popupDel
:
true
,
rowData
:
tableMeta
.
rowData
})}
<
/button
>
>
<
img
src
=
{
Images
.
delete
}
/
>
<
/button
>
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"delete"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/span
>
)}
)}
{
/* :
{
/* :
null
null
...
@@ -809,35 +839,69 @@ export default class UserRole extends Component {
...
@@ -809,35 +839,69 @@ export default class UserRole extends Component {
)}
)}
{
this
.
state
.
popupDel
&&
(
{
this
.
state
.
popupDel
&&
(
<
div
className
=
"test app-popup-show"
>
<
div
className
=
"test app-popup-show"
>
<
div
className
=
"popup-content background-white border-radius"
style
=
{{
borderRadius
:
8
,
padding
:
50
}}
>
<
div
className
=
"popup-content background-white border-radius"
style
=
{{
borderRadius
:
8
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
paddingTop
:
20
}}
>
<
img
src
=
{
Images
.
failed
}
/
>
<
img
src
=
{
Images
.
failed
}
/
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
}}
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
,
paddingBottom
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Delete
{
titleCase
(
this
.
state
.
rowData
[
2
])}
?
Delete
{
titleCase
(
this
.
state
.
rowData
[
2
])}
?
<
/span
>
<
/span
>
{
/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
<
/div
>
{`Please try again later.`}
<
div
className
=
"border-top grid grid-2x"
style
=
{{
height
:
56
,
backgroundColor
:
'#f5f5f5'
,
paddingLeft
:
20
,
paddingRight
:
20
}}
>
</span> */
}
<
div
className
=
"column-1"
style
=
{{
alignSelf
:
'center'
}}
>
<
/div
>
<
button
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
24
}}
>
type
=
"button"
<
button
onClick
=
{()
=>
this
.
setState
({
popupDel
:
false
})}
className
=
{
"btn-save"
}
>
onClick
=
{()
=>
this
.
setState
({
popupDel
:
false
})}
<
div
style
=
{{
width
:
102
,
height
:
30
,
border
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
>
<
span
style
=
{{
color
:
'#354960'
,
fontSize
:
11
}}
>
Cancel
<
/span
>
<
span
style
=
{{
color
:
'white'
}}
>
Cancel
<
/span
>
<
/div
>
<
/button
>
<
/button
>
<
button
<
/div
>
className
=
{
"btn-save"
}
<
div
className
=
"column-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
alignItems
:
'center'
}}
>
style
=
{{
marginLeft
:
50
}}
<
button
onClick
=
{()
=>
this
.
deleteUser
()}
type
=
"button"
>
onClick
=
{()
=>
this
.
deleteUser
()}
<
span
style
=
{{
color
:
'white'
}}
>
Delete
<
/span
>
>
<
/button
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
'#354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
'#fff'
,
fontSize
:
11
}}
>
Delete
<
/span
>
<
/div
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
// <div className="test app-popup-show">
// <div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}>
// <div style={{ display: 'flex', justifyContent: 'center' }}>
// <img src={Images.failed} />
// </div>
// <div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}>
// <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// Delete {titleCase(this.state.rowData[2])} ?
// </span>
// {/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// {`Please try again later.`}
// </span> */}
// </div>
// <div style={{ display: 'flex', justifyContent: 'center', marginTop: 24 }}>
// <button
// className={"btn-save"}
// onClick={()=> this.setState({popupDel: false})}
// >
// <span style={{ color: 'white' }}>Cancel</span>
// </button>
// <button
// className={"btn-save"}
// style={{ marginLeft: 50}}
// onClick={()=> this.deleteUser()}
// >
// <span style={{ color: 'white' }}>Delete</span>
// </button>
// </div>
// </div>
// </div>
)}
)}
{
this
.
state
.
popupError
&&
(
{
this
.
state
.
popupError
&&
(
<
PopUpFailedSave
onClickClose
=
{()
=>
this
.
setState
({
popupError
:
false
})}
/
>
<
PopUpFailedSave
onClickClose
=
{()
=>
this
.
setState
({
popupError
:
false
})}
/
>
...
...
src/container/Otorisasi/UserRole.js
View file @
e1179e48
...
@@ -363,35 +363,69 @@ class UserRole extends Component {
...
@@ -363,35 +363,69 @@ class UserRole extends Component {
)}
)}
{
this
.
state
.
popupDel
&&
(
{
this
.
state
.
popupDel
&&
(
<
div
className
=
"test app-popup-show"
>
<
div
className
=
"test app-popup-show"
>
<
div
className
=
"popup-content background-white border-radius"
style
=
{{
borderRadius
:
8
,
padding
:
50
}}
>
<
div
className
=
"popup-content background-white border-radius"
style
=
{{
borderRadius
:
8
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
paddingTop
:
20
}}
>
<
img
src
=
{
Images
.
failed
}
/
>
<
img
src
=
{
Images
.
failed
}
/
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
,
paddingBottom
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Delete
{
titleCase
(
this
.
state
.
rowData
[
2
])}
?
<
/span
>
<
/div
>
<
div
className
=
"border-top grid grid-2x"
style
=
{{
height
:
56
,
backgroundColor
:
'#f5f5f5'
,
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
className
=
"column-1"
style
=
{{
alignSelf
:
'center'
}}
>
<
button
type
=
"button"
onClick
=
{()
=>
this
.
setState
({
popupDel
:
false
})}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
border
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
'#354960'
,
fontSize
:
11
}}
>
Cancel
<
/span
>
<
/div
>
<
/button
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
alignItems
:
'center'
}}
>
<
button
type
=
"button"
onClick
=
{()
=>
this
.
deleteRole
()}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
'#354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
'#fff'
,
fontSize
:
11
}}
>
Delete
<
/span
>
<
/div
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
}}
>
Delete
{
titleCase
(
this
.
state
.
rowData
[
2
])}
?
<
/span
>
{
/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
{`Please try again later.`}
</span> */
}
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
24
}}
>
<
button
className
=
{
"btn-save"
}
onClick
=
{()
=>
this
.
setState
({
popupDel
:
false
})}
>
<
span
style
=
{{
color
:
'white'
}}
>
Cancel
<
/span
>
<
/button
>
<
button
className
=
{
"btn-save"
}
style
=
{{
marginLeft
:
50
}}
onClick
=
{()
=>
this
.
deleteRole
()}
>
<
span
style
=
{{
color
:
'white'
}}
>
Delete
<
/span
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
// <div className="test app-popup-show">
// <div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}>
// <div style={{ display: 'flex', justifyContent: 'center' }}>
// <img src={Images.failed} />
// </div>
// <div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}>
// <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// Delete {titleCase(this.state.rowData[2])} ?
// </span>
// {/* <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
// {`Please try again later.`}
// </span> */}
// </div>
// <div style={{ display: 'flex', justifyContent: 'center', marginTop: 24 }}>
// <button
// className={"btn-save"}
// onClick={()=> this.setState({popupDel: false})}
// >
// <span style={{ color: 'white' }}>Cancel</span>
// </button>
// <button
// className={"btn-save"}
// style={{ marginLeft: 50}}
// onClick={()=> this.deleteRole()}
// >
// <span style={{ color: 'white' }}>Delete</span>
// </button>
// </div>
// </div>
// </div>
)}
)}
<
/div
>
<
/div
>
);
);
...
...
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