Skip to content

T
Tia-dev
Commit af827e20 authored by Riri Novita's avatar Riri Novita
Browse files
Options

Merge branch 'ENV-DEV' of http://103.44.149.204/d.arizona/tia-dev into dev/riri

parents 8e8e8ef6 2156322c
Show whitespace changes
Inline Side-by-side
Showing with 133 additions and 59 deletions
src/container/MasterData/Parameter/CreateParameter.js
View file @ af827e20
...@@ -690,39 +690,45 @@ export default class CreateParameter extends Component { ...@@ -690,39 +690,45 @@ export default class CreateParameter extends Component {
}else { }else {
if (this.state.getTypes.setting_group_name == "REPORT_SUBMIT_PERIOD") { if (this.state.getTypes.setting_group_name == "REPORT_SUBMIT_PERIOD") {
if (R.isEmpty(data.value)) { if (R.isEmpty(data.value)) {
if (R.isNil(this.state.getPerusahaan)){
}else {
if (this.state.getPerusahaan.company_name == "Default"){
}else {
this.setState({errorValue: true, msgErrorValue: 'Value Cannot be Empty'}) this.setState({errorValue: true, msgErrorValue: 'Value Cannot be Empty'})
}
}
} else { } else {
if (R.isNil(this.state.getParameter)) { if (R.isNil(this.state.getParameter)) {
} else { } else {
switch (this.state.getParameter.setting_type_name) { switch (this.state.getParameter.setting_type_name) {
case "MASTER_BUDGET": case "MASTER_BUDGET":
this.setState({errorValue: true, msgErrorValue: 'format value salah, contoh : 2023'}) this.setState({errorValue: true, msgErrorValue: 'Incorrect value format, example : 2023'})
break break
case "MONTHLY_REPORT": case "MONTHLY_REPORT":
this.setState({ this.setState({
errorValue: true, errorValue: true,
msgErrorValue: 'format value salah, contoh : Jan 2023' msgErrorValue: 'Incorrect value format, example : Jan 2023'
}) })
break break
case "OUTLOOK_Q1": 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 break
case "OUTLOOK_Q2": 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 break
case "OUTLOOK_Q3": 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 break
case "OUTLOOK_PA": case "OUTLOOK_PA":
this.setState({errorValue: true, msgErrorValue: 'format value salah, contoh : 2023'}) this.setState({errorValue: true, msgErrorValue: 'Incorrect value format, example : 2023'})
break break
default: 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") { } 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 { ...@@ -731,12 +737,22 @@ export default class CreateParameter extends Component {
let data = await this.validasiValueData() let data = await this.validasiValueData()
let response = await this.validasiRegexValue() let response = await this.validasiRegexValue()
let minMaxValidasi = await this.validasiMinMaxValue() let minMaxValidasi = await this.validasiMinMaxValue()
console.log("Masuk ke menu creat : " + R.isNil(this.state.getFormatData))
if (this.props.type === "edit"){ if (this.props.type === "edit"){
if (R.isNil(this.state.getTypes)) { if (R.isNil(this.state.getTypes)) {
} else { } else {
if (this.state.getTypes.setting_group_name == "CURRENCY_MONEY_FORMAT") { if (this.state.getTypes.setting_group_name == "CURRENCY_MONEY_FORMAT") {
if (R.isNil(this.state.getParameter)){
}else {
if (R.isNil(this.state.getPerusahaan)){
}else {
if (R.isNil(this.state.getFormatData)){
}else {
this.updateParameterCurrebcyMoneyFormat() this.updateParameterCurrebcyMoneyFormat()
} else if (this.state.getTypes.setting_group_name == "CURRENCY") { }
}
}
} else if (this.state.getTypes.setticonng_group_name == "CURRENCY") {
if (R.isNil(this.state.getReportName)) { if (R.isNil(this.state.getReportName)) {
} else { } else {
if (R.isEmpty(data.value)) { if (R.isEmpty(data.value)) {
...@@ -756,8 +772,33 @@ export default class CreateParameter extends Component { ...@@ -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") { } else if (this.state.getTypes.setting_group_name == "REPORT_SUBMIT_PERIOD") {
if (R.isEmpty(data.value)) { 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 { } else {
if (data.value.match(response.regexValue) && data.value.length <= response.valueLength) { if (data.value.match(response.regexValue) && data.value.length <= response.valueLength) {
if (R.isEmpty(data.minValue)) { if (R.isEmpty(data.minValue)) {
...@@ -773,15 +814,31 @@ export default class CreateParameter extends Component { ...@@ -773,15 +814,31 @@ export default class CreateParameter extends Component {
} }
} }
} }
}else {
if (R.isNil(this.state.getParameter)){
}else {
if (R.isNil(this.state.getPerusahaan)){
}else { }else {
this.updateParameter() this.updateParameter()
} }
} }
}
}
}else { }else {
if (R.isNil(this.state.getTypes)) { if (R.isNil(this.state.getTypes)) {
} else { } else {
if (this.state.getTypes.setting_group_name == "CURRENCY_MONEY_FORMAT") { if (this.state.getTypes.setting_group_name == "CURRENCY_MONEY_FORMAT") {
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() this.createParameterCurrebcyMoneyFormat()
}
}
}
} else if (this.state.getTypes.setting_group_name == "CURRENCY") { } else if (this.state.getTypes.setting_group_name == "CURRENCY") {
if (R.isNil(this.state.getReportName)) { if (R.isNil(this.state.getReportName)) {
} else { } else {
...@@ -802,8 +859,33 @@ export default class CreateParameter extends Component { ...@@ -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") { } else if (this.state.getTypes.setting_group_name == "REPORT_SUBMIT_PERIOD") {
if (R.isEmpty(data.value)) { 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 { } else {
if (data.value.match(response.regexValue) && data.value.length <= response.valueLength) { if (data.value.match(response.regexValue) && data.value.length <= response.valueLength) {
if (R.isEmpty(data.minValue)) { if (R.isEmpty(data.minValue)) {
...@@ -819,12 +901,18 @@ export default class CreateParameter extends Component { ...@@ -819,12 +901,18 @@ export default class CreateParameter extends Component {
} }
} }
} }
}else {
if (R.isNil(this.state.getParameter)){
}else {
if (R.isNil(this.state.getPerusahaan)){
}else { }else {
this.createParameter() this.createParameter()
} }
} }
} }
} }
}
}
validasiFormatResponse(){ validasiFormatResponse(){
if (R.isNil(this.state.getTypes)){ if (R.isNil(this.state.getTypes)){
...@@ -848,34 +936,27 @@ export default class CreateParameter extends Component { ...@@ -848,34 +936,27 @@ export default class CreateParameter extends Component {
if (R.isNil(this.state.getParameter)) { if (R.isNil(this.state.getParameter)) {
obj = { regexValue: (/\b\d{4}\b/), valueLength: 4 } obj = { regexValue: (/\b\d{4}\b/), valueLength: 4 }
} else { } else {
console.log(this.state.getParameter.setting_type_name);
switch (this.state.getParameter.setting_type_name) { switch (this.state.getParameter.setting_type_name) {
case "MASTER_BUDGET": case "MASTER_BUDGET":
obj = { regexValue: (/\b\d{4}\b/), valueLength: 4 } obj = { regexValue: (/\b\d{4}\b/), valueLength: 4 }
console.log("masuk MB" + this.state.regexValue + " panjang" + this.state.valueLength);
break break
case "MONTHLY_REPORT": case "MONTHLY_REPORT":
obj = { obj = {
regexValue: (/^(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s\d{4}$/), regexValue: (/^(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s\d{4}$/),
valueLength: 8 valueLength: 8
} }
console.log("masuk MR" + this.state.regexValue + " panjang" + this.state.valueLength);
break break
case "OUTLOOK_Q1": case "OUTLOOK_Q1":
obj = { regexValue: (/Q1\s\d{4}/), valueLength: 7 } obj = { regexValue: (/Q1\s\d{4}/), valueLength: 7 }
console.log("masuk Q1" + this.state.regexValue + " panjang" + this.state.valueLength);
break break
case "OUTLOOK_Q2": case "OUTLOOK_Q2":
obj = { regexValue: (/Q2\s\d{4}/), valueLength: 7 } obj = { regexValue: (/Q2\s\d{4}/), valueLength: 7 }
console.log("masuk Q2" + this.state.regexValue + " panjang" + this.state.valueLength);
break break
case "OUTLOOK_Q3": case "OUTLOOK_Q3":
obj = { regexValue: (/Q3\s\d{4}/), valueLength: 7 } obj = { regexValue: (/Q3\s\d{4}/), valueLength: 7 }
console.log("masuk Q3" + this.state.regexValue + " panjang" + this.state.valueLength);
break break
case "OUTLOOK_PA": case "OUTLOOK_PA":
obj = { regexValue: (/Q1\s\d{4}/), valueLength: 7 } obj = { regexValue: (/\b\d{4}\b/), valueLength: 4 }
console.log("masuk PA" + this.state.regexValue + " panjang" + this.state.valueLength);
break break
default: default:
obj = { regexValue: (/Q1\s\d{4}/), valueLength: 7 } obj = { regexValue: (/Q1\s\d{4}/), valueLength: 7 }
...@@ -893,20 +974,20 @@ export default class CreateParameter extends Component { ...@@ -893,20 +974,20 @@ export default class CreateParameter extends Component {
case "REPORT_SUBMIT_PERIOD": case "REPORT_SUBMIT_PERIOD":
this.setState({ this.setState({
errorMaxValue: true, errorMaxValue: true,
msgErrorMaxValue: 'format max value salah, contoh : 31 Jan 2023' msgErrorMaxValue: 'Incorrect max value format, example : 31 Jan 2023'
}) })
break break
case "CURRENCY": case "CURRENCY":
this.setState({ this.setState({
errorMaxValue: true, errorMaxValue: true,
msgErrorMaxValue: 'format max value salah, contoh : 31 Jan 2023' msgErrorMaxValue: 'Incorrect max value format, example : 31 Jan 2023'
}) })
break break
case "THRESHOLD_CONTROL": 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 break
case "THRESHOLD_VARIANCE": 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 break
default: default:
this.setState({ errorMaxValue: false, msgErrorMaxValue: '' }) this.setState({ errorMaxValue: false, msgErrorMaxValue: '' })
...@@ -921,20 +1002,20 @@ export default class CreateParameter extends Component { ...@@ -921,20 +1002,20 @@ export default class CreateParameter extends Component {
case "REPORT_SUBMIT_PERIOD": case "REPORT_SUBMIT_PERIOD":
this.setState({ this.setState({
errorMinValue: true, errorMinValue: true,
msgErrorMinValue: 'format min value salah, contoh : 1 Jan 2023' msgErrorMinValue: 'Incorrect min value format, example : 1 Jan 2023'
}) })
break break
case "CURRENCY": case "CURRENCY":
this.setState({ this.setState({
errorMinValue: true, errorMinValue: true,
msgErrorMinValue: 'format min value salah, contoh : 1 Jan 2023' msgErrorMinValue: 'Incorrect min value format, example : 1 Jan 2023'
}) })
break break
case "THRESHOLD_CONTROL": 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 break
case "THRESHOLD_VARIANCE": 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 break
default: default:
this.setState({ errorMinValue: false, msgErrorMinValue: '' }) this.setState({ errorMinValue: false, msgErrorMinValue: '' })
...@@ -947,7 +1028,6 @@ export default class CreateParameter extends Component { ...@@ -947,7 +1028,6 @@ export default class CreateParameter extends Component {
if (R.isNil(this.state.getTypes)) { if (R.isNil(this.state.getTypes)) {
obj = { minMaxRegex: (/^-?\d+\.?\d+$/), minLength: this.state.minValue.length, maxLength: this.state.maxValue.length } obj = { minMaxRegex: (/^-?\d+\.?\d+$/), minLength: this.state.minValue.length, maxLength: this.state.maxValue.length }
} else { } else {
console.log(this.state.getTypes.setting_group_name);
switch (this.state.getTypes.setting_group_name) { switch (this.state.getTypes.setting_group_name) {
case "CURRENCY": 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+$/)} 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 { ...@@ -79,15 +79,15 @@ export default class PopUpInformation extends Component {
reportName(){ reportName(){
if (this.props.reportName == "MASTER_BUDGET"){ if (this.props.reportName == "MASTER_BUDGET"){
return "master budget" return "Master Budget"
} else if (this.props.reportName == "OUTLOOK_Q1"){ } else if (this.props.reportName == "OUTLOOK_Q1"){
return "rolling outlook" return "Rolling Outlook"
} else if (this.props.reportName == "OUTLOOK_Q2"){ } else if (this.props.reportName == "OUTLOOK_Q2"){
return "rolling outlook" return "Rolling Outlook"
} else if (this.props.reportName == "OUTLOOK_Q3"){ } else if (this.props.reportName == "OUTLOOK_Q3"){
return "rolling outlook" return "Rolling Outlook"
} else if (this.props.reportName == "OUTLOOK_PA"){ } else if (this.props.reportName == "OUTLOOK_PA"){
return "outlook PA" return "Outlook PA"
} }
} }
...@@ -99,12 +99,12 @@ export default class PopUpInformation extends Component { ...@@ -99,12 +99,12 @@ export default class PopUpInformation extends Component {
if (this.props.reportName == "MONTHLY_REPORT"){ if (this.props.reportName == "MONTHLY_REPORT"){
return ( return (
<div className="test app-popup-show"> <div className="test app-popup-show">
<div className="popup-content border-radius" style={{ background: '#FFF27D', borderRadius: 10, width: 600, height: 550 }}> <div className="popup-content border-radius" style={{ background: '#FFF27D', borderRadius: 10, width: 530, height: 520 }}>
<div style={{ margin: 30 }}> <div style={{ margin: 30 }}>
<div style={{ display: 'grid', justifyContent: 'center', marginTop: 20, paddingBottom: 20 }}> <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' }}> <div style={{ justifyContent: 'center', fontSize: 20, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
{this.namaJudul()} <b>Format max-min value</b> Monthly Report:
</span> </div>
</div> </div>
<div className="border-top grid grid-2x" > <div className="border-top grid grid-2x" >
<div className="column-1" style={{ alignSelf: 'center', width: 70 }}> <div className="column-1" style={{ alignSelf: 'center', width: 70 }}>
...@@ -116,16 +116,13 @@ export default class PopUpInformation extends Component { ...@@ -116,16 +116,13 @@ export default class PopUpInformation extends Component {
}}/> }}/>
</div> </div>
<div className="column-2" style={{ display: 'grid', justifyContent: 'center', marginTop: 20, marginLeft: 20, paddingBottom: 20, width: 400 }}> <div className="column-2" style={{ display: 'grid', justifyContent: 'center', marginTop: 20, marginLeft: 20, paddingBottom: 20, width: 400 }}>
<div style={{ justifyContent: 'center', fontSize: 14, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}> <div style={{ justifyContent: 'center', fontSize: 12, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
Please enter the date in the following format: <b>'dd MMM YYYY.'</b> Please enter the date in the following format: <b>'dd MMM YYYY.'</b>
</div> </div>
<div style={{ justifyContent: 'center', fontSize: 14, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}> <div style={{ justifyContent: 'center', fontSize: 12, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
For example, 1 Jan 2023. For example, 1 Jan 2023.
</div> </div>
<div style={{ justifyContent: 'center', fontSize: 14, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}> <div className="grid grid-3x" style={{marginTop: 10}}>
<b>format max-min value</b> Monthly Report:
</div>
<div className="grid grid-3x" >
<div className="column-1" style={{ justifyContent: 'center', fontSize: 14, width: 40, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}> <div className="column-1" style={{ justifyContent: 'center', fontSize: 14, width: 40, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
Jan: Jan:
</div> </div>
...@@ -276,12 +273,12 @@ export default class PopUpInformation extends Component { ...@@ -276,12 +273,12 @@ export default class PopUpInformation extends Component {
}else { }else {
return ( return (
<div className="test app-popup-show"> <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 : 350 }}> <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 : 300 }}>
<div style={{ margin: 30 }}> <div style={{ margin: 15 }}>
<div style={{ display: 'grid', justifyContent: 'center', marginTop: 20, paddingBottom: 20 }}> <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' }}> <div style={{ justifyContent: 'center', fontSize: 20, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
{this.namaJudul()} <b>Format max-min value</b> <span>{this.reportName()}</span> :
</span> </div>
</div> </div>
<div className="border-top grid grid-2x" > <div className="border-top grid grid-2x" >
<div className="column-1" style={{ alignSelf: 'center', width: 70 }}> <div className="column-1" style={{ alignSelf: 'center', width: 70 }}>
...@@ -293,23 +290,20 @@ export default class PopUpInformation extends Component { ...@@ -293,23 +290,20 @@ export default class PopUpInformation extends Component {
}}/> }}/>
</div> </div>
<div className="column-2" style={{ display: 'grid', justifyContent: 'center', marginTop: 20, paddingBottom: 20, width: 350 }}> <div className="column-2" style={{ display: 'grid', justifyContent: 'center', marginTop: 20, paddingBottom: 20, width: 350 }}>
<div style={{ justifyContent: 'center', fontSize: 14, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}> <div style={{ justifyContent: 'center', fontSize: 12, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
Please enter the date in the following format: <b>'dd MMM YYYY.'</b> Please enter the date in the following format: <b>'dd MMM YYYY.'</b>
</div> </div>
<div style={{ justifyContent: 'center', fontSize: 14, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}> <div style={{ justifyContent: 'center', fontSize: 12, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
For example, 1 Jan 2023. For example, 1 Jan 2023.
</div> </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' }}>
<b>format max-min value</b> <span>{this.reportName()}</span> :
</div>
<div style={{ justifyContent: 'center', fontSize: 14, color: '#1D2995', fontFamily: 'Nunito Sans, sans-serif' }}>
Min Value : <span>{this.minValue()}</span> Min Value : <span>{this.minValue()}</span>
</div> </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> Max Value : <span>{this.maxValue()}</span>
</div> </div>
{this.state.notes && {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> Note: The actual maximum value <span>{this.notesMessage()}</span>
</div> </div>
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment