@@ -40,9 +40,9 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||
const [createMode, setCreateMode] = useState(false); | |||
const [onReady, setOnReady] = useState(false); | |||
const [errorMsg, setErrorMsg] = useState(""); | |||
const [minDate] = React.useState(new Date()); | |||
const [fromDate, setFromDate] = React.useState("dd / mm / yyyy"); | |||
const [fromDateValue, setFromDateValue] = React.useState("dd / mm / yyyy"); | |||
const [minDate] = React.useState(new Date().setDate(new Date().getDate() + 1)); | |||
const [fromDate, setFromDate] = React.useState(null); | |||
const [fromDateValue, setFromDateValue] = React.useState(null); | |||
const {register, handleSubmit, reset} = useForm() | |||
React.useEffect(() => { | |||
@@ -53,7 +53,11 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||
//if state data are ready and assign to different field | |||
// console.log(currentApplicationDetailData) | |||
if (Object.keys(currentUserData).length > 0) { | |||
setFromDate(currentUserData.brExpiryDate) | |||
if(DateUtils.dateValue(currentUserData.brExpiryDate)>DateUtils.dateValue(minDate)){ | |||
setFromDate(currentUserData.brExpiryDate); | |||
}else{ | |||
setErrorMsg("Please select a date after today.") | |||
} | |||
setOnReady(true); | |||
} | |||
}, [currentUserData]); | |||
@@ -105,47 +109,49 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||
setErrorMsg(intl.formatMessage({ id: 'pleaseFillInDistrict' })) | |||
} else { | |||
let sentDateFrom = ""; | |||
if (fromDateValue != "dd / mm / yyyy") { | |||
if (fromDateValue == null) { | |||
setErrorMsg(intl.formatMessage({ id: 'pleaseFillInBusinessRegCertValidityDate' })) | |||
}else{ | |||
sentDateFrom = DateUtils.dateValue(fromDateValue) | |||
HttpUtils.post({ | |||
url: UrlUtils.POST_ORG_SAVE_PATH, | |||
params: { | |||
id: id > 0 ? id : null, | |||
enCompanyName: values.enCompanyName, | |||
chCompanyName: values.chCompanyName, | |||
orgShortName: values.creditor?values.orgShortName:"", | |||
brNo: values.brNo, | |||
// brExpiryDate: values.brExpiryDate, | |||
brExpiryDate: sentDateFrom, | |||
enCompanyNameTemp: values.enCompanyNameTemp, | |||
chCompanyNameTemp: values.chCompanyNameTemp, | |||
brExpiryDateTemp: values.brExpiryDateTemp, | |||
contactPerson: values.contactPerson, | |||
contactTel: { | |||
countryCode: values.tel_countryCode, | |||
phoneNumber: values.phoneNumber | |||
}, | |||
faxNo: { | |||
countryCode: values.fax_countryCode, | |||
faxNumber: values.faxNumber | |||
}, | |||
addressTemp: { | |||
country: values.country.type, | |||
district: values.district?.type, | |||
addressLine1: values.addressLine1, | |||
addressLine2: values.addressLine2, | |||
addressLine3: values.addressLine3, | |||
}, | |||
creditor: values.creditor, | |||
}, | |||
onSuccess: function () { | |||
notifySaveSuccess() | |||
loadDataFun(); | |||
setEditMode(false); | |||
} | |||
}); | |||
} | |||
HttpUtils.post({ | |||
url: UrlUtils.POST_ORG_SAVE_PATH, | |||
params: { | |||
id: id > 0 ? id : null, | |||
enCompanyName: values.enCompanyName, | |||
chCompanyName: values.chCompanyName, | |||
orgShortName: values.creditor?values.orgShortName:"", | |||
brNo: values.brNo, | |||
// brExpiryDate: values.brExpiryDate, | |||
brExpiryDate: sentDateFrom, | |||
enCompanyNameTemp: values.enCompanyNameTemp, | |||
chCompanyNameTemp: values.chCompanyNameTemp, | |||
brExpiryDateTemp: values.brExpiryDateTemp, | |||
contactPerson: values.contactPerson, | |||
contactTel: { | |||
countryCode: values.tel_countryCode, | |||
phoneNumber: values.phoneNumber | |||
}, | |||
faxNo: { | |||
countryCode: values.fax_countryCode, | |||
faxNumber: values.faxNumber | |||
}, | |||
addressTemp: { | |||
country: values.country.type, | |||
district: values.district?.type, | |||
addressLine1: values.addressLine1, | |||
addressLine2: values.addressLine2, | |||
addressLine3: values.addressLine3, | |||
}, | |||
creditor: values.creditor, | |||
}, | |||
onSuccess: function () { | |||
notifySaveSuccess() | |||
loadDataFun(); | |||
setEditMode(false); | |||
} | |||
}); | |||
} | |||
} | |||
} | |||
@@ -387,25 +393,24 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||
<DatePicker | |||
id="brExpiryDate" | |||
name="brExpiryDate" | |||
onError={Boolean(formik.errors["brExpiryDate"])} | |||
// onError={Boolean(formik.errors["brExpiryDate"])} | |||
slotProps={{ | |||
field: { readOnly: true, }, | |||
textField: { | |||
helperText:formik.errors["brExpiryDate"] ? formik.errors["brExpiryDate"] : '' | |||
helperText:fromDate == null ? intl.formatMessage({ id: 'pleaseFillInBusinessRegCertValidityDate' }):"" | |||
}, | |||
}} | |||
format="DD/MM/YYYY" | |||
// label={"Submit Date (From)"} | |||
value={fromDate === null ? null : dayjs(fromDate)} | |||
minDate={minDate === null ? null : dayjs(minDate)} | |||
value={fromDate == null ? null : dayjs(fromDate)} | |||
minDate={minDate == null ? null : dayjs(minDate)} | |||
disabled={(!editMode && !createMode)} | |||
onChange={(newValue) => { | |||
// console.log(DateUtils.dateValue(newValue)) | |||
// console.log(DateUtils.dateValue(minDate)) | |||
if(DateUtils.dateValue(newValue)>DateUtils.dateValue(minDate)){ | |||
setErrorMsg("") | |||
if(DateUtils.dateValue(newValue)>DateUtils.dateValue(new Date())){ | |||
setFromDate(newValue); | |||
}else{ | |||
alert("Please select a date after today.") | |||
setErrorMsg("Please select a date after today.") | |||
} | |||
}} | |||
/> | |||
@@ -38,15 +38,20 @@ const OrganizationCard_loadFromUser = ({ userData, userId }) => { | |||
const [isFailPopUp, setIsFailPopUp] = useState(false); | |||
const [failText, setFailText] = useState(""); | |||
const [errorMsg, setErrorMsg] = useState(""); | |||
const [minDate] = React.useState(new Date()); | |||
const [fromDate, setFromDate] = React.useState("dd / mm / yyyy"); | |||
const [fromDateValue, setFromDateValue] = React.useState("dd / mm / yyyy"); | |||
const [minDate] = React.useState(new Date().setDate(new Date().getDate() + 1)); | |||
const [fromDate, setFromDate] = React.useState(null); | |||
const [fromDateValue, setFromDateValue] = React.useState(null); | |||
useEffect(() => { | |||
//if state data are ready and assign to different field | |||
// console.log(currentApplicationDetailData) | |||
if (Object.keys(currentUserData).length > 0) { | |||
setFromDate(currentUserData.brExpiryDate) | |||
if(DateUtils.dateValue(currentUserData.brExpiryDate)>DateUtils.dateValue(minDate)){ | |||
setFromDate(currentUserData.brExpiryDate); | |||
}else{ | |||
setErrorMsg("Please select a date after today.") | |||
} | |||
// setFromDate(currentUserData.brExpiryDate) | |||
setOnReady(true); | |||
} | |||
}, [currentUserData]); | |||
@@ -93,49 +98,51 @@ const OrganizationCard_loadFromUser = ({ userData, userId }) => { | |||
setErrorMsg(intl.formatMessage({ id: 'pleaseFillInDistrict' })) | |||
} else { | |||
let sentDateFrom = ""; | |||
if (fromDateValue != "dd / mm / yyyy") { | |||
if (fromDateValue == null) { | |||
setErrorMsg(intl.formatMessage({ id: 'pleaseFillInBusinessRegCertValidityDate' })) | |||
}else{ | |||
sentDateFrom = DateUtils.dateValue(fromDateValue) | |||
} | |||
HttpUtils.post({ | |||
url: UrlUtils.POST_ORG_SAVE_PATH, | |||
params: { | |||
id: null, | |||
primaryUserId: userId, | |||
enCompanyName: values.enCompanyName, | |||
chCompanyName: values.chCompanyName, | |||
brNo: values.brNo, | |||
brExpiryDate: sentDateFrom, | |||
enCompanyNameTemp: values.enCompanyNameTemp, | |||
chCompanyNameTemp: values.chCompanyNameTemp, | |||
brExpiryDateTemp: values.brExpiryDateTemp, | |||
contactPerson: values.contactPerson, | |||
contactTel: { | |||
countryCode: values.tel_countryCode, | |||
phoneNumber: values.phoneNumber | |||
}, | |||
faxNo: { | |||
countryCode: values.fax_countryCode, | |||
faxNumber: values.faxNumber | |||
HttpUtils.post({ | |||
url: UrlUtils.POST_ORG_SAVE_PATH, | |||
params: { | |||
id: null, | |||
primaryUserId: userId, | |||
enCompanyName: values.enCompanyName, | |||
chCompanyName: values.chCompanyName, | |||
brNo: values.brNo, | |||
brExpiryDate: sentDateFrom, | |||
enCompanyNameTemp: values.enCompanyNameTemp, | |||
chCompanyNameTemp: values.chCompanyNameTemp, | |||
brExpiryDateTemp: values.brExpiryDateTemp, | |||
contactPerson: values.contactPerson, | |||
contactTel: { | |||
countryCode: values.tel_countryCode, | |||
phoneNumber: values.phoneNumber | |||
}, | |||
faxNo: { | |||
countryCode: values.fax_countryCode, | |||
faxNumber: values.faxNumber | |||
}, | |||
addressTemp: { | |||
country: values.country.type, | |||
district: values.district?.type, | |||
addressLine1: values.addressLine1, | |||
addressLine2: values.addressLine2, | |||
addressLine3: values.addressLine3, | |||
} | |||
}, | |||
addressTemp: { | |||
country: values.country.type, | |||
district: values.district?.type, | |||
addressLine1: values.addressLine1, | |||
addressLine2: values.addressLine2, | |||
addressLine3: values.addressLine3, | |||
onSuccess: function (responseData) { | |||
if (responseData.msg) { | |||
setFailText(responseData.msg); | |||
setIsFailPopUp(true); | |||
return; | |||
} | |||
navigate('/org/' + responseData.id); | |||
notifyCreateSuccess() | |||
} | |||
}, | |||
onSuccess: function (responseData) { | |||
if (responseData.msg) { | |||
setFailText(responseData.msg); | |||
setIsFailPopUp(true); | |||
return; | |||
} | |||
navigate('/org/' + responseData.id); | |||
notifyCreateSuccess() | |||
} | |||
}); | |||
}); | |||
} | |||
} | |||
} | |||
} | |||
@@ -231,25 +238,24 @@ const OrganizationCard_loadFromUser = ({ userData, userId }) => { | |||
<DatePicker | |||
id="brExpiryDate" | |||
name="brExpiryDate" | |||
onError={Boolean(formik.errors["brExpiryDate"])} | |||
// onError={Boolean(formik.errors["brExpiryDate"])} | |||
slotProps={{ | |||
field: { readOnly: true, }, | |||
textField: { | |||
helperText:formik.errors["brExpiryDate"] ? formik.errors["brExpiryDate"] : '' | |||
}, | |||
// textField: { | |||
// helperText:formik.errors["brExpiryDate"] ? formik.errors["brExpiryDate"] : '' | |||
// }, | |||
}} | |||
format="DD/MM/YYYY" | |||
// label={"Submit Date (From)"} | |||
value={fromDate === null ? null : dayjs(fromDate)} | |||
minDate={minDate === null ? null : dayjs(minDate)} | |||
value={fromDate == null ? null : dayjs(fromDate)} | |||
minDate={minDate == null ? null : dayjs(minDate)} | |||
// disabled={(!editMode && !createMode)} | |||
onChange={(newValue) => { | |||
// console.log(DateUtils.dateValue(newValue)) | |||
// console.log(DateUtils.dateValue(minDate)) | |||
if(DateUtils.dateValue(newValue)>DateUtils.dateValue(minDate)){ | |||
setErrorMsg("") | |||
if(DateUtils.dateValue(newValue)>DateUtils.dateValue(new Date())){ | |||
setFromDate(newValue); | |||
}else{ | |||
alert("Please select a date after today.") | |||
setErrorMsg("Please select a date after today.") | |||
} | |||
}} | |||
/> | |||