diff --git a/src/pages/Organization/DetailPage/OrganizationCard.js b/src/pages/Organization/DetailPage/OrganizationCard.js index bf859b0..c0cb932 100644 --- a/src/pages/Organization/DetailPage/OrganizationCard.js +++ b/src/pages/Organization/DetailPage/OrganizationCard.js @@ -17,12 +17,13 @@ const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingCo import Loadable from 'components/Loadable'; import { lazy } from 'react'; import { notifySaveSuccess } from 'utils/CommonFunction'; +import {useIntl} from "react-intl"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { - + const intl = useIntl(); const [creditorConfirmPopUp, setCreditorConfirmPopUp] = React.useState(false); const [nonCreditorConfirmPopUp, setNonCreditorConfirmPopUp] = React.useState(false); @@ -371,7 +372,7 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { label: FieldUtils.notNullFieldLabel("District:"), valueName: "district", disabled: (!editMode && !createMode), - dataList: ComboData.district, + dataList: ComboData.district(intl), form: formik })} diff --git a/src/pages/Organization/DetailPage_FromUser/OrganizationCard_loadFromUser.js b/src/pages/Organization/DetailPage_FromUser/OrganizationCard_loadFromUser.js index 29489fd..b9bcf99 100644 --- a/src/pages/Organization/DetailPage_FromUser/OrganizationCard_loadFromUser.js +++ b/src/pages/Organization/DetailPage_FromUser/OrganizationCard_loadFromUser.js @@ -17,12 +17,13 @@ const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingCo import Loadable from 'components/Loadable'; import { lazy } from 'react'; import { notifyCreateSuccess } from 'utils/CommonFunction'; +import {useIntl} from "react-intl"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const OrganizationCard_loadFromUser = ({ userData, userId }) => { - + const intl = useIntl(); const [currentUserData, setCurrentUserData] = useState(userData); const navigate = useNavigate(); const [onReady, setOnReady] = useState(false); @@ -235,7 +236,7 @@ const OrganizationCard_loadFromUser = ({ userData, userId }) => { {FieldUtils.getComboField({ label: FieldUtils.notNullFieldLabel("District:"), valueName: "district", - dataList: ComboData.district, + dataList: ComboData.district(intl), form: formik })} diff --git a/src/pages/User/DetailsPage_Individual/UserInformationCard_Individual.js b/src/pages/User/DetailsPage_Individual/UserInformationCard_Individual.js index d5d159f..ac879e6 100644 --- a/src/pages/User/DetailsPage_Individual/UserInformationCard_Individual.js +++ b/src/pages/User/DetailsPage_Individual/UserInformationCard_Individual.js @@ -16,11 +16,13 @@ const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingCo import Loadable from 'components/Loadable'; import { lazy } from 'react'; import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction'; +import {useIntl} from "react-intl"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const UserInformationCard_Individual = ({ formData, loadDataFun }) => { + const intl = useIntl(); const [currentUserData, setCurrentUserData] = useState(formData); const [editMode, setEditMode] = useState(false); const [locked, setLocked] = useState(false); @@ -46,7 +48,7 @@ const UserInformationCard_Individual = ({ formData, loadDataFun }) => { emailAddress: yup.string().email(intl.formatMessage({id: 'validEmailFormat'})).max(255).required(intl.formatMessage({id: 'requireEmail'})), identification: yup.string().min(7, "請輸入證件號碼").required('請輸入證件號碼'), checkDigit: yup.string().max(1).required('請輸入括號內的數字或字母').nullable(), - idDocType: yup.string().max(255).required('請輸入證件類別'), + idDocType: yup.string().max(255).required(intl.formatMessage({id: 'requireIdDocType'})), tel_countryCode: yup.string().min(3, intl.formatMessage({id: 'require3Number'})).required(intl.formatMessage({id: 'requireDialingCode'})), fax_countryCode: yup.string().min(3, intl.formatMessage({id: 'require3Number'})), phoneNumber: yup.string().min(8, intl.formatMessage({id: 'require8Number'})).required(intl.formatMessage({id: 'requireContactNumber'})), @@ -351,7 +353,7 @@ const UserInformationCard_Individual = ({ formData, loadDataFun }) => { valueName: "identification", disabled: (!editMode), form: formik, - placeholder: "證件號碼", + placeholder: intl.formatMessage({id: 'idDocNumber'}), inputProps: { maxLength: 7, onKeyDown: (e) => { @@ -496,7 +498,7 @@ const UserInformationCard_Individual = ({ formData, loadDataFun }) => { {FieldUtils.getComboField({ label: "District:", valueName: "district", - dataList: ComboData.district, + dataList: ComboData.district(intl), disabled: (!editMode), form: formik })} diff --git a/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization.js b/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization.js index 188b352..07d3444 100644 --- a/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization.js +++ b/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization.js @@ -17,6 +17,7 @@ const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingCo import Loadable from 'components/Loadable'; import { lazy } from 'react'; import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction'; +import {useIntl} from "react-intl"; // ==============================|| DASHBOARD - DEFAULT ||============================== // @@ -30,7 +31,7 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => const [confirmAction, setConfirmAction] = React.useState(); const [editMode, setEditMode] = React.useState(false); const [onReady, setOnReady] = React.useState(false); - + const intl = useIntl(); React.useEffect(() => { //if state data are ready and assign to different field // console.log(currentApplicationDetailData) @@ -563,7 +564,7 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => {FieldUtils.getComboField({ label: "District:", valueName: "district", - dataList: ComboData.district, + dataList: ComboData.district(intl), disabled: true, form: formik })} diff --git a/src/pages/authentication/auth-forms/BusCustomFormWizard.js b/src/pages/authentication/auth-forms/BusCustomFormWizard.js index 92db1c1..87a6dfa 100644 --- a/src/pages/authentication/auth-forms/BusCustomFormWizard.js +++ b/src/pages/authentication/auth-forms/BusCustomFormWizard.js @@ -101,7 +101,7 @@ const BusCustomFormWizard = (props) => { const [checkEmail, setCheckEmail] = useState(false) const [checkEmailBlur, setCheckEmailBlur] = useState(false) - const address4ComboList = ComboData.district; + const address4ComboList = ComboData.district(intl); const address5ComboList = ComboData.country(intl); const termsAndCon = "此網址由香港特別行政區政府物流服務署製作及管理。本署會盡力確保網址上的資料無誤,\n" + "但有絕對酌情權隨時刪除、暫停登載或編輯各項資料而無須給予任何理由。\n由於任何與網址" diff --git a/src/pages/authentication/auth-forms/CustomFormWizard.js b/src/pages/authentication/auth-forms/CustomFormWizard.js index fc8ca24..3fcd37e 100644 --- a/src/pages/authentication/auth-forms/CustomFormWizard.js +++ b/src/pages/authentication/auth-forms/CustomFormWizard.js @@ -102,7 +102,7 @@ const CustomFormWizard = (props) => { const [checkEmailBlur, setCheckEmailBlur] = useState(false) const idDocTypeComboList = ComboData.idDocType; - const address4ComboList = ComboData.district; + const address4ComboList = ComboData.district(intl); const address5ComboList = ComboData.country(intl); const termsAndCon = "此網址由香港特別行政區政府物流服務署製作及管理。本署會盡力確保網址上的資料無誤,\n" + "但有絕對酌情權隨時刪除、暫停登載或編輯各項資料而無須給予任何理由。\n由於任何與網址" @@ -626,7 +626,7 @@ const CustomFormWizard = (props) => { } }), checkDigit: yup.string().max(1).required(displayErrorMsg('請輸入括號內的數字或字母')), - idDocType: yup.string().max(255).required(displayErrorMsg('請輸入證件類別')), + idDocType: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'requireIdDocType'}))), phoneCountryCode: yup.string().min(2, displayErrorMsg(intl.formatMessage({id: 'requireAtLeast2Number'}))).required(displayErrorMsg(intl.formatMessage({id: 'requireDialingCode'}))), // faxCountryCode: yup.string().min(3,'請輸入3位數字'), phone: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'requireAtLeast8Number'}))).required(displayErrorMsg(intl.formatMessage({id: 'requireContactNumber'}))), @@ -789,7 +789,7 @@ const CustomFormWizard = (props) => { - {level?.label} + @@ -846,10 +846,10 @@ const CustomFormWizard = (props) => { - •至少8個字元,字元越多越好
- •字母和數字的混合
- •英文字母大寫與小寫的混合
- •至少包含一個特殊符號,例如,@ # ? + •
+ •
+ •
+ •
@@ -892,13 +892,13 @@ const CustomFormWizard = (props) => { //value={selectedIdDocType} size="small" options={idDocTypeComboList} - // getOptionLabel={(idDocTypeComboList) => idDocTypeComboList.label} + getOptionLabel={(option) => intl.formatMessage({ id: option.label })} onBlur={formik.handleBlur} filterOptions={(options) => options} inputValue={selectedIdDocInputType} onChange={(event, newValue) => { if (newValue != null ) { - setSelectedIdDocInputType(newValue.label); + setSelectedIdDocInputType(intl.formatMessage({ id: newValue.label })); setSelectedIdDocType(newValue); if (newValue.type !== "HKID") { formik.setFieldValue("checkDigit", "") @@ -910,13 +910,13 @@ const CustomFormWizard = (props) => { sx={{ "#address4-combo": { padding: "0px 0px 0px 0px" }, "& .MuiAutocomplete-endAdornment": { top: "auto" }, }} renderInput={(params) => } /> {formik.touched.idDocType && ( selectedIdDocType === null ? - 請輸入證件類別 + : '' )} @@ -944,7 +944,7 @@ const CustomFormWizard = (props) => { } } }} - placeholder="證件號碼" + placeholder={intl.formatMessage({id: 'idDocNumber'})} fullWidth sx={{ mr: 1 }} error={Boolean(formik.touched.idNo && formik.errors.idNo)} @@ -1024,7 +1024,7 @@ const CustomFormWizard = (props) => { } } }} - placeholder="證件號碼" + placeholder={intl.formatMessage({id: 'idDocNumber'})} fullWidth sx={{ mr: 1 }} error={Boolean(formik.touched.idNo && formik.errors.idNo)} @@ -1062,7 +1062,7 @@ const CustomFormWizard = (props) => { value={formik.values.enName} name="enName" onChange={formik.handleChange} - placeholder="與你的身份證明文件相同" + placeholder={intl.formatMessage({id: 'sameAsYourIdDoc'})} fullWidth error={Boolean(formik.touched.enName && formik.errors.enName && selectedIdDocType.type !== "CNID")} onBlur={formik.handleBlur} @@ -1097,7 +1097,7 @@ const CustomFormWizard = (props) => { value={formik.values.chName.trim()} name="chName" onChange={formik.handleChange} - placeholder="與你的身份證明文件相同" + placeholder={intl.formatMessage({id: 'sameAsYourIdDoc'})} onBlur={formik.handleBlur} inputProps={{ maxLength: 6, @@ -1464,12 +1464,16 @@ const CustomFormWizard = (props) => { * - 請上傳你的 有效身份證明文件 的數碼檔案,以驗證你的身份。 - 如: 香港身份證; 護照; 中國內地身份證; 專業執業証書等 + + + + + +