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
7506ecd9
Commit
7506ecd9
authored
Sep 07, 2020
by
Dida Adams Arizona
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'didam' into 'master'
Didam See merge request
!254
parents
fefcdcaf
2a53aaeb
Changes
7
Show whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
447 additions
and
91 deletions
+447
-91
index.js
src/api/index.js
+1
-1
User.js
src/container/Otorisasi/User.js
+100
-20
AddUser.js
src/container/Otorisasi/User/AddUser.js
+70
-23
EditUser.js
src/container/Otorisasi/User/EditUser.js
+66
-18
UserRole.js
src/container/Otorisasi/UserRole.js
+75
-1
AddRole.js
src/container/Otorisasi/UserRole/AddRole.js
+94
-15
EditRole.js
src/container/Otorisasi/UserRole/EditRole.js
+41
-13
No files found.
src/api/index.js
View file @
7506ecd9
...
...
@@ -125,7 +125,7 @@ const create = (baseURL = 'https://tia.eksad.com/tia-reporting-dev/public/') =>
const
searchUser
=
(
body
)
=>
api
.
post
(
'user/search_user'
,
body
)
const
createUser
=
(
body
)
=>
api
.
post
(
'user/create_user'
,
body
)
const
updateUser
=
(
body
)
=>
api
.
post
(
'user/update_user'
,
body
)
const
deleteUser
=
(
userId
)
=>
api
.
ge
t
(
`user/delete_user/
${
userId
}
`
)
const
deleteUser
=
(
userId
)
=>
api
.
pos
t
(
`user/delete_user/
${
userId
}
`
)
const
changePassword
=
(
body
)
=>
api
.
post
(
'/user/change_password'
,
body
)
const
checkUploadUser
=
(
body
)
=>
api
.
post
(
'/user/check_import'
,
body
)
const
uploadUser
=
(
body
)
=>
api
.
post
(
'/user/import_user'
,
body
)
...
...
src/container/Otorisasi/User.js
View file @
7506ecd9
...
...
@@ -15,6 +15,7 @@ import { ExcelRenderer } from 'react-excel-renderer';
import
ReactTooltip
from
"react-tooltip"
;
import
PopUpFailedSave
from
"../../library/PopUpFailedSave"
;
import
Constant
from
"../../library/Constant"
;
import
PopUpDelete
from
"../ApprovalMatrix/PopUpDelete"
;
var
ct
=
require
(
"../../library/CustomTable"
);
const
getMuiTheme
=
()
=>
createMuiTheme
(
ct
.
customTable
());
...
...
@@ -31,6 +32,7 @@ export default class UserRole extends Component {
indexData
:
{},
add
:
false
,
edit
:
false
,
popupDel
:
false
,
visibleUser
:
true
,
buttonError
:
false
,
alert
:
false
,
...
...
@@ -153,11 +155,11 @@ export default class UserRole extends Component {
if
(
item
.
length
>
0
)
{
payload
.
push
({
id
:
index
+
1
,
fullname
:
item
[
0
],
email
:
item
[
1
],
role
:
item
[
2
],
start_date
:
item
[
3
],
end_date
:
item
[
4
],
fullname
:
item
[
0
]
==
undefined
?
''
:
item
[
0
]
,
email
:
item
[
1
]
==
undefined
?
''
:
item
[
1
]
,
role
:
item
[
2
]
==
undefined
?
''
:
item
[
2
]
,
start_date
:
item
[
3
]
==
undefined
?
''
:
item
[
3
]
,
end_date
:
item
[
4
]
==
undefined
?
''
:
item
[
4
]
,
})
}
})
...
...
@@ -170,6 +172,14 @@ export default class UserRole extends Component {
});
}
deleteUser
()
{
let
data
=
this
.
state
.
rowData
api
.
create
().
deleteUser
(
data
[
1
]).
then
((
response
)
=>
{
this
.
setState
({
popupDel
:
false
})
this
.
getUser
()
})
}
checkUpload
(){
api
.
create
().
checkUploadUser
(
this
.
state
.
payload
).
then
(
response
=>
{
console
.
log
(
response
);
...
...
@@ -190,7 +200,31 @@ export default class UserRole extends Component {
let
columns
=
[
"Data"
,
"Full Name"
,
{
name
:
"Full Name"
,
options
:
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
let
check
=
null
if
(
tableMeta
.
rowData
[
6
]
!=
null
)
{
check
=
tableMeta
.
rowData
[
6
].
findIndex
((
val
)
=>
val
.
field
.
includes
(
'fullname'
))
if
(
check
>
-
1
)
{
this
.
setState
({
buttonError
:
true
})
console
.
log
(
'masuk'
)
}
}
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
6
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
6
][
check
].
message
}
data
-
for
=
"fullname"
>
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
==
''
?
'Empty'
:
val
}
<
/span
>
<
/a>
:
<
span
style
=
{{
color
:
check
!=
null
&&
check
>
-
1
?
"red"
:
'black'
}}
>
{
val
==
''
?
'Empty'
:
val
}
<
/span
>
}
<
ReactTooltip
border
=
{
true
}
id
=
"fullname"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
);
}
}},
{
name
:
"Email"
,
options
:
{
...
...
@@ -207,9 +241,9 @@ export default class UserRole extends Component {
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
6
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
6
][
check
].
message
}
data
-
for
=
"email"
>
<
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>
:
<
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
=
"email"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
...
...
@@ -226,16 +260,16 @@ export default class UserRole extends Component {
check
=
tableMeta
.
rowData
[
6
].
findIndex
((
val
)
=>
val
.
field
.
includes
(
'role'
))
if
(
check
>
-
1
)
{
this
.
setState
({
buttonError
:
true
})
console
.
log
(
'masuk'
)
console
.
log
(
tableMeta
.
rowData
[
6
]
)
}
}
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
6
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
6
][
check
].
message
}
data
-
for
=
"role"
>
<
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>
:
<
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
=
"role"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
...
...
@@ -259,9 +293,9 @@ export default class UserRole extends Component {
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
6
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
6
][
check
].
message
}
data
-
for
=
"startdate"
>
<
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>
:
<
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
=
"startdate"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
...
...
@@ -285,9 +319,9 @@ export default class UserRole extends Component {
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
6
]
!=
null
&&
check
>
-
1
?
<
a
data
-
tip
=
{
tableMeta
.
rowData
[
6
][
check
].
message
}
data
-
for
=
"enddate"
>
<
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>
:
<
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
=
"enddate"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
...
...
@@ -387,13 +421,14 @@ export default class UserRole extends Component {
}
createUser
(
payload
)
{
console
.
log
(
'Mode Create'
)
api
.
create
().
createUser
(
payload
).
then
((
response
)
=>
{
// console.log(response
)
console
.
log
(
response
.
data
)
// if (String(response.data.status).toLocaleUpperCase === 'Success' || String(response.data.status).toLocaleUpperCase === 'success') {
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'
s
uccess'
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'success'
,
create
:
false
})
if
(
response
.
data
.
status
===
'
S
uccess'
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'success'
,
add
:
false
})
this
.
getUser
()
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
...
...
@@ -483,6 +518,19 @@ export default class UserRole extends Component {
<
img
src
=
{
Images
.
editCopy
}
/
>
<
/button
>
)}
{
this
.
state
.
buttonEdit
&&
(
<
button
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
marginLeft
:
10
}}
onClick
=
{()
=>
this
.
setState
({
popupDel
:
true
,
rowData
:
tableMeta
.
rowData
})}
>
<
img
src
=
{
Images
.
delete
}
/
>
<
/button
>
)}
{
/* :
null
} */
}
...
...
@@ -665,7 +713,7 @@ export default class UserRole extends Component {
<
/a
>
<
ReactTooltip
border
=
{
true
}
id
=
"download"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
{
this
.
state
.
buttonCreate
&&
(
<
a
data
-
tip
=
{
'Add New'
}
data
-
for
=
"
create
"
>
<
a
data
-
tip
=
{
'Add New'
}
data
-
for
=
"
add
"
>
<
button
style
=
{{
backgroundColor
:
'transparent'
,
...
...
@@ -680,7 +728,7 @@ export default class UserRole extends Component {
<
/button
>
<
/a
>
)}
<
ReactTooltip
border
=
{
true
}
id
=
"
create
"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
ReactTooltip
border
=
{
true
}
id
=
"
add
"
place
=
"bottom"
type
=
"light"
effect
=
"solid"
/>
<
/div
>
<
/div
>
)}
...
...
@@ -749,6 +797,38 @@ export default class UserRole extends Component {
data
=
{
this
.
state
.
indexData
}
/
>
)}
{
this
.
state
.
popupDel
&&
(
<
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
.
failedCopy
}
/
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
}}
>
Delete
{
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
&&
(
<
PopUpFailedSave
onClickClose
=
{()
=>
this
.
setState
({
popupError
:
false
})}
/
>
)}
...
...
src/container/Otorisasi/User/AddUser.js
View file @
7506ecd9
...
...
@@ -139,6 +139,33 @@ export default class AddUser extends Component {
}
clearError
()
{
let
listCompany
=
this
.
state
.
listCompany
let
company
=
this
.
state
.
company
const
handlePushChild
=
(
item
)
=>
{
let
indexIDzz
=
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
if
(
indexIDzz
===
-
1
)
{
company
.
push
(
item
.
id
)
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
}
}
listCompany
.
map
((
item
,
index
)
=>
{
company
.
push
(
item
.
id
)
handlePushChild
(
item
)
})
let
uniqueCompany
=
company
.
filter
((
val
,
id
,
array
)
=>
{
return
array
.
indexOf
(
val
)
==
id
;
});
company
=
this
.
state
.
role
.
role_id
===
1
?
uniqueCompany
:
[]
// console.log(uniqueCompany)
this
.
setState
({
errorFullname
:
false
,
errorEmail
:
false
,
...
...
@@ -150,6 +177,9 @@ export default class AddUser extends Component {
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
company
},
()
=>
{
console
.
log
(
this
.
state
.
company
)
})
}
...
...
@@ -262,41 +292,58 @@ export default class AddUser extends Component {
handleItemClick
(
item
)
{
let
indexID
=
this
.
state
.
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
let
listCompany
=
this
.
state
.
listCompany
let
company
=
this
.
state
.
company
if
(
indexID
===
-
1
)
{
const
handlePushChild
=
(
item
)
=>
{
let
indexIDzz
=
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
if
(
indexIDzz
===
-
1
)
{
company
.
push
(
item
.
id
)
if
(
item
.
parent
!==
null
)
{
let
indexIDs
=
this
.
state
.
company
.
findIndex
((
val
)
=>
val
===
item
.
parent
)
if
(
indexIDs
===
-
1
)
{
company
.
push
(
item
.
parent
)
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
}
}
const
handleSpliceChild
=
(
item
)
=>
{
let
indexIDzz
=
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
if
(
indexIDzz
!==
-
1
)
{
company
.
splice
(
indexIDzz
,
1
)
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
this
.
handleItemClick
(
items
)
item
.
children
.
map
((
items
,
indexs
)
=>
{
handleSpliceChild
(
items
)
})
}
}
}
else
{
company
.
splice
(
indexID
,
1
)
if
(
item
.
parent
!==
null
)
{
let
indexIDs
=
this
.
state
.
company
.
findIndex
((
val
)
=>
val
===
item
.
parent
)
if
(
indexIDs
!==
-
1
)
{
company
.
splice
(
indexIDs
,
1
)
}
if
(
indexID
===
-
1
)
{
company
.
push
(
item
.
id
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
this
.
handleItemClick
(
items
)
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
}
}
else
{
company
.
splice
(
indexID
,
1
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handleSpliceChild
(
items
)
})
}
}
this
.
setState
({
company
})
}
// console.log(company)
this
.
setState
({
company
})
}
renderChildren
=
(
item
,
pad
)
=>
{
...
...
@@ -570,7 +617,7 @@ export default class AddUser extends Component {
margin
=
"normal"
id
=
"startDate"
label
=
"Valid From"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
startDate
}
error
=
{
this
.
state
.
errorStartDate
}
helperText
=
{
this
.
state
.
msgErrorSD
}
...
...
@@ -603,7 +650,7 @@ export default class AddUser extends Component {
margin
=
"normal"
id
=
"endDate"
label
=
"Valid To"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
endDate
}
error
=
{
this
.
state
.
errorEndDate
}
helperText
=
{
this
.
state
.
msgErrorED
}
...
...
src/container/Otorisasi/User/EditUser.js
View file @
7506ecd9
...
...
@@ -123,6 +123,33 @@ export default class EditUser extends Component {
}
clearError
()
{
let
listCompany
=
this
.
state
.
listCompany
let
company
=
this
.
state
.
company
const
handlePushChild
=
(
item
)
=>
{
let
indexIDzz
=
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
if
(
indexIDzz
===
-
1
)
{
company
.
push
(
item
.
id
)
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
}
}
listCompany
.
map
((
item
,
index
)
=>
{
company
.
push
(
item
.
id
)
handlePushChild
(
item
)
})
let
uniqueCompany
=
company
.
filter
((
val
,
id
,
array
)
=>
{
return
array
.
indexOf
(
val
)
==
id
;
});
company
=
this
.
state
.
role
.
role_id
===
1
?
uniqueCompany
:
[]
// console.log(uniqueCompany)
this
.
setState
({
errorFullname
:
false
,
errorEmail
:
false
,
...
...
@@ -134,6 +161,7 @@ export default class EditUser extends Component {
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
company
})
}
...
...
@@ -251,7 +279,10 @@ export default class EditUser extends Component {
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
listCompany
:
response
.
data
.
data
})
let
dataBaru
=
response
.
data
.
data
.
map
((
item
,
index
)
=>
{
return
{...
item
,
check
:
false
}
})
this
.
setState
({
listCompany
:
dataBaru
})
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Token"
))
{
...
...
@@ -279,40 +310,57 @@ export default class EditUser extends Component {
handleItemClick
(
item
)
{
let
indexID
=
this
.
state
.
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
let
company
=
this
.
state
.
company
if
(
indexID
===
-
1
)
{
const
handlePushChild
=
(
item
)
=>
{
let
indexIDzz
=
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
if
(
indexIDzz
===
-
1
)
{
company
.
push
(
item
.
id
)
if
(
item
.
parent
!==
null
)
{
let
indexIDs
=
this
.
state
.
company
.
findIndex
((
val
)
=>
val
===
item
.
parent
)
if
(
indexIDs
===
-
1
)
{
company
.
push
(
item
.
parent
)
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
}
}
const
handleSpliceChild
=
(
item
)
=>
{
let
indexIDzz
=
company
.
findIndex
((
val
)
=>
val
===
item
.
id
)
if
(
indexIDzz
!==
-
1
)
{
company
.
splice
(
indexIDzz
,
1
)
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
this
.
handleItemClick
(
items
)
handleSpliceChild
(
items
)
})
}
}
}
else
{
company
.
splice
(
indexID
,
1
)
if
(
item
.
parent
!==
null
)
{
let
indexIDs
=
this
.
state
.
company
.
findIndex
((
val
)
=>
val
===
item
.
parent
)
if
(
indexIDs
!==
-
1
)
{
company
.
splice
(
indexIDs
,
1
)
}
if
(
indexID
===
-
1
)
{
company
.
push
(
item
.
id
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
}
}
else
{
company
.
splice
(
indexID
,
1
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
this
.
handleItemClick
(
items
)
handleSpliceChild
(
items
)
})
}
}
}
this
.
setState
({
company
})
// console.log(company)
this
.
setState
({
company
})
}
renderChildren
=
(
item
,
pad
)
=>
{
...
...
@@ -583,7 +631,7 @@ export default class EditUser extends Component {
margin
=
"normal"
id
=
"startDate"
label
=
"Valid From"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
tempData
===
null
?
null
:
this
.
state
.
tempData
.
start_date
}
error
=
{
this
.
state
.
errorStartDate
}
helperText
=
{
this
.
state
.
msgErrorSD
}
...
...
@@ -615,7 +663,7 @@ export default class EditUser extends Component {
margin
=
"normal"
id
=
"endDate"
label
=
"Valid To"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
tempData
===
null
?
null
:
this
.
state
.
tempData
.
end_date
}
error
=
{
this
.
state
.
errorEndDate
}
helperText
=
{
this
.
state
.
msgErrorED
}
...
...
src/container/Otorisasi/UserRole.js
View file @
7506ecd9
...
...
@@ -161,6 +161,33 @@ class UserRole extends Component {
this
.
setState
({
alert
:
false
})
}
deleteRole
()
{
let
data
=
this
.
state
.
rowData
api
.
create
().
deleteRole
(
data
[
1
]).
then
((
response
)
=>
{
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'success'
,
popupDel
:
false
})
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
,
popupDel
:
false
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Token"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
popupDel
:
false
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
problem
,
tipeAlert
:
'error'
,
popupDel
:
false
})
}
this
.
getRole
()
})
}
render
()
{
const
columns
=
[{
name
:
"Action"
,
...
...
@@ -186,7 +213,22 @@ class UserRole extends Component {
null
}
<
/div
>
<
/button
>
)}
{
this
.
state
.
buttonEdit
&&
(
<
button
style
=
{{
backgroundColor
:
'transparent'
,
cursor
:
'pointer'
,
borderColor
:
'transparent'
,
marginLeft
:
10
}}
onClick
=
{()
=>
this
.
setState
({
popupDel
:
true
,
rowData
:
tableMeta
.
rowData
})}
>
{
tableMeta
.
rowData
[
2
]
!==
"superadmin"
?
<
img
src
=
{
Images
.
delete
}
/>
:
null
}
<
/button
>
)}
<
/div
>
...
...
@@ -317,6 +359,38 @@ class UserRole extends Component {
data
=
{
this
.
state
.
indexData
}
/
>
)}
{
this
.
state
.
popupDel
&&
(
<
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
.
failedCopy
}
/
>
<
/div
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
}}
>
Delete
{
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
>
);
}
...
...
src/container/Otorisasi/UserRole/AddRole.js
View file @
7506ecd9
...
...
@@ -111,7 +111,7 @@ export default class AddRole extends Component {
validasi
()
{
if
(
R
.
isEmpty
(
this
.
state
.
roleName
))
{
this
.
setState
({
errorRoleName
:
true
,
msgErrorRN
:
'
User
Role Cannot be Empty.'
})
this
.
setState
({
errorRoleName
:
true
,
msgErrorRN
:
'Role Cannot be Empty.'
})
}
else
if
(
R
.
isNil
(
this
.
state
.
startDate
))
{
this
.
setState
({
errorStartDate
:
true
,
msgErrorSD
:
'Valid From Cannot be Empty.'
})
}
else
if
(
R
.
isNil
(
this
.
state
.
endDate
))
{
...
...
@@ -225,7 +225,7 @@ export default class AddRole extends Component {
if
(
indexID
===
-
1
)
{
privileges
.
push
({
menu_id
:
item
.
menu_id
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
if
(
item
.
sub_menu
.
length
>
0
)
{
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
...
...
@@ -233,7 +233,7 @@ export default class AddRole extends Component {
if
(
indexIDs
===
-
1
)
{
privileges
.
push
({
menu_id
:
items
.
menu_id
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
}
})
...
...
@@ -255,7 +255,7 @@ export default class AddRole extends Component {
if
(
indexIDref
==
-
1
)
{
privileges
.
push
({
menu_id
:
item
.
reference
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
}
else
{
if
(
total
<
1
)
{
...
...
@@ -289,7 +289,7 @@ export default class AddRole extends Component {
if
(
indexIDref
==
-
1
)
{
privileges
.
push
({
menu_id
:
item
.
reference
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
}
else
{
if
(
total
<
1
)
{
...
...
@@ -298,7 +298,9 @@ export default class AddRole extends Component {
}
}
}
this
.
setState
({
privileges
})
this
.
setState
({
privileges
},
()
=>
{
console
.
log
(
this
.
state
.
privileges
)
})
}
handleSubItemChecked
(
item
,
index
)
{
...
...
@@ -322,16 +324,60 @@ export default class AddRole extends Component {
let
indexButtonID
=
this
.
state
.
privileges
[
indexID
].
button_id
.
findIndex
((
val
)
=>
val
===
index
)
let
privileges
=
this
.
state
.
privileges
let
button_id
=
privileges
[
indexID
].
button_id
// const handlePushChild = (item) => {
// let indexIDzz = company.findIndex((val) => val === item.id)
// if (indexIDzz === -1) {
// company.push(item.id)
// }
// if (item.children !== null) {
// if (item.children.length > 0) {
// item.children.map((items,indexs) => {
// handlePushChild(items)
// })
// }
// }
// }
if
(
indexButtonID
===
-
1
)
{
button_id
.
push
(
index
)
console
.
log
(
item
)
if
(
item
.
sub_menu
.
length
>
0
)
{
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
let
subIndexID
=
privileges
.
findIndex
((
val
)
=>
val
.
menu_id
===
items
.
menu_id
)
if
(
subIndexID
===
-
1
)
{
console
.
log
(
'masuk pa eko'
,
subIndexID
)
privileges
.
push
({
menu_id
:
items
.
menu_id
,
button_id
:
[
index
]
})
}
else
{
let
subIndexButtonID
=
privileges
[
subIndexID
].
button_id
.
findIndex
((
val
)
=>
val
===
index
)
let
subButton_id
=
[]
console
.
log
(
subIndexButtonID
,
subButton_id
)
if
(
subIndexButtonID
===
-
1
)
{
subButton_id
.
push
(
index
)
privileges
[
subIndexID
].
button_id
=
subButton_id
}
else
{
subButton_id
=
privileges
[
subIndexID
].
button_id
console
.
log
(
subButton_id
)
subButton_id
.
splice
(
subIndexButtonID
,
1
)
privileges
[
subIndexID
].
button_id
=
subButton_id
.
sort
((
a
,
b
)
=>
a
-
b
)
}
}
// let subIndexButtonID = privileges[subIndexID].button_id.findIndex((val) => val === indexs)
// let subButton_id = privileges[indexID].button_id
})
}
}
else
{
button_id
.
splice
(
indexButtonID
,
1
)
}
privileges
[
indexID
].
button_id
=
button_id
privileges
[
indexID
].
button_id
=
button_id
.
sort
((
a
,
b
)
=>
a
-
b
)
if
(
button_id
.
length
===
0
)
{
privileges
.
splice
(
indexID
,
1
)
}
this
.
setState
({
privileges
})
this
.
setState
({
privileges
:
privileges
.
sort
((
a
,
b
)
=>
a
.
menu_id
-
b
.
menu_id
)
},
()
=>
{
console
.
log
(
this
.
state
.
privileges
)
})
}
handleDate
(
item
)
{
...
...
@@ -456,7 +502,7 @@ export default class AddRole extends Component {
margin
=
"normal"
id
=
"startDate"
label
=
"Valid From"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
startDate
}
error
=
{
this
.
state
.
errorStartDate
}
helperText
=
{
this
.
state
.
msgErrorSD
}
...
...
@@ -489,7 +535,7 @@ export default class AddRole extends Component {
margin
=
"normal"
id
=
"endDate"
label
=
"Valid To"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
endDate
}
error
=
{
this
.
state
.
errorEndDate
}
helperText
=
{
this
.
state
.
msgErrorED
}
...
...
@@ -564,7 +610,7 @@ export default class AddRole extends Component {
<
div
className
=
"column-1"
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'white'
}}
>
Authorization
Module
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px"
>
<
div
className
=
"column-1"
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'white'
}}
>
View
<
/Typography
>
<
/div
>
...
...
@@ -574,6 +620,9 @@ export default class AddRole extends Component {
<
div
className
=
"column 3"
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'white'
}}
>
Edit
<
/Typography
>
<
/div
>
<
div
className
=
"column 4"
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'white'
}}
>
Delete
<
/Typography
>
<
/div
>
<
/div
>
<
/div
>
...
...
@@ -594,7 +643,7 @@ export default class AddRole extends Component {
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
,
marginLeft
:
5
}}
>
{
item
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
...
...
@@ -618,6 +667,14 @@ export default class AddRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
// disabled
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
checked
=
{
this
.
handleSubItemChecked
(
item
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div
>
{
item
.
sub_menu
.
length
>
0
&&
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
...
...
@@ -631,7 +688,7 @@ export default class AddRole extends Component {
/
>
<
Typography
style
=
{{
fontSize
:
12
,
maxWidth
:
'100%'
,
marginLeft
:
5
}}
>
{
items
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
...
...
@@ -653,6 +710,13 @@ export default class AddRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
checked
=
{
this
.
handleSubItemChecked
(
items
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div
>
<
/Collapse
>
...
...
@@ -677,7 +741,7 @@ export default class AddRole extends Component {
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
,
marginLeft
:
5
}}
>
{
item
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
...
...
@@ -701,6 +765,14 @@ export default class AddRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
// disabled
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
checked
=
{
this
.
handleSubItemChecked
(
item
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div>
}
{
item
.
sub_menu
.
length
>
0
&&
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
...
...
@@ -714,7 +786,7 @@ export default class AddRole extends Component {
/
>
<
Typography
style
=
{{
fontSize
:
12
,
maxWidth
:
'100%'
,
marginLeft
:
5
}}
>
{
items
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
...
...
@@ -736,6 +808,13 @@ export default class AddRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
checked
=
{
this
.
handleSubItemChecked
(
items
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div
>
<
/Collapse
>
...
...
src/container/Otorisasi/UserRole/EditRole.js
View file @
7506ecd9
...
...
@@ -124,7 +124,7 @@ export default class EditRole extends Component {
validasi
()
{
if
(
R
.
isEmpty
(
this
.
state
.
tempData
.
role_name
))
{
this
.
setState
({
errorRoleName
:
true
,
msgErrorRN
:
'
User
Role Cannot be Empty.'
})
this
.
setState
({
errorRoleName
:
true
,
msgErrorRN
:
'Role Cannot be Empty.'
})
}
else
if
(
R
.
isNil
(
this
.
state
.
tempData
.
start_date
))
{
this
.
setState
({
errorStartDate
:
true
,
msgErrorSD
:
'Valid From Cannot be Empty.'
})
}
else
if
(
R
.
isNil
(
this
.
state
.
tempData
.
end_date
))
{
...
...
@@ -142,15 +142,15 @@ export default class EditRole extends Component {
let
privileges
=
this
.
state
.
privileges
privileges
.
push
({
menu_id
:
23
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
privileges
.
push
({
menu_id
:
24
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
privileges
.
push
({
menu_id
:
25
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
let
payload
=
{
"role_id"
:
this
.
state
.
tempData
.
role_id
,
...
...
@@ -253,7 +253,7 @@ export default class EditRole extends Component {
if
(
indexID
===
-
1
)
{
privileges
.
push
({
menu_id
:
item
.
menu_id
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
if
(
item
.
sub_menu
.
length
>
0
)
{
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
...
...
@@ -261,7 +261,7 @@ export default class EditRole extends Component {
if
(
indexIDs
===
-
1
)
{
privileges
.
push
({
menu_id
:
items
.
menu_id
,
button_id
:
[
1
,
2
,
3
]
button_id
:
[
1
,
2
,
3
,
4
]
})
}
})
...
...
@@ -433,7 +433,7 @@ export default class EditRole extends Component {
margin
=
"normal"
id
=
"startDate"
label
=
"Valid From"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
tempData
===
null
?
null
:
this
.
state
.
tempData
.
start_date
}
error
=
{
this
.
state
.
errorStartDate
}
helperText
=
{
this
.
state
.
msgErrorSD
}
...
...
@@ -466,7 +466,7 @@ export default class EditRole extends Component {
margin
=
"normal"
id
=
"endDate"
label
=
"Valid To"
format
=
"dd
MMMM
yyyy"
format
=
"dd
-MM-
yyyy"
value
=
{
this
.
state
.
tempData
===
null
?
null
:
this
.
state
.
tempData
.
end_date
}
error
=
{
this
.
state
.
errorEndDate
}
helperText
=
{
this
.
state
.
msgErrorED
}
...
...
@@ -540,7 +540,7 @@ export default class EditRole extends Component {
<
div
className
=
"column-1"
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'white'
}}
>
Authorization
Module
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px"
>
<
div
className
=
"column-1"
>
<
Typography
style
=
{{
fontSize
:
12
,
color
:
'white'
}}
>
View
<
/Typography
>
<
/div
>
...
...
@@ -570,7 +570,7 @@ export default class EditRole extends Component {
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
,
marginLeft
:
5
}}
>
{
item
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
...
...
@@ -594,6 +594,13 @@ export default class EditRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
checked
=
{
this
.
handleSubItemChecked
(
item
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div
>
{
item
.
sub_menu
.
length
>
0
&&
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
...
...
@@ -607,7 +614,7 @@ export default class EditRole extends Component {
/
>
<
Typography
style
=
{{
fontSize
:
12
,
maxWidth
:
'100%'
,
marginLeft
:
5
}}
>
{
items
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
...
...
@@ -629,6 +636,13 @@ export default class EditRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
checked
=
{
this
.
handleSubItemChecked
(
items
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div
>
<
/Collapse
>
...
...
@@ -653,7 +667,7 @@ export default class EditRole extends Component {
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
,
marginLeft
:
5
}}
>
{
item
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
...
...
@@ -677,6 +691,13 @@ export default class EditRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
item
)}
checked
=
{
this
.
handleSubItemChecked
(
item
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
item
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div>
}
{
item
.
sub_menu
.
length
>
0
&&
item
.
sub_menu
.
map
((
items
,
indexs
)
=>
{
...
...
@@ -690,7 +711,7 @@ export default class EditRole extends Component {
/
>
<
Typography
style
=
{{
fontSize
:
12
,
maxWidth
:
'100%'
,
marginLeft
:
5
}}
>
{
items
.
label
}
<
/Typography
>
<
/div
>
<
div
className
=
"column-2 grid grid-
3
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-2 grid grid-
4
x content-center grid-mobile-none gap-15px margin-left-10px"
>
<
div
className
=
"column-1"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
...
...
@@ -712,6 +733,13 @@ export default class EditRole extends Component {
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
3
)}
/
>
<
/div
>
<
div
className
=
"column 4"
>
<
CustomCheckbox
disabled
=
{
!
this
.
handleItemChecked
(
items
)}
checked
=
{
this
.
handleSubItemChecked
(
items
,
4
)}
onChange
=
{()
=>
this
.
handleSubItemClick
(
items
,
4
)}
/
>
<
/div
>
<
/div
>
<
/div
>
<
/Collapse
>
...
...
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