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
af827e20
Commit
af827e20
authored
Oct 05, 2023
by
Riri Novita
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'ENV-DEV' of
http://103.44.149.204/d.arizona/tia-dev
into dev/riri
parents
8e8e8ef6
2156322c
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
133 additions
and
59 deletions
+133
-59
CreateParameter.js
src/container/MasterData/Parameter/CreateParameter.js
+111
-31
PopUpInformation.js
src/library/PopUpInformation.js
+22
-28
No files found.
src/container/MasterData/Parameter/CreateParameter.js
View file @
af827e20
...
...
@@ -690,39 +690,45 @@ export default class CreateParameter extends Component {
}
else
{
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"REPORT_SUBMIT_PERIOD"
)
{
if
(
R
.
isEmpty
(
data
.
value
))
{
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'Value Cannot be Empty'
})
if
(
R
.
isNil
(
this
.
state
.
getPerusahaan
)){
}
else
{
if
(
this
.
state
.
getPerusahaan
.
company_name
==
"Default"
){
}
else
{
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'Value Cannot be Empty'
})
}
}
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getParameter
))
{
}
else
{
switch
(
this
.
state
.
getParameter
.
setting_type_name
)
{
case
"MASTER_BUDGET"
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: 2023'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: 2023'
})
break
case
"MONTHLY_REPORT"
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: Jan 2023'
msgErrorValue
:
'
Incorrect value format, example
: Jan 2023'
})
break
case
"OUTLOOK_Q1"
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: Q1 2023'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: Q1 2023'
})
break
case
"OUTLOOK_Q2"
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: Q2 2023'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: Q2 2023'
})
break
case
"OUTLOOK_Q3"
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: Q3 2023'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: Q3 2023'
})
break
case
"OUTLOOK_PA"
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: 2023'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: 2023'
})
break
default
:
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: 2023'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: 2023'
})
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"CURRENCY"
)
{
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
format value salah, contoh
: 15000'
})
this
.
setState
({
errorValue
:
true
,
msgErrorValue
:
'
Incorrect value format, example
: 15000'
})
}
}
}
...
...
@@ -731,12 +737,22 @@ export default class CreateParameter extends Component {
let
data
=
await
this
.
validasiValueData
()
let
response
=
await
this
.
validasiRegexValue
()
let
minMaxValidasi
=
await
this
.
validasiMinMaxValue
()
console
.
log
(
"Masuk ke menu creat : "
+
R
.
isNil
(
this
.
state
.
getFormatData
))
if
(
this
.
props
.
type
===
"edit"
){
if
(
R
.
isNil
(
this
.
state
.
getTypes
))
{
}
else
{
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"CURRENCY_MONEY_FORMAT"
)
{
this
.
updateParameterCurrebcyMoneyFormat
()
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"CURRENCY"
)
{
if
(
R
.
isNil
(
this
.
state
.
getParameter
)){
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getPerusahaan
)){
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getFormatData
)){
}
else
{
this
.
updateParameterCurrebcyMoneyFormat
()
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setticonng_group_name
==
"CURRENCY"
)
{
if
(
R
.
isNil
(
this
.
state
.
getReportName
))
{
}
else
{
if
(
R
.
isEmpty
(
data
.
value
))
{
...
...
@@ -756,8 +772,33 @@ export default class CreateParameter extends Component {
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"THRESHOLD_VARIANCE"
||
this
.
state
.
getTypes
.
setting_group_name
==
"THRESHOLD_CONTROL"
)
{
if
(
R
.
isEmpty
(
data
.
minValue
))
{
}
else
{
if
(
data
.
minValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
minValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
minValue
.
length
<=
minMaxValidasi
.
minLength
)
{
if
(
R
.
isEmpty
(
data
.
maxValue
))
{
}
else
{
if
(
data
.
maxValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
maxValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
maxValue
.
length
<=
minMaxValidasi
.
maxLength
)
{
this
.
updateParameter
()
}
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"REPORT_SUBMIT_PERIOD"
)
{
if
(
R
.
isEmpty
(
data
.
value
))
{
if
(
this
.
state
.
getPerusahaan
.
company_name
==
"Default"
){
if
(
R
.
isEmpty
(
data
.
minValue
))
{
}
else
{
if
(
data
.
minValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
minValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
minValue
.
length
<=
minMaxValidasi
.
minLength
){
if
(
R
.
isEmpty
(
data
.
maxValue
))
{
}
else
{
if
(
data
.
maxValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
maxValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
maxValue
.
length
<=
minMaxValidasi
.
maxLength
)
{
this
.
updateParameter
()
}
}
}
}
}
}
else
{
if
(
data
.
value
.
match
(
response
.
regexValue
)
&&
data
.
value
.
length
<=
response
.
valueLength
)
{
if
(
R
.
isEmpty
(
data
.
minValue
))
{
...
...
@@ -774,14 +815,30 @@ export default class CreateParameter extends Component {
}
}
}
else
{
this
.
updateParameter
()
if
(
R
.
isNil
(
this
.
state
.
getParameter
)){
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getPerusahaan
)){
}
else
{
this
.
updateParameter
()
}
}
}
}
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getTypes
))
{
}
else
{
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"CURRENCY_MONEY_FORMAT"
)
{
this
.
createParameterCurrebcyMoneyFormat
()
if
(
R
.
isNil
(
this
.
state
.
getParameter
)){
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getPerusahaan
)){
}
else
{
console
.
log
()
if
(
R
.
isNil
(
this
.
state
.
getFormatData
)){
}
else
{
this
.
createParameterCurrebcyMoneyFormat
()
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"CURRENCY"
)
{
if
(
R
.
isNil
(
this
.
state
.
getReportName
))
{
}
else
{
...
...
@@ -802,8 +859,33 @@ export default class CreateParameter extends Component {
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"THRESHOLD_VARIANCE"
||
this
.
state
.
getTypes
.
setting_group_name
==
"THRESHOLD_CONTROL"
)
{
if
(
R
.
isEmpty
(
data
.
minValue
))
{
}
else
{
if
(
data
.
minValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
minValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
minValue
.
length
<=
minMaxValidasi
.
minLength
)
{
if
(
R
.
isEmpty
(
data
.
maxValue
))
{
}
else
{
if
(
data
.
maxValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
maxValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
maxValue
.
length
<=
minMaxValidasi
.
maxLength
)
{
this
.
createParameter
()
}
}
}
}
}
else
if
(
this
.
state
.
getTypes
.
setting_group_name
==
"REPORT_SUBMIT_PERIOD"
)
{
if
(
R
.
isEmpty
(
data
.
value
))
{
if
(
this
.
state
.
getPerusahaan
.
company_name
==
"Default"
){
if
(
R
.
isEmpty
(
data
.
minValue
))
{
}
else
{
if
(
data
.
minValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
minValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
minValue
.
length
<=
minMaxValidasi
.
minLength
)
{
if
(
R
.
isEmpty
(
data
.
maxValue
))
{
}
else
{
if
(
data
.
maxValue
.
match
(
minMaxValidasi
.
minMaxRegex
)
&&
data
.
maxValue
.
substring
(
0
,
1
)
!=
"0"
&&
data
.
maxValue
.
length
<=
minMaxValidasi
.
maxLength
)
{
this
.
createParameter
()
}
}
}
}
}
}
else
{
if
(
data
.
value
.
match
(
response
.
regexValue
)
&&
data
.
value
.
length
<=
response
.
valueLength
)
{
if
(
R
.
isEmpty
(
data
.
minValue
))
{
...
...
@@ -820,7 +902,13 @@ export default class CreateParameter extends Component {
}
}
}
else
{
this
.
createParameter
()
if
(
R
.
isNil
(
this
.
state
.
getParameter
)){
}
else
{
if
(
R
.
isNil
(
this
.
state
.
getPerusahaan
)){
}
else
{
this
.
createParameter
()
}
}
}
}
}
...
...
@@ -848,34 +936,27 @@ export default class CreateParameter extends Component {
if
(
R
.
isNil
(
this
.
state
.
getParameter
))
{
obj
=
{
regexValue
:
(
/
\b\d{4}\b
/
),
valueLength
:
4
}
}
else
{
console
.
log
(
this
.
state
.
getParameter
.
setting_type_name
);
switch
(
this
.
state
.
getParameter
.
setting_type_name
)
{
case
"MASTER_BUDGET"
:
obj
=
{
regexValue
:
(
/
\b\d{4}\b
/
),
valueLength
:
4
}
console
.
log
(
"masuk MB"
+
this
.
state
.
regexValue
+
" panjang"
+
this
.
state
.
valueLength
);
break
case
"MONTHLY_REPORT"
:
obj
=
{
regexValue
:
(
/^
(
Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec
)\s\d{4}
$/
),
valueLength
:
8
}
console
.
log
(
"masuk MR"
+
this
.
state
.
regexValue
+
" panjang"
+
this
.
state
.
valueLength
);
break
case
"OUTLOOK_Q1"
:
obj
=
{
regexValue
:
(
/Q1
\s\d{4}
/
),
valueLength
:
7
}
console
.
log
(
"masuk Q1"
+
this
.
state
.
regexValue
+
" panjang"
+
this
.
state
.
valueLength
);
break
case
"OUTLOOK_Q2"
:
obj
=
{
regexValue
:
(
/Q2
\s\d{4}
/
),
valueLength
:
7
}
console
.
log
(
"masuk Q2"
+
this
.
state
.
regexValue
+
" panjang"
+
this
.
state
.
valueLength
);
break
case
"OUTLOOK_Q3"
:
obj
=
{
regexValue
:
(
/Q3
\s\d{4}
/
),
valueLength
:
7
}
console
.
log
(
"masuk Q3"
+
this
.
state
.
regexValue
+
" panjang"
+
this
.
state
.
valueLength
);
break
case
"OUTLOOK_PA"
:
obj
=
{
regexValue
:
(
/Q1
\s\d{4}
/
),
valueLength
:
7
}
console
.
log
(
"masuk PA"
+
this
.
state
.
regexValue
+
" panjang"
+
this
.
state
.
valueLength
);
obj
=
{
regexValue
:
(
/
\b\d{4}\b
/
),
valueLength
:
4
}
break
default
:
obj
=
{
regexValue
:
(
/Q1
\s\d{4}
/
),
valueLength
:
7
}
...
...
@@ -893,20 +974,20 @@ export default class CreateParameter extends Component {
case
"REPORT_SUBMIT_PERIOD"
:
this
.
setState
({
errorMaxValue
:
true
,
msgErrorMaxValue
:
'
format max value salah, contoh
: 31 Jan 2023'
msgErrorMaxValue
:
'
Incorrect max value format, example
: 31 Jan 2023'
})
break
case
"CURRENCY"
:
this
.
setState
({
errorMaxValue
:
true
,
msgErrorMaxValue
:
'
format max value salah, contoh
: 31 Jan 2023'
msgErrorMaxValue
:
'
Incorrect max value format, example
: 31 Jan 2023'
})
break
case
"THRESHOLD_CONTROL"
:
this
.
setState
({
errorMaxValue
:
true
,
msgErrorMaxValue
:
'
format max value salah, contoh
: 99999999'
})
this
.
setState
({
errorMaxValue
:
true
,
msgErrorMaxValue
:
'
Incorrect max value format, example
: 99999999'
})
break
case
"THRESHOLD_VARIANCE"
:
this
.
setState
({
errorMaxValue
:
true
,
msgErrorMaxValue
:
'
format max value salah, contoh
: 99999999'
})
this
.
setState
({
errorMaxValue
:
true
,
msgErrorMaxValue
:
'
Incorrect max value format, example
: 99999999'
})
break
default
:
this
.
setState
({
errorMaxValue
:
false
,
msgErrorMaxValue
:
''
})
...
...
@@ -921,20 +1002,20 @@ export default class CreateParameter extends Component {
case
"REPORT_SUBMIT_PERIOD"
:
this
.
setState
({
errorMinValue
:
true
,
msgErrorMinValue
:
'
format min value salah, contoh
: 1 Jan 2023'
msgErrorMinValue
:
'
Incorrect min value format, example
: 1 Jan 2023'
})
break
case
"CURRENCY"
:
this
.
setState
({
errorMinValue
:
true
,
msgErrorMinValue
:
'
format min value salah, contoh
: 1 Jan 2023'
msgErrorMinValue
:
'
Incorrect min value format, example
: 1 Jan 2023'
})
break
case
"THRESHOLD_CONTROL"
:
this
.
setState
({
errorMinValue
:
true
,
msgErrorMinValue
:
'
format min value salah, contoh
: 99999999'
})
this
.
setState
({
errorMinValue
:
true
,
msgErrorMinValue
:
'
Incorrect min value format, example
: 99999999'
})
break
case
"THRESHOLD_VARIANCE"
:
this
.
setState
({
errorMinValue
:
true
,
msgErrorMinValue
:
'
format min value salah, contoh
: 99999999'
})
this
.
setState
({
errorMinValue
:
true
,
msgErrorMinValue
:
'
Incorrect min value format, example
: 99999999'
})
break
default
:
this
.
setState
({
errorMinValue
:
false
,
msgErrorMinValue
:
''
})
...
...
@@ -947,7 +1028,6 @@ export default class CreateParameter extends Component {
if
(
R
.
isNil
(
this
.
state
.
getTypes
))
{
obj
=
{
minMaxRegex
:
(
/^-
?\d
+
\.?\d
+$/
),
minLength
:
this
.
state
.
minValue
.
length
,
maxLength
:
this
.
state
.
maxValue
.
length
}
}
else
{
console
.
log
(
this
.
state
.
getTypes
.
setting_group_name
);
switch
(
this
.
state
.
getTypes
.
setting_group_name
)
{
case
"CURRENCY"
:
obj
=
{
minMaxRegex
:
(
/
\b\d{1,2}\s(
Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec
)\s\d{4}\b
/
),
minLength
:
11
,
maxLength
:
11
,
regexValue
:
(
/^
\d
+$/
)}
...
...
src/library/PopUpInformation.js
View file @
af827e20
...
...
@@ -79,15 +79,15 @@ export default class PopUpInformation extends Component {
reportName
(){
if
(
this
.
props
.
reportName
==
"MASTER_BUDGET"
){
return
"
master b
udget"
return
"
Master B
udget"
}
else
if
(
this
.
props
.
reportName
==
"OUTLOOK_Q1"
){
return
"
rolling o
utlook"
return
"
Rolling O
utlook"
}
else
if
(
this
.
props
.
reportName
==
"OUTLOOK_Q2"
){
return
"
rolling o
utlook"
return
"
Rolling O
utlook"
}
else
if
(
this
.
props
.
reportName
==
"OUTLOOK_Q3"
){
return
"
rolling o
utlook"
return
"
Rolling O
utlook"
}
else
if
(
this
.
props
.
reportName
==
"OUTLOOK_PA"
){
return
"
o
utlook PA"
return
"
O
utlook PA"
}
}
...
...
@@ -99,12 +99,12 @@ export default class PopUpInformation extends Component {
if
(
this
.
props
.
reportName
==
"MONTHLY_REPORT"
){
return
(
<
div
className
=
"test app-popup-show"
>
<
div
className
=
"popup-content border-radius"
style
=
{{
background
:
'#FFF27D'
,
borderRadius
:
10
,
width
:
600
,
height
:
55
0
}}
>
<
div
className
=
"popup-content border-radius"
style
=
{{
background
:
'#FFF27D'
,
borderRadius
:
10
,
width
:
530
,
height
:
52
0
}}
>
<
div
style
=
{{
margin
:
30
}}
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
,
paddingBottom
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
{
this
.
namaJudul
()}
<
/
span
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
20
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
b
>
Format
max
-
min
value
<
/b> Monthly Report
:
<
/
div
>
<
/div
>
<
div
className
=
"border-top grid grid-2x"
>
<
div
className
=
"column-1"
style
=
{{
alignSelf
:
'center'
,
width
:
70
}}
>
...
...
@@ -116,16 +116,13 @@ export default class PopUpInformation extends Component {
}}
/
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
,
marginLeft
:
20
,
paddingBottom
:
20
,
width
:
400
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
4
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
2
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Please
enter
the
date
in
the
following
format
:
<
b
>
'dd MMM YYYY.'
<
/b
>
<
/div
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
4
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
2
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
For
example
,
1
Jan
2023
.
<
/div
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
b
>
format
max
-
min
value
<
/b> Monthly Report
:
<
/div
>
<
div
className
=
"grid grid-3x"
>
<
div
className
=
"grid grid-3x"
style
=
{{
marginTop
:
10
}}
>
<
div
className
=
"column-1"
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
width
:
40
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Jan
:
<
/div
>
...
...
@@ -276,12 +273,12 @@ export default class PopUpInformation extends Component {
}
else
{
return
(
<
div
className
=
"test app-popup-show"
>
<
div
className
=
"popup-content border-radius"
style
=
{{
background
:
'#FFF27D'
,
borderRadius
:
10
,
width
:
500
,
height
:
(
this
.
props
.
reportName
==
"MASTER_BUDGET"
)
||
(
this
.
props
.
reportName
==
"OUTLOOK_PA"
)
?
300
:
35
0
}}
>
<
div
style
=
{{
margin
:
30
}}
>
<
div
className
=
"popup-content border-radius"
style
=
{{
background
:
'#FFF27D'
,
borderRadius
:
10
,
width
:
460
,
height
:
(
this
.
props
.
reportName
==
"MASTER_BUDGET"
)
||
(
this
.
props
.
reportName
==
"OUTLOOK_PA"
)
?
250
:
30
0
}}
>
<
div
style
=
{{
margin
:
15
}}
>
<
div
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
,
paddingBottom
:
20
}}
>
<
span
style
=
{{
textAlign
:
'center'
,
fontSize
:
14
,
fontWeight
:
'bold'
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
{
this
.
namaJudul
()}
<
/
span
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
20
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
b
>
Format
max
-
min
value
<
/b> <span>{this.reportName
()
}</
span
>
:
<
/
div
>
<
/div
>
<
div
className
=
"border-top grid grid-2x"
>
<
div
className
=
"column-1"
style
=
{{
alignSelf
:
'center'
,
width
:
70
}}
>
...
...
@@ -293,23 +290,20 @@ export default class PopUpInformation extends Component {
}}
/
>
<
/div
>
<
div
className
=
"column-2"
style
=
{{
display
:
'grid'
,
justifyContent
:
'center'
,
marginTop
:
20
,
paddingBottom
:
20
,
width
:
350
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
4
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
2
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Please
enter
the
date
in
the
following
format
:
<
b
>
'dd MMM YYYY.'
<
/b
>
<
/div
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
4
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
1
2
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
For
example
,
1
Jan
2023
.
<
/div
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
b
>
format
max
-
min
value
<
/b> <span>{this.reportName
()
}</
span
>
:
<
/div
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
marginTop
:
10
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Min
Value
:
<
span
>
{
this
.
minValue
()}
<
/span
>
<
/div
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
color
:
'#1D2995'
,
paddingBottom
:
5
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
14
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Max
Value
:
<
span
>
{
this
.
maxValue
()}
<
/span
>
<
/div
>
{
this
.
state
.
notes
&&
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
12
,
color
:
'#1D2995'
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
<
div
style
=
{{
justifyContent
:
'center'
,
fontSize
:
12
,
color
:
'#1D2995'
,
paddingTop
:
5
,
fontFamily
:
'Nunito Sans, sans-serif'
}}
>
Note
:
The
actual
maximum
value
<
span
>
{
this
.
notesMessage
()}
<
/span
>
<
/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