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
a0d7c716
Commit
a0d7c716
authored
Dec 15, 2023
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'ENV-DEV' into 'ENV-DEPLOYMENT'
email recipient See merge request
!2259
parents
e05d96a6
c2c53026
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
152 additions
and
39 deletions
+152
-39
AddUser.js
src/container/Authorization/User/AddUser.js
+68
-12
EditUser.js
src/container/Authorization/User/EditUser.js
+84
-27
No files found.
src/container/Authorization/User/AddUser.js
View file @
a0d7c716
...
...
@@ -60,14 +60,27 @@ export default class AddUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
alert
:
false
,
tipeAlert
:
''
,
messageAlert
:
''
messageAlert
:
''
,
notification
:
null
,
listNotification
:
[
{
"id"
:
0
,
"value"
:
"No"
},
{
"id"
:
1
,
"value"
:
"Yes"
}
],
}
}
...
...
@@ -101,11 +114,13 @@ export default class AddUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
})
}
else
if
(
isDate
&&
type
===
'end_date'
)
{
this
.
setState
({
...
...
@@ -115,11 +130,13 @@ export default class AddUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
})
}
else
{
this
.
setState
({
...
...
@@ -129,11 +146,13 @@ export default class AddUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
})
}
}
...
...
@@ -148,7 +167,7 @@ export default class AddUser extends Component {
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
...
...
@@ -161,22 +180,24 @@ export default class AddUser extends Component {
})
let
uniqueCompany
=
company
.
filter
((
val
,
id
,
array
)
=>
{
return
array
.
indexOf
(
val
)
==
id
;
return
array
.
indexOf
(
val
)
==
id
;
});
company
=
this
.
state
.
role
==
null
?
[]
:
this
.
state
.
role
.
role_id
===
1
?
uniqueCompany
:
[]
company
=
this
.
state
.
role
==
null
?
[]
:
this
.
state
.
role
.
role_id
===
1
?
uniqueCompany
:
[]
// console.log(uniqueCompany)
this
.
setState
({
errorFullname
:
false
,
errorEmail
:
false
,
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
company
},
()
=>
{
// console.log(this.state.company)
...
...
@@ -205,6 +226,8 @@ export default class AddUser extends Component {
this
.
setState
({
errorEndDate
:
true
,
msgErrorED
:
'Valid To Cannot be Empty'
})
}
else
if
(
this
.
state
.
company
.
length
<
1
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
'Authorization company cannot be empty'
,
tipeAlert
:
'warning'
})
}
else
if
(
R
.
isNil
(
this
.
state
.
notification
))
{
this
.
setState
({
errorNotification
:
true
,
msgErrorNotification
:
'Email Notification Maintenance Cannot be Empty'
})
}
// else if (this.state.privileges.length < 1) {
// alert('Hak Akses belum di pilih !!')
...
...
@@ -217,8 +240,10 @@ export default class AddUser extends Component {
"password"
:
this
.
state
.
fullname
,
"company"
:
this
.
state
.
company
,
"start_date"
:
this
.
state
.
startDate
,
"end_date"
:
this
.
state
.
endDate
"end_date"
:
this
.
state
.
endDate
,
"mail_notif"
:
this
.
state
.
notification
.
id
}
// console.log(payload);
this
.
props
.
createUser
(
payload
)
}
}
...
...
@@ -300,7 +325,7 @@ export default class AddUser extends Component {
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
...
...
@@ -314,7 +339,7 @@ export default class AddUser extends Component {
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handleSpliceChild
(
items
)
})
}
...
...
@@ -325,7 +350,7 @@ export default class AddUser extends Component {
company
.
push
(
item
.
id
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
...
...
@@ -335,15 +360,15 @@ export default class AddUser extends Component {
company
.
splice
(
indexID
,
1
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handleSpliceChild
(
items
)
})
}
}
}
// console.log(company)
this
.
setState
({
company
})
this
.
setState
({
company
})
}
renderChildren
=
(
item
,
pad
)
=>
{
...
...
@@ -679,6 +704,37 @@ export default class AddUser extends Component {
<
/div
>
<
/div
>
<
div
className
=
"grid grid-2x grid-mobile-none gap-15px"
style
=
{{
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
className
=
"column-1"
>
<
div
className
=
"margin-bottom-20px"
>
<
Autocomplete
debug
id
=
"tipe"
options
=
{
this
.
state
.
listNotification
}
getOptionLabel
=
{(
option
)
=>
option
.
value
}
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
notification
:
newInputValue
},
()
=>
this
.
clearError
())}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Email Notification Maintenance"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
InputProps
=
{{
...
params
.
InputProps
,
style
:
{
fontSize
:
11
}
}}
InputLabelProps
=
{{
style
:
{
fontSize
:
11
,
color
:
'#7e8085'
}
}}
error
=
{
this
.
state
.
errorNotification
}
helperText
=
{
this
.
state
.
msgErrorNotification
}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"column-2"
>
<
/div
>
<
/div
>
<
div
className
=
"grid grid-2x grid-mobile-none gap-15px"
style
=
{{
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
className
=
"column-1"
>
<
div
className
=
"margin-bottom-20px"
>
...
...
src/container/Authorization/User/EditUser.js
View file @
a0d7c716
...
...
@@ -54,14 +54,27 @@ export default class EditUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
alert
:
false
,
tipeAlert
:
''
,
messageAlert
:
''
messageAlert
:
''
,
notification
:
null
,
listNotification
:
[
{
"id"
:
0
,
"value"
:
"No"
},
{
"id"
:
1
,
"value"
:
"Yes"
}
],
}
}
...
...
@@ -85,11 +98,13 @@ export default class EditUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
})
}
else
if
(
isDate
&&
type
===
'end_date'
)
{
this
.
setState
({
...
...
@@ -99,11 +114,13 @@ export default class EditUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
})
}
else
{
this
.
setState
({
...
...
@@ -113,11 +130,13 @@ export default class EditUser extends Component {
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
})
}
}
...
...
@@ -132,7 +151,7 @@ export default class EditUser extends Component {
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
...
...
@@ -145,34 +164,37 @@ export default class EditUser extends Component {
})
let
uniqueCompany
=
company
.
filter
((
val
,
id
,
array
)
=>
{
return
array
.
indexOf
(
val
)
==
id
;
return
array
.
indexOf
(
val
)
==
id
;
});
company
=
this
.
state
.
role
==
null
?
[]
:
this
.
state
.
role
.
role_id
===
1
?
uniqueCompany
:
[]
company
=
this
.
state
.
role
==
null
?
[]
:
this
.
state
.
role
.
role_id
===
1
?
uniqueCompany
:
[]
// console.log(uniqueCompany)
this
.
setState
({
errorFullname
:
false
,
errorEmail
:
false
,
errorRoleName
:
false
,
errorStartDate
:
false
,
errorEndDate
:
false
,
errorNotification
:
false
,
msgErrorFN
:
''
,
msgErrorEM
:
''
,
msgErrorRN
:
''
,
msgErrorSD
:
''
,
msgErrorED
:
''
,
msgErrorNotification
:
''
,
company
})
}
getDetailUser
()
{
api
.
create
().
getDetailUser
(
this
.
state
.
paramsId
).
then
((
response
)
=>
{
// console.log(response);
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
tempData
:
response
.
data
.
data
,
company
:
response
.
data
.
data
.
company
},
()
=>
this
.
getRole
(
response
.
data
.
data
.
role_id
))
// console.log(response.data.data
)
let
index
=
this
.
state
.
listNotification
.
findIndex
((
val
)
=>
val
.
id
===
response
.
data
.
data
.
mail_notif
)
this
.
setState
({
tempData
:
response
.
data
.
data
,
company
:
response
.
data
.
data
.
company
,
notification
:
index
===
-
1
?
null
:
this
.
state
.
listNotification
[
index
]
},
()
=>
this
.
getRole
(
response
.
data
.
data
.
role_id
)
)
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'warning'
},
()
=>
{
if
(
response
.
data
.
message
.
includes
(
"Someone Logged In"
)
||
response
.
data
.
message
.
includes
(
"Token Expired"
))
{
...
...
@@ -215,6 +237,8 @@ export default class EditUser extends Component {
this
.
setState
({
errorEndDate
:
true
,
msgErrorED
:
'Valid To Cannot be Empty'
})
}
else
if
(
this
.
state
.
company
.
length
<
1
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
'Authorization company cannot be empty'
,
tipeAlert
:
'warning'
})
}
else
if
(
R
.
isNil
(
this
.
state
.
notification
))
{
this
.
setState
({
errorNotification
:
true
,
msgErrorNotification
:
'Email Notification Maintenance Cannot be Empty'
})
}
// else if (this.state.privileges.length < 1) {
// alert('Hak Akses belum di pilih !!')
...
...
@@ -224,7 +248,7 @@ export default class EditUser extends Component {
}
}
updateUser
(){
updateUser
()
{
let
payload
=
{
"user_id"
:
this
.
state
.
tempData
.
user_id
,
"role_id"
:
this
.
state
.
role
.
role_id
,
...
...
@@ -232,7 +256,8 @@ export default class EditUser extends Component {
"fullname"
:
this
.
state
.
tempData
.
fullname
,
"company"
:
this
.
state
.
company
,
"start_date"
:
this
.
state
.
tempData
.
start_date
,
"end_date"
:
this
.
state
.
tempData
.
end_date
"end_date"
:
this
.
state
.
tempData
.
end_date
,
"mail_notif"
:
this
.
state
.
notification
.
id
}
this
.
props
.
updateUser
(
payload
)
}
...
...
@@ -281,8 +306,8 @@ export default class EditUser extends Component {
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
let
dataBaru
=
response
.
data
.
data
.
map
((
item
,
index
)
=>
{
return
{
...
item
,
check
:
false
}
let
dataBaru
=
response
.
data
.
data
.
map
((
item
,
index
)
=>
{
return
{
...
item
,
check
:
false
}
})
this
.
setState
({
listCompany
:
dataBaru
})
}
else
{
...
...
@@ -319,7 +344,7 @@ export default class EditUser extends Component {
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
...
...
@@ -333,7 +358,7 @@ export default class EditUser extends Component {
}
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handleSpliceChild
(
items
)
})
}
...
...
@@ -344,7 +369,7 @@ export default class EditUser extends Component {
company
.
push
(
item
.
id
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handlePushChild
(
items
)
})
}
...
...
@@ -354,15 +379,15 @@ export default class EditUser extends Component {
company
.
splice
(
indexID
,
1
)
if
(
item
.
children
!==
null
)
{
if
(
item
.
children
.
length
>
0
)
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
item
.
children
.
map
((
items
,
indexs
)
=>
{
handleSpliceChild
(
items
)
})
}
}
}
// console.log(company)
this
.
setState
({
company
})
this
.
setState
({
company
})
}
renderChildren
=
(
item
,
pad
)
=>
{
...
...
@@ -380,7 +405,7 @@ export default class EditUser extends Component {
return
(
// <li>
<
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
)
?
(
data
.
children
.
length
>
0
?
padding
:
padding
+
30
)
:
padding
+
30
}}
>
<
div
style
=
{{
display
:
'flex'
,
flexDirection
:
'row'
,
alignItems
:
'center'
,
justifyContent
:
'flex-start'
,
paddingLeft
:
!
R
.
isNil
(
data
.
children
)
?
(
data
.
children
.
length
>
0
?
padding
:
padding
+
30
)
:
padding
+
30
}}
>
{
R
.
isNil
(
data
.
children
)
?
null
:
...
...
@@ -472,7 +497,7 @@ export default class EditUser extends Component {
};
closeAlert
()
{
this
.
setState
({
alert
:
false
})
this
.
setState
({
alert
:
false
})
}
render
()
{
...
...
@@ -600,14 +625,14 @@ export default class EditUser extends Component {
<
Autocomplete
{...
this
.
state
.
listRole
}
id
=
"role"
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
role
:
newInputValue
},
()
=>
this
.
clearError
())}
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
role
:
newInputValue
},
()
=>
this
.
clearError
())}
debug
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Role"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Role"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
onChange
=
{(
e
)
=>
this
.
handleChange
(
e
,
''
)}
error
=
{
this
.
state
.
errorRoleName
}
helperText
=
{
this
.
state
.
msgErrorRN
}
...
...
@@ -619,7 +644,7 @@ export default class EditUser extends Component {
}
}}
InputProps
=
{{
...
params
.
InputProps
,
style
:
{
fontSize
:
11
,
fontFamily
:
'Nunito Sans, sans-serif'
}
}}
/>
}
/>
}
value
=
{
this
.
state
.
role
}
/
>
<
/div
>
...
...
@@ -693,6 +718,38 @@ export default class EditUser extends Component {
<
/div
>
<
/div
>
<
div
className
=
"grid grid-2x grid-mobile-none gap-15px"
style
=
{{
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
className
=
"column-1"
>
<
div
className
=
"margin-top-10px"
style
=
{{
padding
:
10
,
borderRadius
:
5
}}
>
<
Autocomplete
debug
id
=
"tipe"
options
=
{
this
.
state
.
listNotification
}
getOptionLabel
=
{(
option
)
=>
option
.
value
}
value
=
{
this
.
state
.
notification
}
onChange
=
{(
event
,
newInputValue
)
=>
this
.
setState
({
notification
:
newInputValue
},
()
=>
this
.
clearError
())}
renderInput
=
{(
params
)
=>
<
TextField
{...
params
}
label
=
"Email Notification Maintenance"
margin
=
"normal"
style
=
{{
marginTop
:
7
}}
InputProps
=
{{
...
params
.
InputProps
,
style
:
{
fontSize
:
11
}
}}
InputLabelProps
=
{{
style
:
{
fontSize
:
11
,
color
:
'#7e8085'
}
}}
error
=
{
this
.
state
.
errorNotification
}
helperText
=
{
this
.
state
.
msgErrorNotification
}
/
>
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"column-2"
>
<
/div
>
<
/div
>
<
div
className
=
"grid grid-2x grid-mobile-none gap-15px"
style
=
{{
paddingLeft
:
20
,
paddingRight
:
20
}}
>
<
div
className
=
"column-1"
>
<
div
className
=
"margin-bottom-20px"
>
...
...
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