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
90ca8295
Commit
90ca8295
authored
Aug 19, 2020
by
Deni Rinaldi
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'deni-dev(pc)' into 'master'
Deni dev(pc) See merge request
!126
parents
f7bbd056
8c51aa8c
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
221 additions
and
139 deletions
+221
-139
CreateUnitBisnis.js
src/container/MasterData/formUnitBisnis/CreateUnitBisnis.js
+2
-2
AddUser.js
src/container/Otorisasi/User/AddUser.js
+104
-72
EditUser.js
src/container/Otorisasi/User/EditUser.js
+82
-50
UserRole.js
src/container/Otorisasi/UserRole.js
+2
-1
Profile.js
src/container/Profile.js
+31
-14
No files found.
src/container/MasterData/formUnitBisnis/CreateUnitBisnis.js
View file @
90ca8295
...
@@ -119,9 +119,9 @@ export default class CreateUnitBisnis extends Component {
...
@@ -119,9 +119,9 @@ export default class CreateUnitBisnis extends Component {
validasiCreate
()
{
validasiCreate
()
{
if
(
R
.
isEmpty
(
this
.
state
.
name
))
{
if
(
R
.
isEmpty
(
this
.
state
.
name
))
{
this
.
setState
({
errorName
:
true
,
msgErrorName
:
'Unit Bisnis tidak boleh kosong'
})
this
.
setState
({
errorName
:
true
,
msgErrorName
:
'Unit Bisnis tidak boleh kosong'
})
}
else
if
(
R
.
is
Empty
(
this
.
state
.
startDate
))
{
}
else
if
(
R
.
is
Nil
(
this
.
state
.
startDate
))
{
this
.
setState
({
errorStartDate
:
true
,
msgErrorStartDate
:
'Berlaku Mulai tidak boleh kosong'
})
this
.
setState
({
errorStartDate
:
true
,
msgErrorStartDate
:
'Berlaku Mulai tidak boleh kosong'
})
}
else
if
(
R
.
is
Empty
(
this
.
state
.
endDate
))
{
}
else
if
(
R
.
is
Nil
(
this
.
state
.
endDate
))
{
this
.
setState
({
errorEndDate
:
true
,
msgErrorEndDate
:
'Berkahir Hingga tidak boleh kosong'
})
this
.
setState
({
errorEndDate
:
true
,
msgErrorEndDate
:
'Berkahir Hingga tidak boleh kosong'
})
}
else
{
}
else
{
let
payload
=
{
let
payload
=
{
...
...
src/container/Otorisasi/User/AddUser.js
View file @
90ca8295
...
@@ -19,7 +19,17 @@ const CustomCheckbox = withStyles({
...
@@ -19,7 +19,17 @@ const CustomCheckbox = withStyles({
},
},
},
},
checked
:
{},
checked
:
{},
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
const
CustomCheckboxDisabled
=
withStyles
({
root
:
{
color
:
'#d5d5d5'
,
'&$checked'
:
{
color
:
'#d5d5d5'
,
},
},
checked
:
{},
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
export
default
class
AddUser
extends
Component
{
export
default
class
AddUser
extends
Component
{
...
@@ -54,7 +64,7 @@ export default class AddUser extends Component {
...
@@ -54,7 +64,7 @@ export default class AddUser extends Component {
}
}
handleChecked
()
{
handleChecked
()
{
this
.
setState
({
checked
:
!
this
.
state
.
checked
})
this
.
setState
({
checked
:
!
this
.
state
.
checked
})
}
}
componentDidMount
()
{
componentDidMount
()
{
...
@@ -171,7 +181,7 @@ export default class AddUser extends Component {
...
@@ -171,7 +181,7 @@ export default class AddUser extends Component {
getRole
()
{
getRole
()
{
api
.
create
().
getRoleActive
().
then
((
response
)
=>
{
api
.
create
().
getRoleActive
().
then
((
response
)
=>
{
if
(
response
.
data
.
status
===
'success'
)
{
if
(
response
.
data
.
status
===
'success'
)
{
let
data
=
response
.
data
.
data
let
data
=
response
.
data
.
data
let
roleData
=
data
.
map
((
item
)
=>
{
let
roleData
=
data
.
map
((
item
)
=>
{
return
{
return
{
...
@@ -183,7 +193,7 @@ export default class AddUser extends Component {
...
@@ -183,7 +193,7 @@ export default class AddUser extends Component {
options
:
roleData
,
options
:
roleData
,
getOptionLabel
:
(
option
)
=>
titleCase
(
option
.
role_name
),
getOptionLabel
:
(
option
)
=>
titleCase
(
option
.
role_name
),
};
};
this
.
setState
({
listRole
:
defaultProps
})
this
.
setState
({
listRole
:
defaultProps
})
}
else
{
}
else
{
alert
(
response
.
data
.
message
)
alert
(
response
.
data
.
message
)
}
}
...
@@ -192,8 +202,8 @@ export default class AddUser extends Component {
...
@@ -192,8 +202,8 @@ export default class AddUser extends Component {
getPerusahaan
()
{
getPerusahaan
()
{
api
.
create
().
getPerusahaanHierarki
().
then
((
response
)
=>
{
api
.
create
().
getPerusahaanHierarki
().
then
((
response
)
=>
{
if
(
response
.
data
.
status
===
'success'
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
listCompany
:
response
.
data
.
data
})
this
.
setState
({
listCompany
:
response
.
data
.
data
})
console
.
log
(
response
.
data
.
data
)
console
.
log
(
response
.
data
.
data
)
}
}
})
})
...
@@ -229,21 +239,32 @@ export default class AddUser extends Component {
...
@@ -229,21 +239,32 @@ export default class AddUser extends Component {
// <li>
// <li>
<
Collapse
key
=
{
index
}
timeout
=
"auto"
unmountOnExit
in
=
{
item
.
collapse
}
>
<
Collapse
key
=
{
index
}
timeout
=
"auto"
unmountOnExit
in
=
{
item
.
collapse
}
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
,
alignItems
:
'center'
,
justifyContent
:
'flex-start'
,
paddingLeft
:
R
.
isNil
(
data
.
children
)
?
(
padding
+
20
)
:
padding
}}
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
,
alignItems
:
'center'
,
justifyContent
:
'flex-start'
,
paddingLeft
:
R
.
isNil
(
data
.
children
)
?
(
padding
+
20
)
:
padding
}}
>
{
R
.
isNil
(
data
.
children
)?
{
R
.
isNil
(
data
.
children
)
?
null
null
:
:
data
.
children
.
length
<
1
?
data
.
children
.
length
<
1
?
null
null
:
:
<
span
onClick
=
{()
=>
this
.
handleCollapse
(
data
)}
style
=
{{
marginLeft
:
7
,
marginRight
:
2
}}
>
<
span
onClick
=
{()
=>
this
.
handleCollapse
(
data
)}
style
=
{{
marginLeft
:
7
,
marginRight
:
2
}}
>
{
data
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
{
data
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
<
/span
>
<
/span
>
}
}
<
span
>
<
span
>
{
this
.
state
.
role
?
this
.
state
.
role
.
role_id
===
1
?
<
CustomCheckboxDisabled
disabled
=
{
true
}
checked
=
{
true
}
// onChange={() => this.handleItemClick(item)}
/>
:
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
data
)}
onChange
=
{()
=>
this
.
handleItemClick
(
data
)}
/>
:
<
CustomCheckbox
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
data
)}
checked
=
{
this
.
handleItemChecked
(
data
)}
onChange
=
{()
=>
this
.
handleItemClick
(
data
)}
onChange
=
{()
=>
this
.
handleItemClick
(
data
)}
/
>
/
>
}
<
/span
>
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
data
.
company_name
)}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
data
.
company_name
)}
<
/Typography
>
<
/div
>
<
/div
>
...
@@ -257,49 +278,49 @@ export default class AddUser extends Component {
...
@@ -257,49 +278,49 @@ export default class AddUser extends Component {
}
}
handleCollapse
(
item
)
{
handleCollapse
(
item
)
{
let
path
=
this
.
searchIt
({
children
:
this
.
state
.
listCompany
},
item
.
id
)
let
path
=
this
.
searchIt
({
children
:
this
.
state
.
listCompany
},
item
.
id
)
let
listCompany
=
this
.
state
.
listCompany
let
listCompany
=
this
.
state
.
listCompany
let
arrayPath
=
[]
let
arrayPath
=
[]
if
(
path
.
length
>
1
)
{
if
(
path
.
length
>
1
)
{
arrayPath
=
path
.
split
(
'-'
);
arrayPath
=
path
.
split
(
'-'
);
arrayPath
=
arrayPath
.
map
((
item
)
=>
{
return
item
})
arrayPath
=
arrayPath
.
map
((
item
)
=>
{
return
item
})
}
else
{
}
else
{
arrayPath
.
push
(
path
)
arrayPath
.
push
(
path
)
}
}
let
pathSelect
=
null
let
pathSelect
=
null
if
(
arrayPath
.
length
==
1
)
{
if
(
arrayPath
.
length
==
1
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]]
}
else
if
(
arrayPath
.
length
==
2
)
{
}
else
if
(
arrayPath
.
length
==
2
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]]
}
else
if
(
arrayPath
.
length
==
3
)
{
}
else
if
(
arrayPath
.
length
==
3
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]]
}
else
if
(
arrayPath
.
length
==
4
)
{
}
else
if
(
arrayPath
.
length
==
4
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]]
}
else
if
(
arrayPath
.
length
==
5
)
{
}
else
if
(
arrayPath
.
length
==
5
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]]
}
else
if
(
arrayPath
.
length
==
6
)
{
}
else
if
(
arrayPath
.
length
==
6
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]]
}
else
if
(
arrayPath
.
length
==
7
)
{
}
else
if
(
arrayPath
.
length
==
7
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]].
children
[
arrayPath
[
6
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]].
children
[
arrayPath
[
6
]]
}
}
pathSelect
.
collapse
=
!
pathSelect
.
collapse
pathSelect
.
collapse
=
!
pathSelect
.
collapse
// console.log(pathSelect.collapse)
// console.log(pathSelect.collapse)
this
.
setState
({
listCompany
},
()
=>
console
.
log
(
pathSelect
))
this
.
setState
({
listCompany
},
()
=>
console
.
log
(
pathSelect
))
}
}
searchIt
=
(
node
,
search
,
path
=
''
,
position
=
0
)
=>
{
searchIt
=
(
node
,
search
,
path
=
''
,
position
=
0
)
=>
{
if
(
node
.
id
&&
node
.
id
===
search
)
{
return
path
!==
''
?
`
${
path
}
-
${
position
}
`
:
position
;
}
if
(
node
.
id
&&
node
.
id
===
search
)
{
return
path
!==
''
?
`
${
path
}
-
${
position
}
`
:
position
;
}
if
(
!
node
.
children
)
{
return
false
}
if
(
!
node
.
children
)
{
return
false
}
const
index
=
node
.
children
.
findIndex
((
x
)
=>
x
.
id
&&
x
.
id
===
search
);
const
index
=
node
.
children
.
findIndex
((
x
)
=>
x
.
id
&&
x
.
id
===
search
);
if
(
index
>=
0
)
{
if
(
index
>=
0
)
{
return
path
!==
''
?
`
${
path
}
-
${
index
}
`
:
index
;
return
path
!==
''
?
`
${
path
}
-
${
index
}
`
:
index
;
}
}
for
(
let
i
=
0
;
i
<
node
.
children
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
node
.
children
.
length
;
i
++
)
{
const
result
=
this
.
searchIt
(
node
.
children
[
i
],
search
,
path
!==
''
?
`
${
path
}
-
${
i
}
`
:
i
,
i
);
const
result
=
this
.
searchIt
(
node
.
children
[
i
],
search
,
path
!==
''
?
`
${
path
}
-
${
i
}
`
:
i
,
i
);
if
(
result
)
{
if
(
result
)
{
return
result
;
return
result
;
}
}
}
}
...
@@ -322,7 +343,7 @@ export default class AddUser extends Component {
...
@@ -322,7 +343,7 @@ export default class AddUser extends Component {
className
=
"btn btn-circle btn-white"
className
=
"btn btn-circle btn-white"
onClick
=
{()
=>
this
.
props
.
onClickClose
()}
onClick
=
{()
=>
this
.
props
.
onClickClose
()}
>
>
<
img
src
=
{
Images
.
close
}
/
>
<
img
src
=
{
Images
.
close
}
/
>
<
/button
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -429,7 +450,7 @@ export default class AddUser extends Component {
...
@@ -429,7 +450,7 @@ export default class AddUser extends Component {
<
Autocomplete
<
Autocomplete
{...
this
.
state
.
listRole
}
{...
this
.
state
.
listRole
}
id
=
"role"
id
=
"role"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
role
:
newInputValue
})}
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
role
:
newInputValue
})}
debug
debug
renderInput
=
{(
params
)
=>
renderInput
=
{(
params
)
=>
<
TextField
<
TextField
...
@@ -592,16 +613,16 @@ export default class AddUser extends Component {
...
@@ -592,16 +613,16 @@ export default class AddUser extends Component {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
style
=
{{
flexDirection
:
'column'
,
display
:
'flex'
,
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
style
=
{{
flexDirection
:
'column'
,
display
:
'flex'
,
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
`Dibuat :
${
format
(
this
.
state
.
date
,
'dd MMMM yyyy'
,
{
locale
:
localeID
})}
`
}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
`Dibuat :
${
format
(
this
.
state
.
date
,
'dd MMMM yyyy'
,
{
locale
:
localeID
})}
`
}
<
/Typography
>
{
/* <Typography style={{fontSize: 12}}>{`Diubah: ${this.state.tempData === null? '' : this.state.tempData.updated}`}</Typography> */
}
{
/* <Typography style={{fontSize: 12}}>{`Diubah: ${this.state.tempData === null? '' : this.state.tempData.updated}`}</Typography> */
}
<
/div
>
<
/div
>
<
Divider
style
=
{{
margin
:
20
}}
/
>
<
Divider
style
=
{{
margin
:
20
}}
/
>
<
div
style
=
{{
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
style
=
{{
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
h5
>
Otorisasi
Perusahaan
<
/h5
>
<
h5
>
Otorisasi
Perusahaan
<
/h5
>
<
div
style
=
{{
paddingLeft
:
10
,
overflow
:
'scroll'
,
height
:
'25vh'
}}
>
<
div
style
=
{{
paddingLeft
:
10
,
overflow
:
'scroll'
,
height
:
'25vh'
}}
>
{
this
.
state
.
listCompany
.
map
((
item
,
index
)
=>
{
{
this
.
state
.
listCompany
.
map
((
item
,
index
)
=>
{
return
(
return
(
<
div
>
<
div
>
{
/* <ul>
{
/* <ul>
<li> */
}
<li> */
}
...
@@ -610,10 +631,21 @@ export default class AddUser extends Component {
...
@@ -610,10 +631,21 @@ export default class AddUser extends Component {
{
item
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
{
item
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
<
/span>
}
<
/span>
}
<
span
>
<
span
>
{
this
.
state
.
role
?
this
.
state
.
role
.
role_id
===
1
?
<
CustomCheckboxDisabled
disabled
=
{
true
}
checked
=
{
true
}
// onChange={() => this.handleItemClick(item)}
/>
:
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
item
)}
onChange
=
{()
=>
this
.
handleItemClick
(
item
)}
/>
:
<
CustomCheckbox
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
item
)}
checked
=
{
this
.
handleItemChecked
(
item
)}
onChange
=
{()
=>
this
.
handleItemClick
(
item
)}
onChange
=
{()
=>
this
.
handleItemClick
(
item
)}
/
>
/
>
}
<
/span
>
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
item
.
company_name
)}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
item
.
company_name
)}
<
/Typography
>
<
/div
>
<
/div
>
...
@@ -633,7 +665,7 @@ export default class AddUser extends Component {
...
@@ -633,7 +665,7 @@ export default class AddUser extends Component {
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
/div
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
alignItems
:
'center'
}}
>
<
div
className
=
"column-2"
style
=
{{
display
:
'flex'
,
justifyContent
:
'flex-end'
,
alignItems
:
'center'
}}
>
<
button
onClick
=
{()
=>
this
.
validasi
()}
>
<
button
onClick
=
{()
=>
this
.
validasi
()}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
'#354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
'#354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
'#fff'
,
fontSize
:
11
}}
>
Simpan
<
/span
>
<
span
style
=
{{
color
:
'#fff'
,
fontSize
:
11
}}
>
Simpan
<
/span
>
...
...
src/container/Otorisasi/User/EditUser.js
View file @
90ca8295
...
@@ -20,6 +20,16 @@ const CustomCheckbox = withStyles({
...
@@ -20,6 +20,16 @@ const CustomCheckbox = withStyles({
checked
:
{},
checked
:
{},
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
const
CustomCheckboxDisabled
=
withStyles
({
root
:
{
color
:
'#d5d5d5'
,
'&$checked'
:
{
color
:
'#d5d5d5'
,
},
},
checked
:
{},
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
export
default
class
EditUser
extends
Component
{
export
default
class
EditUser
extends
Component
{
constructor
(
props
)
{
constructor
(
props
)
{
...
@@ -228,21 +238,32 @@ export default class EditUser extends Component {
...
@@ -228,21 +238,32 @@ export default class EditUser extends Component {
// <li>
// <li>
<
Collapse
key
=
{
index
}
timeout
=
"auto"
unmountOnExit
in
=
{
item
.
collapse
}
>
<
Collapse
key
=
{
index
}
timeout
=
"auto"
unmountOnExit
in
=
{
item
.
collapse
}
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
,
alignItems
:
'center'
,
justifyContent
:
'flex-start'
,
paddingLeft
:
R
.
isNil
(
data
.
children
)
?
(
padding
+
20
)
:
padding
}}
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
,
alignItems
:
'center'
,
justifyContent
:
'flex-start'
,
paddingLeft
:
R
.
isNil
(
data
.
children
)
?
(
padding
+
20
)
:
padding
}}
>
{
R
.
isNil
(
data
.
children
)?
{
R
.
isNil
(
data
.
children
)
?
null
null
:
:
data
.
children
.
length
<
1
?
data
.
children
.
length
<
1
?
null
null
:
:
<
span
onClick
=
{()
=>
this
.
handleCollapse
(
data
)}
style
=
{{
marginLeft
:
7
,
marginRight
:
2
}}
>
<
span
onClick
=
{()
=>
this
.
handleCollapse
(
data
)}
style
=
{{
marginLeft
:
7
,
marginRight
:
2
}}
>
{
data
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
{
data
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
<
/span
>
<
/span
>
}
}
<
span
>
<
span
>
{
this
.
state
.
role
?
this
.
state
.
role
.
role_id
===
1
?
<
CustomCheckboxDisabled
disabled
=
{
true
}
checked
=
{
true
}
// onChange={() => this.handleItemClick(item)}
/>
:
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
data
)}
onChange
=
{()
=>
this
.
handleItemClick
(
data
)}
/>
:
<
CustomCheckbox
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
data
)}
checked
=
{
this
.
handleItemChecked
(
data
)}
onChange
=
{()
=>
this
.
handleItemClick
(
data
)}
onChange
=
{()
=>
this
.
handleItemClick
(
data
)}
/
>
/
>
}
<
/span
>
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
data
.
company_name
)}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
data
.
company_name
)}
<
/Typography
>
<
/div
>
<
/div
>
...
@@ -256,49 +277,49 @@ export default class EditUser extends Component {
...
@@ -256,49 +277,49 @@ export default class EditUser extends Component {
}
}
handleCollapse
(
item
)
{
handleCollapse
(
item
)
{
let
path
=
this
.
searchIt
({
children
:
this
.
state
.
listCompany
},
item
.
id
)
let
path
=
this
.
searchIt
({
children
:
this
.
state
.
listCompany
},
item
.
id
)
let
listCompany
=
this
.
state
.
listCompany
let
listCompany
=
this
.
state
.
listCompany
let
arrayPath
=
[]
let
arrayPath
=
[]
if
(
path
.
length
>
1
)
{
if
(
path
.
length
>
1
)
{
arrayPath
=
path
.
split
(
'-'
);
arrayPath
=
path
.
split
(
'-'
);
arrayPath
=
arrayPath
.
map
((
item
)
=>
{
return
item
})
arrayPath
=
arrayPath
.
map
((
item
)
=>
{
return
item
})
}
else
{
}
else
{
arrayPath
.
push
(
path
)
arrayPath
.
push
(
path
)
}
}
let
pathSelect
=
null
let
pathSelect
=
null
if
(
arrayPath
.
length
==
1
)
{
if
(
arrayPath
.
length
==
1
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]]
}
else
if
(
arrayPath
.
length
==
2
)
{
}
else
if
(
arrayPath
.
length
==
2
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]]
}
else
if
(
arrayPath
.
length
==
3
)
{
}
else
if
(
arrayPath
.
length
==
3
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]]
}
else
if
(
arrayPath
.
length
==
4
)
{
}
else
if
(
arrayPath
.
length
==
4
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]]
}
else
if
(
arrayPath
.
length
==
5
)
{
}
else
if
(
arrayPath
.
length
==
5
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]]
}
else
if
(
arrayPath
.
length
==
6
)
{
}
else
if
(
arrayPath
.
length
==
6
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]]
}
else
if
(
arrayPath
.
length
==
7
)
{
}
else
if
(
arrayPath
.
length
==
7
)
{
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]].
children
[
arrayPath
[
6
]]
pathSelect
=
listCompany
[
arrayPath
[
0
]].
children
[
arrayPath
[
1
]].
children
[
arrayPath
[
2
]].
children
[
arrayPath
[
3
]].
children
[
arrayPath
[
4
]].
children
[
arrayPath
[
5
]].
children
[
arrayPath
[
6
]]
}
}
pathSelect
.
collapse
=
!
pathSelect
.
collapse
pathSelect
.
collapse
=
!
pathSelect
.
collapse
// console.log(pathSelect.collapse)
// console.log(pathSelect.collapse)
this
.
setState
({
listCompany
},
()
=>
console
.
log
(
pathSelect
))
this
.
setState
({
listCompany
},
()
=>
console
.
log
(
pathSelect
))
}
}
searchIt
=
(
node
,
search
,
path
=
''
,
position
=
0
)
=>
{
searchIt
=
(
node
,
search
,
path
=
''
,
position
=
0
)
=>
{
if
(
node
.
id
&&
node
.
id
===
search
)
{
return
path
!==
''
?
`
${
path
}
-
${
position
}
`
:
position
;
}
if
(
node
.
id
&&
node
.
id
===
search
)
{
return
path
!==
''
?
`
${
path
}
-
${
position
}
`
:
position
;
}
if
(
!
node
.
children
)
{
return
false
}
if
(
!
node
.
children
)
{
return
false
}
const
index
=
node
.
children
.
findIndex
((
x
)
=>
x
.
id
&&
x
.
id
===
search
);
const
index
=
node
.
children
.
findIndex
((
x
)
=>
x
.
id
&&
x
.
id
===
search
);
if
(
index
>=
0
)
{
if
(
index
>=
0
)
{
return
path
!==
''
?
`
${
path
}
-
${
index
}
`
:
index
;
return
path
!==
''
?
`
${
path
}
-
${
index
}
`
:
index
;
}
}
for
(
let
i
=
0
;
i
<
node
.
children
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
node
.
children
.
length
;
i
++
)
{
const
result
=
this
.
searchIt
(
node
.
children
[
i
],
search
,
path
!==
''
?
`
${
path
}
-
${
i
}
`
:
i
,
i
);
const
result
=
this
.
searchIt
(
node
.
children
[
i
],
search
,
path
!==
''
?
`
${
path
}
-
${
i
}
`
:
i
,
i
);
if
(
result
)
{
if
(
result
)
{
return
result
;
return
result
;
}
}
}
}
...
@@ -321,7 +342,7 @@ export default class EditUser extends Component {
...
@@ -321,7 +342,7 @@ export default class EditUser extends Component {
className
=
"btn btn-circle btn-white"
className
=
"btn btn-circle btn-white"
onClick
=
{()
=>
this
.
props
.
onClickClose
()}
onClick
=
{()
=>
this
.
props
.
onClickClose
()}
>
>
<
img
src
=
{
Images
.
close
}
/
>
<
img
src
=
{
Images
.
close
}
/
>
<
/button
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -604,10 +625,21 @@ export default class EditUser extends Component {
...
@@ -604,10 +625,21 @@ export default class EditUser extends Component {
{
item
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
{
item
.
collapse
?
<
RemoveIcon
color
=
{
'action'
}
fontSize
=
{
'small'
}
/> : <AddIcon color={'action'} fontSize={'small'} /
>
}
<
/span>
}
<
/span>
}
<
span
>
<
span
>
{
this
.
state
.
role
?
this
.
state
.
role
.
role_id
===
1
?
<
CustomCheckboxDisabled
disabled
=
{
true
}
checked
=
{
true
}
// onChange={() => this.handleItemClick(item)}
/>
:
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
item
)}
onChange
=
{()
=>
this
.
handleItemClick
(
item
)}
/>
:
<
CustomCheckbox
<
CustomCheckbox
checked
=
{
this
.
handleItemChecked
(
item
)}
checked
=
{
this
.
handleItemChecked
(
item
)}
onChange
=
{()
=>
this
.
handleItemClick
(
item
)}
onChange
=
{()
=>
this
.
handleItemClick
(
item
)}
/
>
/
>
}
<
/span
>
<
/span
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
item
.
company_name
)}
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
{
titleCase
(
item
.
company_name
)}
<
/Typography
>
<
/div
>
<
/div
>
...
...
src/container/Otorisasi/UserRole.js
View file @
90ca8295
...
@@ -100,6 +100,7 @@ class UserRole extends Component {
...
@@ -100,6 +100,7 @@ class UserRole extends Component {
name
:
"Action"
,
name
:
"Action"
,
options
:
{
options
:
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
customBodyRender
:
(
val
,
tableMeta
)
=>
{
console
.
log
(
tableMeta
);
return
(
return
(
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
<
button
<
button
...
@@ -112,7 +113,7 @@ class UserRole extends Component {
...
@@ -112,7 +113,7 @@ class UserRole extends Component {
onClick
=
{()
=>
this
.
setState
({
edit
:
true
,
indexData
:
tableMeta
.
rowData
[
1
]
})}
onClick
=
{()
=>
this
.
setState
({
edit
:
true
,
indexData
:
tableMeta
.
rowData
[
1
]
})}
>
>
<
div
style
=
{{
display
:
'flex'
}}
>
<
div
style
=
{{
display
:
'flex'
}}
>
{
tableMeta
.
rowData
[
4
]
===
"Aktif"
?
{
tableMeta
.
rowData
[
2
]
!==
"superadmin"
&&
tableMeta
.
rowData
[
4
]
===
"Aktif"
?
<
img
src
=
{
Images
.
editCopy
}
/>
:
<
img
src
=
{
Images
.
editCopy
}
/>
:
null
null
}
}
...
...
src/container/Profile.js
View file @
90ca8295
...
@@ -253,9 +253,21 @@ export default class Profile extends Component {
...
@@ -253,9 +253,21 @@ export default class Profile extends Component {
};
};
async
onDrop
(
pictureFiles
)
{
async
onDrop
(
pictureFiles
)
{
console
.
log
(
pictureFiles
);
this
.
setState
({
pictures
:
pictureFiles
})
// console.log(response);
// console.log(pictureFiles);
// console.log(pictureDataURLs);
// this.setState({
// pictures: this.state.pictures.concat(pictureFiles),
// });
}
async
uploadFoto
(){
let
formData
=
new
FormData
()
let
formData
=
new
FormData
()
formData
.
append
(
'file'
,
pictureFiles
[
0
])
formData
.
append
(
'file'
,
this
.
state
.
pictures
[
0
])
let
response
=
await
api
.
create
().
uploadFoto
(
formData
)
api
.
create
().
uploadFoto
(
formData
).
then
(
response
=>
{
console
.
log
(
response
)
if
(
response
.
data
)
{
if
(
response
.
data
)
{
if
(
response
.
data
.
status
===
"success"
)
{
if
(
response
.
data
.
status
===
"success"
)
{
this
.
setState
({
uploadVisible
:
false
},
()
=>
{
this
.
setState
({
uploadVisible
:
false
},
()
=>
{
...
@@ -265,12 +277,7 @@ export default class Profile extends Component {
...
@@ -265,12 +277,7 @@ export default class Profile extends Component {
})
})
}
}
}
}
// console.log(response);
})
// console.log(pictureFiles);
// console.log(pictureDataURLs);
// this.setState({
// pictures: this.state.pictures.concat(pictureFiles),
// });
}
}
render
()
{
render
()
{
...
@@ -487,11 +494,21 @@ export default class Profile extends Component {
...
@@ -487,11 +494,21 @@ export default class Profile extends Component {
<
/div
>
<
/div
>
<
ImageUploader
<
ImageUploader
withIcon
=
{
true
}
withIcon
=
{
true
}
buttonText
=
'Choose images'
withPreview
buttonText
=
'Pilih Gambar'
onChange
=
{
this
.
onDrop
}
onChange
=
{
this
.
onDrop
}
imgExtension
=
{[
'.jpg'
,
'.gif'
,
'.png'
,
'.gif'
,
'.jpeg'
]}
imgExtension
=
{[
'.jpg'
,
'.gif'
,
'.png'
,
'.gif'
,
'.jpeg'
]}
maxFileSize
=
{
5242880
}
maxFileSize
=
{
1000000
}
label
=
{
"Max file size: 1 Mb, accepted: jpg or png"
}
/
>
/
>
{
this
.
state
.
pictures
.
length
>
0
?
<
div
style
=
{{
display
:
'grid'
,
margin
:
20
}}
>
<
div
style
=
{{
justifySelf
:
'center'
}}
>
<
span
className
=
"main-color"
style
=
{{
color
:
'#fff'
,
padding
:
20
,
paddingBottom
:
10
,
paddingTop
:
10
,
borderRadius
:
15
,
cursor
:
'pointer'
}}
onClick
=
{()
=>
this
.
uploadFoto
()}
>
Upload
Foto
<
/span
>
<
/div
>
<
/div> : nul
l
}
<
/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