diff --git a/src/layout/MainLayout/Header/index.js b/src/layout/MainLayout/Header/index.js index 31775da..0de0877 100644 --- a/src/layout/MainLayout/Header/index.js +++ b/src/layout/MainLayout/Header/index.js @@ -216,7 +216,7 @@ function Header(props) { {/* */} - Organisation Profile + Organization Profile diff --git a/src/pages/Organization/DetailPage/OrganizationCard.js b/src/pages/Organization/DetailPage/OrganizationCard.js index ee27cfd..d7f511d 100644 --- a/src/pages/Organization/DetailPage/OrganizationCard.js +++ b/src/pages/Organization/DetailPage/OrganizationCard.js @@ -4,15 +4,15 @@ import { Dialog, DialogTitle, DialogContent, DialogActions, } from '@mui/material'; // import { FormControlLabel } from '@material-ui/core'; -import MainCard from "../../../components/MainCard"; +import MainCard from "components/MainCard"; import * as React from "react"; import { useFormik } from 'formik'; import * as yup from 'yup'; import { useEffect, useState } from "react"; -import * as HttpUtils from '../../../utils/HttpUtils'; -import * as UrlUtils from "../../../utils/ApiPathConst"; -import * as FieldUtils from "../../../utils/FieldUtils"; -import * as ComboData from "../../../utils/ComboData"; +import * as HttpUtils from 'utils/HttpUtils'; +import * as UrlUtils from "utils/ApiPathConst"; +import * as FieldUtils from "utils/FieldUtils"; +import * as ComboData from "utils/ComboData"; const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingComponent'))); import Loadable from 'components/Loadable'; import { lazy } from 'react'; @@ -92,8 +92,8 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { faxNumber: vaule.faxNumber }, addressTemp: { - country: vaule.country, - district: vaule.district, + country: vaule.country.id, + district: vaule.district.id, addressLine1: vaule.addressLine1, addressLine2: vaule.addressLine2, addressLine3: vaule.addressLine3, @@ -275,7 +275,7 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { - Organisation Details + Organization Details diff --git a/src/pages/Organization/DetailPage/OrganizationPubCard.js b/src/pages/Organization/DetailPage/OrganizationPubCard.js index b02e724..dc0a1ef 100644 --- a/src/pages/Organization/DetailPage/OrganizationPubCard.js +++ b/src/pages/Organization/DetailPage/OrganizationPubCard.js @@ -1,18 +1,20 @@ // material-ui import { - Grid, Button, Checkbox, FormControlLabel, Typography, + Grid, Button, + // Checkbox, FormControlLabel, + Typography, Dialog, DialogTitle, DialogContent, DialogActions, } from '@mui/material'; // import { FormControlLabel } from '@material-ui/core'; -import MainCard from "../../../components/MainCard"; +import MainCard from "components/MainCard"; import * as React from "react"; import { useFormik } from 'formik'; import * as yup from 'yup'; import { useEffect, useState } from "react"; -import * as HttpUtils from '../../../utils/HttpUtils'; -import * as UrlUtils from "../../../utils/ApiPathConst"; -import * as FieldUtils from "../../../utils/FieldUtils"; -import * as ComboData from "../../../utils/ComboData"; +import * as HttpUtils from 'utils/HttpUtils'; +import * as UrlUtils from "utils/ApiPathConst"; +import * as FieldUtils from "utils/FieldUtils"; +import * as ComboData from "utils/ComboData"; const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingComponent'))); import Loadable from 'components/Loadable'; import { lazy } from 'react'; @@ -48,52 +50,25 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { enableReinitialize: true, initialValues: currentUserData, validationSchema: yup.object().shape({ - enCompanyName: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'userRequireEnglishName'}))), - chCompanyName: yup.string().max(255, displayErrorMsg(intl.formatMessage({id: 'userRequireChineseName'}))).nullable(), addressLine1: yup.string().max(255).required(displayErrorMsg(intl.formatMessage({id: 'validateAddressLine1'}))), addressLine2: yup.string().max(255, displayErrorMsg(intl.formatMessage({id: 'noMoreThen255Words'}))), addressLine3: yup.string().max(255, displayErrorMsg(intl.formatMessage({id: 'noMoreThen255Words'}))), - fax_countryCode: yup.string().min(3, displayErrorMsg(intl.formatMessage({id: 'requireDialingCode'}))).nullable(), tel_countryCode: yup.string().min(3, displayErrorMsg(intl.formatMessage({id: 'requireDialingCode'}))), phoneNumber: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'requiredValidNumber'}))).required(displayErrorMsg(intl.formatMessage({id: 'requireContactNumber'}))), - faxNumber: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'require8Number'}))).nullable(), - brExpiryDate: yup.string().min(8).required(displayErrorMsg(intl.formatMessage({id: 'pleaseFillInBusinessRegCertValidityDate'}))), - brNo: yup.string().required(displayErrorMsg(intl.formatMessage({id: 'pleaseFillInBusinessRegCertNumber'}))).test('checkBrNoFormat', displayErrorMsg(displayErrorMsg(intl.formatMessage({id: 'pleaseFillInValidBusinessRegCertNumber'}))), function (value) { - var brNo_pattern = /[0-9]{8}/ - if (value !== undefined) { - if (value.match(brNo_pattern)) { - return true - } else { - return false - } - } - }), }), onSubmit: vaule => { console.log(vaule) HttpUtils.post({ - url: UrlUtils.POST_ORG_SAVE_PATH, + url: UrlUtils.POST_PUB_ORG_SAVE_PATH, params: { - id: id > 0 ? id : null, - enCompanyName: vaule.enCompanyName, - chCompanyName: vaule.chCompanyName, - brNo: vaule.brNo, - brExpiryDate: vaule.brExpiryDate, - enCompanyNameTemp: vaule.enCompanyNameTemp, - chCompanyNameTemp: vaule.chCompanyNameTemp, - brExpiryDateTemp: vaule.brExpiryDateTemp, contactPerson: vaule.contactPerson, contactTel: { countryCode: vaule.tel_countryCode, phoneNumber: vaule.phoneNumber }, - faxNo: { - countryCode: vaule.fax_countryCode, - faxNumber: vaule.faxNumber - }, addressTemp: { - country: vaule.country, - district: vaule.district, + country: vaule.country.id, + district: vaule.district.id, addressLine1: vaule.addressLine1, addressLine2: vaule.addressLine2, addressLine3: vaule.addressLine3, @@ -134,26 +109,6 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { setEditMode(true); }; - const markAsCreditor = () => { - setCreditorConfirmPopUp(false); - HttpUtils.get({ - url: UrlUtils.GET_ORG_MARK_AS_CREDITOR + "/" + id, - onSuccess: () => { - loadDataFun(); - } - }); - } - - const markAsNonCreditor = () => { - setNonCreditorConfirmPopUp(false); - HttpUtils.get({ - url: UrlUtils.GET_ORG_MARK_AS_NON_CREDITOR + "/" + id, - onSuccess: () => { - loadDataFun(); - } - }); - } - return ( { Edit - - - - - - } @@ -270,20 +197,25 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { - Organisation Details + Organization Details {FieldUtils.getTextField({ label: FieldUtils.notNullFieldLabel("BR No.:"), valueName: "brNo", - disabled: (!editMode && !createMode), + disabled: true, form: formik })} - - } label="is Creditor" name="creditor" @@ -292,7 +224,7 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { }} disabled={true} //disabled={!editMode && !createMode} - /> + /> */} @@ -301,7 +233,7 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { {FieldUtils.getTextField({ label: FieldUtils.notNullFieldLabel("Name (Eng):"), valueName: "enCompanyName", - disabled: (!editMode && !createMode), + disabled: true, form: formik })} @@ -310,7 +242,7 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { {FieldUtils.getTextField({ label: "Name (Ch):", valueName: "chCompanyName", - disabled: (!editMode && !createMode), + disabled: true, form: formik })} @@ -319,7 +251,7 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { {FieldUtils.getDateField({ label: FieldUtils.notNullFieldLabel("Expiry Date:"), valueName: "brExpiryDate", - disabled: (!editMode && !createMode), + disabled: true, form: formik })} @@ -352,7 +284,7 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { code: "fax_countryCode", num: "faxNumber" }, - disabled: (!editMode && !createMode), + disabled: true, form: formik })} diff --git a/src/pages/Organization/DetailPage/index.js b/src/pages/Organization/DetailPage/index.js index b5d7e5b..c53350d 100644 --- a/src/pages/Organization/DetailPage/index.js +++ b/src/pages/Organization/DetailPage/index.js @@ -32,6 +32,10 @@ const BackgroundHead = { backgroundColor: '#0C489E', backgroundPosition: 'right' } +import { + // FormattedMessage, + useIntl +} from "react-intl"; // ==============================|| DASHBOARD - DEFAULT ||============================== // @@ -43,6 +47,11 @@ const OrganizationDetailPage = () => { const [isLoading, setLoding] = React.useState(true); const [isEditMode, setEditMode] = React.useState(false); const navigate = useNavigate(); + const intl = useIntl(); + const { locale } = intl; + + const isCreditor = locale === 'en' ?"Yes":locale === 'zh-HK' ?"是":"是"; + const notCreditor = locale === 'en' ?"No":locale === 'zh-HK' ?"否":"否"; React.useEffect(() => { console.log(formData); @@ -62,8 +71,8 @@ const OrganizationDetailPage = () => { url: UrlUtils.GET_ORG_PATH + "/" + params.id, onSuccess: function (response) { console.log(response) - response.data["country"] = getObjectByValue(ComboData.country, "key", response.data.address?.country); - response.data["district"] = getObjectByValue(ComboData.district, "key", response.data.address?.district); + response.data["country"] = getObjectByValue(ComboData.country, "key", response.data.addressTemp?.country); + response.data["district"] = getObjectByValue(ComboData.district, "key", response.data.addressTemp?.district); response.data["addressLine1"] = response.data.addressTemp?.addressLine1; response.data["addressLine2"] = response.data.addressTemp?.addressLine2; response.data["addressLine3"] = response.data.addressTemp?.addressLine3; @@ -86,8 +95,9 @@ const OrganizationDetailPage = () => { url: UrlUtils.GET_PUB_ORG_PATH, onSuccess: function (response) { console.log(response) - response.data["country"] = getObjectByValue(ComboData.country, "key", response.data.address?.country); - response.data["district"] = getObjectByValue(ComboData.district, "key", response.data.address?.district); + response.data["creditor"] = response.data.creditor!=null?response.data.creditor?isCreditor:notCreditor:notCreditor; + response.data["country"] = getObjectByValue(ComboData.country, "key", response.data.addressTemp?.country); + response.data["district"] = getObjectByValue(ComboData.district, "key", response.data.addressTemp?.district); response.data["addressLine1"] = response.data.addressTemp?.addressLine1; response.data["addressLine2"] = response.data.addressTemp?.addressLine2; response.data["addressLine3"] = response.data.addressTemp?.addressLine3; @@ -119,7 +129,11 @@ const OrganizationDetailPage = () => {
- Maintain Organisation + {isGLDLoggedIn()? + Maintain Organization + : + Organization Profile + }
@@ -133,7 +147,7 @@ const OrganizationDetailPage = () => { - {isGLDLoggedIn? + {isGLDLoggedIn()?