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
21ba5a14
Commit
21ba5a14
authored
Jan 16, 2023
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'dev/riri' into 'ENV-DEV'
Binding Maintenance Mode See merge request
!1665
parents
db4f4636
661acec7
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
240 additions
and
44 deletions
+240
-44
index.js
src/api/index.js
+9
-1
MaintenanceMode.js
src/container/GeneralSetting/MaintenanceMode.js
+231
-43
No files found.
src/api/index.js
View file @
21ba5a14
...
@@ -488,6 +488,11 @@ const create = (type = "") => {
...
@@ -488,6 +488,11 @@ const create = (type = "") => {
const
getMonitoringOLPA
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/outlook/
${
body
.
year
}
`
)
const
getMonitoringOLPA
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/outlook/
${
body
.
year
}
`
)
const
getMonitoringCafrm
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/cafrm/
${
body
.
year
}
/
${
body
.
month
}
/
${
body
.
status
}
`
)
const
getMonitoringCafrm
=
(
body
)
=>
api
.
get
(
`transaction/monitoring/cafrm/
${
body
.
year
}
/
${
body
.
month
}
/
${
body
.
status
}
`
)
// Maintenance
const
getDetailMaintenanceMode
=
()
=>
api
.
get
(
'maintenance/mode/get_maintenance_mode'
)
const
createMaintenanceMode
=
(
body
)
=>
api
.
post
(
'maintenance/mode/create_maintenance_mode'
,
body
)
const
updateMaintenanceMode
=
(
body
)
=>
api
.
post
(
'maintenance/mode/update_maintenance_mode'
,
body
)
// Superadmin Approve
// Superadmin Approve
const
getListApprover
=
(
report
,
monthlyReportId
)
=>
api
.
get
(
`transaction/
${
report
}
/get_approver/
${
monthlyReportId
}
`
)
const
getListApprover
=
(
report
,
monthlyReportId
)
=>
api
.
get
(
`transaction/
${
report
}
/get_approver/
${
monthlyReportId
}
`
)
const
getIdToken
=
(
userId
)
=>
api
.
get
(
`transaction/get_token/
${
userId
}
`
)
const
getIdToken
=
(
userId
)
=>
api
.
get
(
`transaction/get_token/
${
userId
}
`
)
...
@@ -844,7 +849,10 @@ const create = (type = "") => {
...
@@ -844,7 +849,10 @@ const create = (type = "") => {
getMonitoringCafrm
,
getMonitoringCafrm
,
getListApprover
,
getListApprover
,
getIdToken
,
getIdToken
,
triggerHistoricalRatio
triggerHistoricalRatio
,
getDetailMaintenanceMode
,
createMaintenanceMode
,
updateMaintenanceMode
}
}
}
}
...
...
src/container/GeneralSetting/MaintenanceMode.js
View file @
21ba5a14
...
@@ -75,29 +75,202 @@ class MaintenanceMode extends Component {
...
@@ -75,29 +75,202 @@ class MaintenanceMode extends Component {
this
.
editorRefEmail
=
React
.
createRef
();
this
.
editorRefEmail
=
React
.
createRef
();
// this.handleChange = this.handleChange.bind(this)
// this.handleChange = this.handleChange.bind(this)
this
.
state
=
{
this
.
state
=
{
isModeNonActive
:
true
,
load
:
false
,
isModeActive
:
false
,
loading
:
false
,
isModeActiveNo
:
true
,
mailcontentModeActive
:
""
,
isModeActiveYes
:
false
,
mailcontentModeNonActive
:
""
,
isModeNonActiveNo
:
true
,
checkedB
:
true
,
isModeNonActiveYes
:
false
,
headline
:
''
,
contentMode
:
""
,
maintenanceContent
:
''
,
contentEmail
:
""
,
subjectMailActive
:
''
,
checkedB
:
true
subjectMailNonActive
:
''
,
maintenanceID
:
null
,
maintenanceStatus
:
0
,
mailStatusActive
:
0
,
mailStatusNonActive
:
0
,
}
}
}
}
componentDidMount
()
{
componentDidMount
()
{
this
.
getDetailMaintenanceMode
()
}
getDetailMaintenanceMode
()
{
this
.
setState
({
loading
:
true
})
api
.
create
().
getDetailMaintenanceMode
().
then
((
response
)
=>
{
console
.
log
(
response
);
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
let
data
=
response
.
data
.
data
console
.
log
(
data
.
maintenance_mail
.
length
);
let
dataModeActive
=
data
.
maintenance_mail
.
length
>
0
?
data
.
maintenance_mail
.[
0
].[
0
]
:
null
let
dataModeNonActive
=
data
.
maintenance_mail
.
length
>
0
?
data
.
maintenance_mail
.[
0
].[
1
]
:
null
this
.
setState
({
maintenanceID
:
data
.
maintenance_id
,
headline
:
data
.
maintenance_headline
,
maintenanceContent
:
data
.
maintenance_content
,
maintenanceStatus
:
data
.
maintenance_status
===
null
?
0
:
data
.
maintenance_status
,
mailStatusActive
:
dataModeActive
===
null
?
0
:
dataModeActive
.
status
,
subjectMailActive
:
dataModeActive
===
null
?
null
:
dataModeActive
.
mailSubject
,
mailcontentModeActive
:
dataModeActive
===
null
?
null
:
dataModeActive
.
mailBody
,
mailStatusNonActive
:
dataModeNonActive
===
null
?
0
:
dataModeNonActive
.
status
,
subjectMailNonActive
:
dataModeNonActive
===
null
?
null
:
dataModeNonActive
.
mailSubject
,
mailcontentModeNonActive
:
dataModeNonActive
===
null
?
null
:
dataModeNonActive
.
mailBody
,
},
()
=>
{
setTimeout
(()
=>
{
this
.
setState
({
loading
:
false
})
},
2000
);
})
}
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"
))
{
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'
})
}
})
}
handleChange
(
e
,
type
)
{
let
data
=
this
.
state
let
isDate
=
type
!==
''
?
true
:
false
if
(
isDate
&&
type
===
'start_date'
)
{
this
.
setState
({
...
data
,
startDate
:
format
(
e
,
'yyyy-MM-dd'
),
endDate
:
null
})
}
else
if
(
isDate
&&
type
===
'end_date'
)
{
this
.
setState
({
...
data
,
endDate
:
format
(
e
,
'yyyy-MM-dd'
)
})
}
else
{
this
.
setState
({
...
data
,
[
e
.
target
.
name
]:
e
.
target
.
value
})
}
}
handleCreate
()
{
let
payload
=
{
"maintenance_headline"
:
this
.
state
.
headline
,
"maintenance_content"
:
this
.
state
.
maintenanceContent
,
"maintenance_status"
:
this
.
state
.
maintenanceStatus
,
"maintenance_mail"
:
[
{
"mail_type"
:
"MAINTENANCE_MODE_ACTIVE"
,
"mail_subject"
:
this
.
state
.
subjectMailActive
,
"mail_body"
:
this
.
state
.
mailcontentModeActive
,
"mail_status"
:
this
.
state
.
mailStatusActive
},
{
"mail_type"
:
"MAINTENANCE_MODE_INACTIVE"
,
"mail_subject"
:
this
.
state
.
subjectMailNonActive
,
"mail_body"
:
this
.
state
.
mailcontentModeNonActive
,
"mail_status"
:
this
.
state
.
mailStatusNonActive
}
]
}
console
.
log
(
payload
);
api
.
create
().
createMaintenanceMode
(
payload
).
then
((
response
)
=>
{
console
.
log
(
response
)
this
.
setState
({
loading
:
true
})
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'success'
,
loading
:
false
},
()
=>
this
.
getDetailMaintenanceMode
())
}
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"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
loading
:
false
})
}
}
else
{
// this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
alert
(
response
.
problem
)
this
.
setState
({
loading
:
false
})
}
})
}
handleEdit
()
{
let
payload
=
{
"maintenance_id"
:
this
.
state
.
maintenanceID
,
"maintenance_headline"
:
this
.
state
.
headline
,
"maintenance_content"
:
this
.
state
.
maintenanceContent
,
"maintenance_status"
:
this
.
state
.
maintenanceStatus
,
"maintenance_mail"
:
[
{
"mail_type"
:
"MAINTENANCE_MODE_ACTIVE"
,
"mail_subject"
:
this
.
state
.
subjectMailActive
,
"mail_body"
:
this
.
state
.
mailcontentModeActive
,
"mail_status"
:
this
.
state
.
mailStatusActive
},
{
"mail_type"
:
"MAINTENANCE_MODE_INACTIVE"
,
"mail_subject"
:
this
.
state
.
subjectMailNonActive
,
"mail_body"
:
this
.
state
.
mailcontentModeNonActive
,
"mail_status"
:
this
.
state
.
mailStatusNonActive
}
]
}
console
.
log
(
payload
);
api
.
create
().
updateMaintenanceMode
(
payload
).
then
((
response
)
=>
{
console
.
log
(
response
)
this
.
setState
({
loading
:
true
})
if
(
response
.
data
)
{
if
(
response
.
ok
)
{
if
(
response
.
data
.
status
===
'success'
)
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'success'
,
loading
:
false
},
()
=>
this
.
getDetailMaintenanceMode
())
}
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"
))
{
setTimeout
(()
=>
{
localStorage
.
removeItem
(
Constant
.
TOKEN
)
window
.
location
.
reload
();
},
1000
);
}
})
}
}
else
{
this
.
setState
({
alert
:
true
,
messageAlert
:
response
.
data
.
message
,
tipeAlert
:
'error'
,
loading
:
false
})
}
}
else
{
// this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
alert
(
response
.
problem
)
this
.
setState
({
loading
:
false
})
}
})
}
}
closeAlert
()
{
closeAlert
()
{
this
.
setState
({
alert
:
false
})
this
.
setState
({
alert
:
false
})
}
}
handleChange
(
event
)
{
//
handleChange(event) {
this
.
setState
({
...
this
.
state
.
checkedB
,
[
event
.
target
.
name
]:
event
.
target
.
checked
});
//
this.setState({ ...this.state.checkedB, [event.target.name]: event.target.checked });
};
//
};
handleImageUploadBefore
(
files
,
info
,
uploadHandler
)
{
handleImageUploadBefore
(
files
,
info
,
uploadHandler
)
{
// uploadHandler is a function
// uploadHandler is a function
...
@@ -117,8 +290,8 @@ class MaintenanceMode extends Component {
...
@@ -117,8 +290,8 @@ class MaintenanceMode extends Component {
}
}
handleEditorChange
(
value
)
{
handleEditorChange
(
value
)
{
console
.
log
(
value
);
//
console.log(value);
this
.
setState
({
contentMod
e
:
value
})
this
.
setState
({
mailcontentModeActiv
e
:
value
})
// setContent(value)
// setContent(value)
}
}
...
@@ -199,8 +372,8 @@ class MaintenanceMode extends Component {
...
@@ -199,8 +372,8 @@ class MaintenanceMode extends Component {
}
}
handleEditorChangeEmail
(
value
)
{
handleEditorChangeEmail
(
value
)
{
console
.
log
(
value
);
//
console.log(value);
this
.
setState
({
contentEmail
:
value
})
this
.
setState
({
mailcontentModeNonActive
:
value
})
// setContent(value)
// setContent(value)
}
}
...
@@ -266,7 +439,7 @@ class MaintenanceMode extends Component {
...
@@ -266,7 +439,7 @@ class MaintenanceMode extends Component {
render
()
{
render
()
{
const
loadingComponent
=
(
const
loadingComponent
=
(
<
div
style
=
{{
position
:
'
fixed
'
,
zIndex
:
110
,
top
:
0
,
left
:
0
,
width
:
'100%'
,
height
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
background
:
'rgba(255,255,255,0.8)'
}}
>
<
div
style
=
{{
position
:
'
absolute
'
,
zIndex
:
110
,
top
:
0
,
left
:
0
,
width
:
'100%'
,
height
:
'100%'
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
background
:
'rgba(255,255,255,0.8)'
}}
>
<
PropagateLoader
<
PropagateLoader
// css={override}
// css={override}
size
=
{
20
}
size
=
{
20
}
...
@@ -283,8 +456,8 @@ class MaintenanceMode extends Component {
...
@@ -283,8 +456,8 @@ class MaintenanceMode extends Component {
{
this
.
state
.
messageAlert
}
{
this
.
state
.
messageAlert
}
<
/Alert
>
<
/Alert
>
<
/Snackbar
>
<
/Snackbar
>
this
.
state
.
load
&&
(
<
div
>
<
div
>
{
this
.
state
.
loading
&&
loadingComponent
}
<
div
className
=
{
"main-color"
}
style
=
{{
height
:
78
,
display
:
'flex'
,
alignItems
:
'center'
,
paddingLeft
:
20
}}
>
<
div
className
=
{
"main-color"
}
style
=
{{
height
:
78
,
display
:
'flex'
,
alignItems
:
'center'
,
paddingLeft
:
20
}}
>
<
Typography
style
=
{{
fontSize
:
'16px'
,
color
:
'white'
}}
>
Maintenance
Mode
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'16px'
,
color
:
'white'
}}
>
Maintenance
Mode
<
/Typography
>
<
/div
>
<
/div
>
...
@@ -295,7 +468,7 @@ class MaintenanceMode extends Component {
...
@@ -295,7 +468,7 @@ class MaintenanceMode extends Component {
<
Typography
style
=
{{
fontSize
:
'17px'
,
color
:
'#4b4b4b'
,
margin
:
10
}}
>
General
Setting
-
Maintenance
Mode
<
/Typography
>
<
Typography
style
=
{{
fontSize
:
'17px'
,
color
:
'#4b4b4b'
,
margin
:
10
}}
>
General
Setting
-
Maintenance
Mode
<
/Typography
>
<
/div
>
<
/div
>
<
div
style
=
{{
marginTop
:
5
,
marginRight
:
30
}}
>
<
div
style
=
{{
marginTop
:
5
,
marginRight
:
30
}}
>
<
button
{
/*
<button
type="button"
type="button"
style={{ background: 'white' }}
style={{ background: 'white' }}
onClick={() => Alert('Coming Soon !')}
onClick={() => Alert('Coming Soon !')}
...
@@ -303,10 +476,10 @@ class MaintenanceMode extends Component {
...
@@ -303,10 +476,10 @@ class MaintenanceMode extends Component {
<div style={{ width: 102, height: 30, backgroundColor: '#fff', border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', marginRight: 15 }}>
<div style={{ width: 102, height: 30, backgroundColor: '#fff', border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', marginRight: 15 }}>
<span style={{ color: '#354960', fontSize: 11 }}>Batal</span>
<span style={{ color: '#354960', fontSize: 11 }}>Batal</span>
</div>
</div>
<
/button
>
</button>
*/
}
<
button
<
button
type
=
"button"
type
=
"button"
onClick
=
{()
=>
Alert
(
'Coming Soon !'
)}
onClick
=
{()
=>
this
.
state
.
maintenanceID
===
null
?
this
.
handleCreate
()
:
this
.
handleEdit
(
)}
>
>
<
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
>
...
@@ -324,18 +497,18 @@ class MaintenanceMode extends Component {
...
@@ -324,18 +497,18 @@ class MaintenanceMode extends Component {
<
button
<
button
type
=
"button"
type
=
"button"
style
=
{{
background
:
'#fff'
,
marginRight
:
15
}}
style
=
{{
background
:
'#fff'
,
marginRight
:
15
}}
onClick
=
{()
=>
this
.
setState
({
isModeNonActive
:
true
,
isModeActive
:
false
})}
onClick
=
{()
=>
this
.
setState
({
maintenanceStatus
:
0
})}
>
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
isModeNonActive
?
'green'
:
'#fff'
,
border
:
this
.
state
.
isModeNonActive
?
'none'
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
maintenanceStatus
===
0
?
'green'
:
'#fff'
,
border
:
this
.
state
.
maintenanceStatus
===
0
?
'none'
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
this
.
state
.
isModeNonActive
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Non
Active
<
/span
>
<
span
style
=
{{
color
:
this
.
state
.
maintenanceStatus
===
0
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Non
Active
<
/span
>
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
button
<
button
type
=
"button"
type
=
"button"
onClick
=
{()
=>
this
.
setState
({
isModeActive
:
true
,
isModeNonActive
:
false
})}
onClick
=
{()
=>
this
.
setState
({
maintenanceStatus
:
1
})}
>
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
isModeActive
?
'red'
:
'#fff'
,
border
:
this
.
state
.
isModeActive
?
null
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
maintenanceStatus
===
1
?
'red'
:
'#fff'
,
border
:
this
.
state
.
maintenanceStatus
===
1
?
null
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
this
.
state
.
isModeActive
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Active
<
/span
>
<
span
style
=
{{
color
:
this
.
state
.
maintenanceStatus
===
1
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Active
<
/span
>
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
/div
>
<
/div
>
...
@@ -349,6 +522,10 @@ class MaintenanceMode extends Component {
...
@@ -349,6 +522,10 @@ class MaintenanceMode extends Component {
<
div
>
<
div
>
<
TextField
<
TextField
variant
=
"outlined"
variant
=
"outlined"
id
=
"headline"
name
=
"headline"
value
=
{
this
.
state
.
headline
}
onChange
=
{(
e
)
=>
this
.
handleChange
(
e
,
''
)}
style
=
{{
width
:
'80%'
}}
style
=
{{
width
:
'80%'
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
,
height
:
0
}
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
,
height
:
0
}
}}
/
>
/
>
...
@@ -361,9 +538,13 @@ class MaintenanceMode extends Component {
...
@@ -361,9 +538,13 @@ class MaintenanceMode extends Component {
<
div
>
<
div
>
<
TextField
<
TextField
variant
=
"outlined"
variant
=
"outlined"
id
=
"maintenanceContent"
name
=
"maintenanceContent"
onChange
=
{(
e
)
=>
this
.
handleChange
(
e
,
''
)}
value
=
{
this
.
state
.
maintenanceContent
}
style
=
{{
width
:
'80%'
}}
style
=
{{
width
:
'80%'
}}
multiline
multiline
maxRows
=
{
6
}
maxRows
=
{
4
}
inputProps
=
{{
style
:
{
color
:
'#656565'
}
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
}
}}
/
>
/
>
<
/div
>
<
/div
>
...
@@ -377,18 +558,18 @@ class MaintenanceMode extends Component {
...
@@ -377,18 +558,18 @@ class MaintenanceMode extends Component {
<
button
<
button
type
=
"button"
type
=
"button"
style
=
{{
background
:
'#fff'
,
marginRight
:
15
}}
style
=
{{
background
:
'#fff'
,
marginRight
:
15
}}
onClick
=
{()
=>
this
.
setState
({
isModeActiveNo
:
true
,
isModeActiveYes
:
false
})}
onClick
=
{()
=>
this
.
setState
({
mailStatusActive
:
0
})}
>
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
isModeActiveNo
?
'red'
:
'#fff'
,
border
:
this
.
state
.
isModeActiveNo
?
'none'
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
mailStatusActive
===
0
?
'red'
:
'#fff'
,
border
:
this
.
state
.
mailStatusActive
===
0
?
'none'
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
this
.
state
.
isModeActiveNo
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Tidak
<
/span
>
<
span
style
=
{{
color
:
this
.
state
.
mailStatusActive
===
0
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Tidak
<
/span
>
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
button
<
button
type
=
"button"
type
=
"button"
onClick
=
{()
=>
this
.
setState
({
isModeActiveYes
:
true
,
isModeActiveNo
:
false
})}
onClick
=
{()
=>
this
.
setState
({
mailStatusActive
:
1
})}
>
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
isModeActiveYes
?
'green'
:
'#fff'
,
border
:
this
.
state
.
isModeActiveYes
?
null
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
mailStatusActive
===
1
?
'green'
:
'#fff'
,
border
:
this
.
state
.
mailStatusActive
===
1
?
null
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
this
.
state
.
isModeActiveYes
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Ya
<
/span
>
<
span
style
=
{{
color
:
this
.
state
.
mailStatusActive
===
1
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Ya
<
/span
>
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
/div
>
<
/div
>
...
@@ -400,6 +581,10 @@ class MaintenanceMode extends Component {
...
@@ -400,6 +581,10 @@ class MaintenanceMode extends Component {
<
div
>
<
div
>
<
TextField
<
TextField
variant
=
"outlined"
variant
=
"outlined"
id
=
"subjectMailActive"
name
=
"subjectMailActive"
onChange
=
{(
e
)
=>
this
.
handleChange
(
e
,
''
)}
value
=
{
this
.
state
.
subjectMailActive
}
style
=
{{
width
:
'80%'
}}
style
=
{{
width
:
'80%'
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
,
height
:
0
}
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
,
height
:
0
}
}}
/
>
/
>
...
@@ -432,7 +617,7 @@ class MaintenanceMode extends Component {
...
@@ -432,7 +617,7 @@ class MaintenanceMode extends Component {
// Other option
// Other option
}}
}}
onChange
=
{
this
.
handleEditorChange
.
bind
(
this
)}
onChange
=
{
this
.
handleEditorChange
.
bind
(
this
)}
setContents
=
{
this
.
state
.
contentMod
e
}
setContents
=
{
this
.
state
.
mailcontentModeActiv
e
}
onDrop
=
{
this
.
handleDrop
.
bind
(
this
)}
onDrop
=
{
this
.
handleDrop
.
bind
(
this
)}
imageUploadHandler
=
{
this
.
imageUploadHandler
.
bind
(
this
)}
imageUploadHandler
=
{
this
.
imageUploadHandler
.
bind
(
this
)}
onBlur
=
{
this
.
handleBlur
.
bind
(
this
)}
onBlur
=
{
this
.
handleBlur
.
bind
(
this
)}
...
@@ -451,18 +636,18 @@ class MaintenanceMode extends Component {
...
@@ -451,18 +636,18 @@ class MaintenanceMode extends Component {
<
button
<
button
type
=
"button"
type
=
"button"
style
=
{{
background
:
'#fff'
,
marginRight
:
15
}}
style
=
{{
background
:
'#fff'
,
marginRight
:
15
}}
onClick
=
{()
=>
this
.
setState
({
isModeNonActiveNo
:
true
,
isModeNonActiveYes
:
false
})}
onClick
=
{()
=>
this
.
setState
({
mailStatusNonActive
:
0
})}
>
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
isModeNonActiveNo
?
'red'
:
'#fff'
,
border
:
this
.
state
.
isModeNonActiveNo
?
'none'
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
mailStatusNonActive
===
0
?
'red'
:
'#fff'
,
border
:
this
.
state
.
mailStatusNonActive
===
0
?
'none'
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
this
.
state
.
isModeNonActiveNo
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Tidak
<
/span
>
<
span
style
=
{{
color
:
this
.
state
.
mailStatusNonActive
===
0
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Tidak
<
/span
>
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
button
<
button
type
=
"button"
type
=
"button"
onClick
=
{()
=>
this
.
setState
({
isModeNonActiveYes
:
true
,
isModeNonActiveNo
:
false
})}
onClick
=
{()
=>
this
.
setState
({
mailStatusNonActive
:
1
})}
>
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
isModeNonActiveYes
?
'green'
:
'#fff'
,
border
:
this
.
state
.
isModeNonActiveYes
?
null
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
div
style
=
{{
width
:
102
,
height
:
30
,
backgroundColor
:
this
.
state
.
mailStatusNonActive
===
1
?
'green'
:
'#fff'
,
border
:
this
.
state
.
mailStatusNonActive
===
1
?
null
:
'solid 1px #354960'
,
borderRadius
:
5
,
alignItems
:
'center'
,
display
:
'flex'
,
justifyContent
:
'center'
}}
>
<
span
style
=
{{
color
:
this
.
state
.
isModeNonActiveYes
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Ya
<
/span
>
<
span
style
=
{{
color
:
this
.
state
.
mailStatusNonActive
===
1
?
'white'
:
'#354960'
,
fontSize
:
11
,
fontWeight
:
'bold'
}}
>
Ya
<
/span
>
<
/div
>
<
/div
>
<
/button
>
<
/button
>
<
/div
>
<
/div
>
...
@@ -474,6 +659,10 @@ class MaintenanceMode extends Component {
...
@@ -474,6 +659,10 @@ class MaintenanceMode extends Component {
<
div
>
<
div
>
<
TextField
<
TextField
variant
=
"outlined"
variant
=
"outlined"
id
=
"subjectMailNonActive"
name
=
"subjectMailNonActive"
onChange
=
{(
e
)
=>
this
.
handleChange
(
e
,
''
)}
value
=
{
this
.
state
.
subjectMailNonActive
}
style
=
{{
width
:
'80%'
}}
style
=
{{
width
:
'80%'
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
,
height
:
0
}
}}
inputProps
=
{{
style
:
{
color
:
'#656565'
,
height
:
0
}
}}
/
>
/
>
...
@@ -506,7 +695,7 @@ class MaintenanceMode extends Component {
...
@@ -506,7 +695,7 @@ class MaintenanceMode extends Component {
// Other option
// Other option
}}
}}
onChange
=
{
this
.
handleEditorChangeEmail
.
bind
(
this
)}
onChange
=
{
this
.
handleEditorChangeEmail
.
bind
(
this
)}
setContents
=
{
this
.
state
.
contentEmail
}
setContents
=
{
this
.
state
.
mailcontentModeNonActive
}
onDrop
=
{
this
.
handleDropEmail
.
bind
(
this
)}
onDrop
=
{
this
.
handleDropEmail
.
bind
(
this
)}
imageUploadHandler
=
{
this
.
imageUploadHandlerEmail
.
bind
(
this
)}
imageUploadHandler
=
{
this
.
imageUploadHandlerEmail
.
bind
(
this
)}
onBlur
=
{
this
.
handleBlurEmail
.
bind
(
this
)}
onBlur
=
{
this
.
handleBlurEmail
.
bind
(
this
)}
...
@@ -521,7 +710,6 @@ class MaintenanceMode extends Component {
...
@@ -521,7 +710,6 @@ class MaintenanceMode extends Component {
<
/Paper
>
<
/Paper
>
<
/div
>
<
/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