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) => {
*
- 請上傳你的 有效身份證明文件 的數碼檔案,以驗證你的身份。
- 如: 香港身份證; 護照; 中國內地身份證; 專業執業証書等
+
+
+
+
+
+