alex
/
PNSPS-frontend-MaterialUI
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

iAM Smart & status i18n

CR003
Anna Ho 1 ano atrás
pai
bdf58c0b2d
commit
b700fff6e2
12 arquivos alterados com 99 adições e 86 exclusões
Visão dividida
Opções de diferenças
Mostrar estatísticas Baixar arquivo de patch Baixar arquivo de diferenças
  1. +1
    -1
      src/pages/Proof/Search_Public/DataGrid.js
  2. +1
    -11
      src/pages/authentication/BusRegister.js
  3. +4
    -3
      src/pages/authentication/IAmSmartRegister.js
  4. +1
    -11
      src/pages/authentication/Register.js
  5. +1
    -1
      src/pages/authentication/auth-forms/BusCustomFormWizard.js
  6. +1
    -1
      src/pages/authentication/auth-forms/CustomFormWizard.js
  7. +60
    -49
      src/pages/authentication/auth-forms/IAmSmartFormWizard.js
  8. +5
    -0
      src/translations/en.json
  9. +5
    -0
      src/translations/zh-CN.json
  10. +5
    -0
      src/translations/zh-HK.json
  11. +4
    -4
      src/utils/ComboData.js
  12. +11
    -5
      src/utils/statusUtils/ProofStatus.js

+ 1
- 1
src/pages/Proof/Search_Public/DataGrid.js Ver arquivo

@@ -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);
},
},
{


+ 1
- 11
src/pages/authentication/BusRegister.js Ver arquivo

@@ -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,


+ 4
- 3
src/pages/authentication/IAmSmartRegister.js Ver arquivo

@@ -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}


+ 1
- 11
src/pages/authentication/Register.js Ver arquivo

@@ -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,


+ 1
- 1
src/pages/authentication/auth-forms/BusCustomFormWizard.js Ver arquivo

@@ -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}


+ 1
- 1
src/pages/authentication/auth-forms/CustomFormWizard.js Ver arquivo

@@ -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}


+ 60
- 49
src/pages/authentication/auth-forms/IAmSmartFormWizard.js Ver arquivo

@@ -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" />


+ 5
- 0
src/translations/en.json Ver arquivo

@@ -552,6 +552,11 @@
"subject": "Subject",
"other":"Other",

"proofConfirmed":"Confirmed",
"proofReProofing":"Re-proofing",
"proofNoReply":"No Reply",
"proofPendingReply":"Pending Reply",

"Dashboard": "Dashboard",
"event": "Event"
}

+ 5
- 0
src/translations/zh-CN.json Ver arquivo

@@ -543,6 +543,11 @@
"subject": "主题",
"other":"其他",

"proofConfirmed":"可以付印",
"proofReProofing":"未能付印",
"proofNoReply":"回复逾时",
"proofPendingReply":"未回复",

"Dashboard": "仪表板",
"event": "活动"
}

+ 5
- 0
src/translations/zh-HK.json Ver arquivo

@@ -548,6 +548,11 @@
"subject": "主題",
"other":"其他",

"proofConfirmed":"可以付印",
"proofReProofing":"未能付印",
"proofNoReply":"回覆逾時",
"proofPendingReply":"未回覆",

"Dashboard": "儀表板",
"event": "活動"
}

+ 4
- 4
src/utils/ComboData.js Ver arquivo

@@ -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' },
];



+ 11
- 5
src/utils/statusUtils/ProofStatus.js Ver arquivo

@@ -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}


Escrever Pré-visualização
Carregando…
Cancelar
Salvar