@@ -155,7 +155,7 @@ export default function SearchPublicNoticeTable({ searchCriteria }) { | |||
width: isMdOrLg ? 'auto' : 160, | |||
flex: isMdOrLg ? 1 : undefined, | |||
renderCell: (params) => { | |||
return locale === 'en' ? ProofStatus.getStatus_Eng(params) : ProofStatus.getStatus_Cht(params); | |||
return locale === 'en' ? ProofStatus.getStatus_Eng(params) : locale === 'zh-HK' ?ProofStatus.getStatus_Cht(params):ProofStatus.getStatus_Cn(params); | |||
}, | |||
}, | |||
{ | |||
@@ -22,7 +22,6 @@ const CustomFormWizard = Loadable(lazy(() => import('./auth-forms/BusCustomFormW | |||
const AuthWrapper = Loadable(lazy(() => import('./AuthWrapperCustom'))); | |||
import axios from "axios"; | |||
import { GET_USERNAME, POST_VERIFY_CAPTCHA } from "utils/ApiPathConst"; | |||
import {useTheme} from "@emotion/react"; | |||
import {FormattedMessage, useIntl} from "react-intl"; | |||
// import CustomFormWizard from './auth-forms/BusCustomFormWizard'; | |||
// import AuthWrapper from './AuthWrapperCustom'; | |||
@@ -35,7 +34,6 @@ const BusRegister = () => { | |||
const [username, setUsername] = useState("") | |||
const [base64Url, setBase64Url] = useState("") | |||
const [checkCode, setCheckCode] = useState("") | |||
const theme = useTheme(); | |||
const intl = useIntl(); | |||
const steps = [ | |||
intl.formatMessage({id: 'personalInformation'}), | |||
@@ -44,15 +42,7 @@ const BusRegister = () => { | |||
]; | |||
const stepStyle = { | |||
[theme.breakpoints.up('lg')]: { | |||
width: '40%', | |||
}, | |||
[theme.breakpoints.up('md')]: { | |||
width: '70%', | |||
}, | |||
[theme.breakpoints.up('xs')]: { | |||
width: '95%', | |||
}, | |||
width: {lg:"40%", md:"70%", xs:"100%"}, | |||
boxShadow: 1, | |||
backgroundColor: "#FFFFFF", | |||
padding: 2, | |||
@@ -27,7 +27,7 @@ const CustomFormWizard = Loadable(lazy(() => import('./auth-forms/IAmSmartFormWi | |||
const AuthWrapper = Loadable(lazy(() => import('./AuthWrapperCustom'))); | |||
// ================================|| REGISTER ||================================ // | |||
const stepStyle = { | |||
width: "40%", | |||
width: {lg:"40%", md:"70%", xs:"100%"}, | |||
boxShadow: 1, | |||
backgroundColor: "#FFFFFF", | |||
padding: 2, | |||
@@ -173,9 +173,10 @@ const Register = () => { | |||
</Stack> | |||
</React.Fragment> | |||
) : ( | |||
<React.Fragment> | |||
<AuthWrapper> | |||
<React.Fragment id={"fragment"} sx={{width: {lg:"1000px", md:"600px", xs:"95%"}}}> | |||
<AuthWrapper id={"authWrapper"}> | |||
<CustomFormWizard | |||
id={"CustomFormWizard"} | |||
setUpdateValid={setUpdateValid} | |||
step={activeStep} | |||
setIdNo={setIdNo} | |||
@@ -22,7 +22,6 @@ import Loadable from 'components/Loadable'; | |||
import { lazy } from 'react'; | |||
import { notifyActionError } from 'utils/CommonFunction'; | |||
import axios from "axios"; | |||
import {useTheme} from "@emotion/react"; | |||
import {FormattedMessage, useIntl} from "react-intl"; | |||
const CustomFormWizard = Loadable(lazy(() => import('./auth-forms/CustomFormWizard'))); | |||
const AuthWrapper = Loadable(lazy(() => import('./AuthWrapperCustom'))); | |||
@@ -35,7 +34,6 @@ const Register = () => { | |||
const [username, setUsername] = useState(""); | |||
const [base64Url, setBase64Url] = useState("") | |||
const [checkCode, setCheckCode] = useState("") | |||
const theme = useTheme(); | |||
const intl = useIntl(); | |||
const steps = [ | |||
intl.formatMessage({id: 'personalInformation'}), | |||
@@ -44,15 +42,7 @@ const Register = () => { | |||
]; | |||
const stepStyle = { | |||
[theme.breakpoints.up('lg')]: { | |||
width: '40%', | |||
}, | |||
[theme.breakpoints.up('md')]: { | |||
width: '70%', | |||
}, | |||
[theme.breakpoints.up('xs')]: { | |||
width: '95%', | |||
}, | |||
width: {lg:"40%", md:"70%", xs:"100%"}, | |||
boxShadow: 1, | |||
backgroundColor: "#FFFFFF", | |||
padding: 2, | |||
@@ -1402,7 +1402,7 @@ const BusCustomFormWizard = (props) => { | |||
</Grid> | |||
</Grid> | |||
<Grid item xs={6} s={6} md={3} lg={3}> | |||
<Grid container> | |||
<Grid container style={{ display: "none" }}> | |||
<Grid item sx={{ display: 'flex', alignItems: 'center' }}> | |||
<Checkbox | |||
checked={termsAndConNotAccept} | |||
@@ -1614,7 +1614,7 @@ const CustomFormWizard = (props) => { | |||
</Grid> | |||
</Grid> | |||
<Grid item xs={6} s={6} md={3} lg={3}> | |||
<Grid container> | |||
<Grid container style={{ display: "none" }}> | |||
<Grid item sx={{ display: 'flex', alignItems: 'center' }}> | |||
<Checkbox | |||
checked={termsAndConNotAccept} | |||
@@ -533,7 +533,7 @@ const CustomFormWizard = (props) => { | |||
{iAmSmartData.address1 != "" && iAmSmartData.address1 == formik.values.address1 ? <img src={iAmSmartICon} alt="iAM Smart" width="25" /> : null} | |||
</Stack> | |||
<Stack direction="column" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<OutlinedInput | |||
fullWidth | |||
error={Boolean(formik.touched.address2 && formik.errors.address2)} | |||
@@ -555,7 +555,7 @@ const CustomFormWizard = (props) => { | |||
</Stack> | |||
<Stack direction="column" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<OutlinedInput | |||
fullWidth | |||
error={Boolean(formik.touched.address3 && formik.errors.address3)} | |||
@@ -632,7 +632,7 @@ const CustomFormWizard = (props) => { | |||
{formik.errors.address3} | |||
</FormHelperText> | |||
)} | |||
{/* | |||
{/* | |||
{districtErrStr != "" && ( | |||
<FormHelperText error > | |||
{districtErrStr} | |||
@@ -655,27 +655,32 @@ const CustomFormWizard = (props) => { | |||
<Typography variant="h5"> | |||
<FormattedMessage id="userContactEmail" /> | |||
<span style={{ color: '#f10000' }}>*</span> | |||
{iAmSmartData.email && iAmSmartData.email == formik.values.email ? <img src={iAmSmartICon} alt="iAM Smart" width="25" /> : null} | |||
</Typography> | |||
</InputLabel> | |||
<OutlinedInput | |||
fullWidth | |||
error={Boolean((formik.touched.email && formik.errors.email) || checkEmail)} | |||
id="email-login" | |||
type="email" | |||
value={formik.values.email.trim()} | |||
name="email" | |||
onChange={formik.handleChange} | |||
placeholder={intl.formatMessage({ id: 'userContactEmail' })} | |||
onBlur={formik.handleBlur} | |||
inputProps={{ | |||
onKeyDown: (e) => { | |||
if (e.key === 'Enter') { | |||
e.preventDefault(); | |||
} | |||
}, | |||
}} | |||
/> | |||
<Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<OutlinedInput | |||
fullWidth | |||
error={Boolean((formik.touched.email && formik.errors.email) || checkEmail)} | |||
id="email-login" | |||
type="email" | |||
value={formik.values.email.trim()} | |||
name="email" | |||
onChange={formik.handleChange} | |||
placeholder={intl.formatMessage({ id: 'userContactEmail' })} | |||
onBlur={formik.handleBlur} | |||
inputProps={{ | |||
onKeyDown: (e) => { | |||
if (e.key === 'Enter') { | |||
e.preventDefault(); | |||
} | |||
}, | |||
}} | |||
/> | |||
{iAmSmartData.email && iAmSmartData.email == formik.values.email ? <img src={iAmSmartICon} alt="iAM Smart" width="25" /> : null} | |||
</Stack> | |||
{formik.touched.email && formik.errors.email && ( | |||
<FormHelperText error id="helper-text-email-signup"> | |||
{formik.errors.email} | |||
@@ -696,28 +701,32 @@ const CustomFormWizard = (props) => { | |||
<span style={{ color: '#f10000' }}>*</span> | |||
</Typography> | |||
</InputLabel> | |||
<OutlinedInput | |||
fullWidth | |||
error={Boolean(formik.touched.emailConfirm && formik.errors.emailConfirm)} | |||
id="emailConfirm-login" | |||
type="email" | |||
value={formik.values.emailConfirm} | |||
name="emailConfirm" | |||
// onBlur={formik.handleBlur} | |||
onChange={formik.handleChange} | |||
placeholder={intl.formatMessage({ id: 'confirmEmail' })} | |||
onBlur={formik.handleBlur} | |||
onCut={handleCCPChange} | |||
onCopy={handleCCPChange} | |||
onPaste={handleCCPChange} | |||
inputProps={{ | |||
onKeyDown: (e) => { | |||
if (e.key === 'Enter') { | |||
e.preventDefault(); | |||
} | |||
}, | |||
}} | |||
/> | |||
<Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<OutlinedInput | |||
fullWidth | |||
error={Boolean(formik.touched.emailConfirm && formik.errors.emailConfirm)} | |||
id="emailConfirm-login" | |||
type="email" | |||
value={formik.values.emailConfirm} | |||
name="emailConfirm" | |||
// onBlur={formik.handleBlur} | |||
onChange={formik.handleChange} | |||
placeholder={intl.formatMessage({ id: 'confirmEmail' })} | |||
onBlur={formik.handleBlur} | |||
onCut={handleCCPChange} | |||
onCopy={handleCCPChange} | |||
onPaste={handleCCPChange} | |||
inputProps={{ | |||
onKeyDown: (e) => { | |||
if (e.key === 'Enter') { | |||
e.preventDefault(); | |||
} | |||
}, | |||
}} | |||
/> | |||
{iAmSmartData.email && iAmSmartData.email == formik.values.emailConfirm ? <img src={iAmSmartICon} alt="iAM Smart" width="25" /> : null} | |||
</Stack> | |||
{formik.touched.emailConfirm && formik.errors.emailConfirm && ( | |||
<FormHelperText error id="helper-text-emailConfirm-signup"> | |||
{formik.errors.emailConfirm} | |||
@@ -737,10 +746,10 @@ const CustomFormWizard = (props) => { | |||
<Typography variant="h5"> | |||
<FormattedMessage id="userContactNumber" /> | |||
<span style={{ color: '#f10000' }}>*</span> | |||
{iAmSmartData.phone && iAmSmartData.phone == formik.values.phone && iAmSmartData.phoneCountryCode == formik.values.phoneCountryCode ? <img src={iAmSmartICon} alt="iAM Smart" width="25" /> : null} | |||
</Typography> | |||
</InputLabel> | |||
<Stack direction="row"> | |||
<Stack direction="row" ustifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<OutlinedInput | |||
id="phoneCountryCode-login" | |||
type="phoneCountryCode" | |||
@@ -793,8 +802,9 @@ const CustomFormWizard = (props) => { | |||
} | |||
}, | |||
}} | |||
sx={{ width: '75%' }} | |||
fullWidth | |||
/> | |||
{iAmSmartData.phone && iAmSmartData.phone == formik.values.phone && iAmSmartData.phoneCountryCode == formik.values.phoneCountryCode ? <img src={iAmSmartICon} alt="iAM Smart" width="25" /> : null} | |||
</Stack> | |||
{formik.touched.phone && formik.errors.phone && ( | |||
<FormHelperText error id="helper-text-phone-signup"> | |||
@@ -814,7 +824,7 @@ const CustomFormWizard = (props) => { | |||
<FormattedMessage id="userFaxNumber" /> | |||
</Typography> | |||
</InputLabel> | |||
<Stack direction="row"> | |||
<Stack direction="row" ustifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> | |||
<OutlinedInput | |||
error={Boolean(formik.touched.fax && formik.errors.fax)} | |||
id="faxCountryCode-login" | |||
@@ -910,7 +920,7 @@ const CustomFormWizard = (props) => { | |||
</Grid> | |||
</Grid> | |||
<Grid item xs={6} s={6} md={3} lg={3}> | |||
<Grid container> | |||
<Grid container style={{ display: "none" }}> | |||
<Grid item sx={{ display: 'flex', alignItems: 'center' }}> | |||
<Checkbox | |||
checked={termsAndConNotAccept} | |||
@@ -918,6 +928,7 @@ const CustomFormWizard = (props) => { | |||
name="termsAndConNotAccept" | |||
color="primary" | |||
size="small" | |||
/> | |||
<Typography variant="h5"> | |||
<FormattedMessage id="rejectTerms" /> | |||
@@ -552,6 +552,11 @@ | |||
"subject": "Subject", | |||
"other":"Other", | |||
"proofConfirmed":"Confirmed", | |||
"proofReProofing":"Re-proofing", | |||
"proofNoReply":"No Reply", | |||
"proofPendingReply":"Pending Reply", | |||
"Dashboard": "Dashboard", | |||
"event": "Event" | |||
} |
@@ -543,6 +543,11 @@ | |||
"subject": "主题", | |||
"other":"其他", | |||
"proofConfirmed":"可以付印", | |||
"proofReProofing":"未能付印", | |||
"proofNoReply":"回复逾时", | |||
"proofPendingReply":"未回复", | |||
"Dashboard": "仪表板", | |||
"event": "活动" | |||
} |
@@ -548,6 +548,11 @@ | |||
"subject": "主題", | |||
"other":"其他", | |||
"proofConfirmed":"可以付印", | |||
"proofReProofing":"未能付印", | |||
"proofNoReply":"回覆逾時", | |||
"proofPendingReply":"未回覆", | |||
"Dashboard": "儀表板", | |||
"event": "活動" | |||
} |
@@ -112,10 +112,10 @@ export const proofStatus = [ | |||
export const proofStatusFull = [ | |||
{ key: 0, i18nLabel: 'all', labelCht: '全部', label: 'All', type: 'all' }, | |||
{ key: 1, i18nLabel: 'Confirmed', labelCht: '可以付印', label:'Confirmed', type: 'Confirmed' }, | |||
{ key: 2, i18nLabel: 'Re-proofing', labelCht: '未能付印', label:'Re-proofing', type: 'Re-proofing' }, // submitted and reviewed | |||
{ key: 3, i18nLabel: 'No Reply', labelCht: '回覆逾時', label:'No Reply', type: 'No Reply' }, | |||
{ key: 4, i18nLabel: 'Pending Reply', labelCht: '未回覆', label:'Pending Reply', type: 'Pending Reply' }, | |||
{ key: 1, i18nLabel: 'proofConfirmed', labelCht: '可以付印', label:'Confirmed', type: 'Confirmed' }, | |||
{ key: 2, i18nLabel: 'proofReProofing', labelCht: '未能付印', label:'Re-proofing', type: 'Re-proofing' }, // submitted and reviewed | |||
{ key: 3, i18nLabel: 'proofNoReply', labelCht: '回覆逾時', label:'No Reply', type: 'No Reply' }, | |||
{ key: 4, i18nLabel: 'proofPendingReply', labelCht: '未回覆', label:'Pending Reply', type: 'Pending Reply' }, | |||
//{ key: 5, i18nLabel: 'Cancelled', labelCht: '已取消', label:'Cancelled', type: 'Cancelled' }, | |||
]; | |||
@@ -1,11 +1,11 @@ | |||
import {getStatusTag} from "utils/statusUtils/Base"; | |||
import * as DateUtils from "utils/DateUtils"; | |||
const confirm = {color:"#22a13f", eng:"Confirmed", cht:"可以付印"} | |||
const unable = {color:"#d9372b", eng:"Re-proofing", cht:"未能付印"} | |||
const timeOut = {color:"#8a8784", eng:"No Reply", cht:"回覆逾時"} | |||
const pendingReply = {color:"#f5a83d", eng:"Pending Reply", cht:"未回覆"} | |||
const cancel = {color:"#000", textColor:"#fff", eng:"Cancelled", cht:"已取消"} | |||
const confirm = {color:"#22a13f", eng:"Confirmed", cht:"可以付印", cn:"可以付印"} | |||
const unable = {color:"#d9372b", eng:"Re-proofing", cht:"未能付印", cn:"未能付印"} | |||
const timeOut = {color:"#8a8784", eng:"No Reply", cht:"回覆逾時", cn:"回复逾时"} | |||
const pendingReply = {color:"#f5a83d", eng:"Pending Reply", cht:"未回覆", cn:"未回复"} | |||
const cancel = {color:"#000", textColor:"#fff", eng:"Cancelled", cht:"已取消", cn:"已取消"} | |||
export function getStatus_Cht(params) { | |||
let status = getStatus(params); | |||
@@ -17,6 +17,12 @@ export function getStatus_Eng(params) { | |||
return getStatusTag({color: status.color, textColor:status.textColor, text:status.eng }) | |||
} | |||
export function getStatus_Cn(params) { | |||
let status = getStatus(params); | |||
return getStatusTag({color: status.color, textColor:status.textColor, text:status.cn }) | |||
} | |||
export function getStatusText_Cht(params) { | |||
let status = getStatus(params); | |||
return {text:status.cht,status:status.eng} | |||