@@ -4,7 +4,7 @@ import enMessages from '../translations/en.json'; | |||
import cnMessages from '../translations/zh-CN.json'; | |||
import hkMessages from '../translations/zh-HK.json'; | |||
import { POST_TERMS_N_CONDITIONS } from "utils/ApiPathConst"; | |||
import { GET_COMBO, POST_TERMS_N_CONDITIONS } from "utils/ApiPathConst"; | |||
import * as HttpUtils from "utils/HttpUtils"; | |||
const LocaleContext = createContext(); | |||
@@ -30,6 +30,19 @@ export const I18nProvider = ({ children }) => { | |||
hkMessages["termsAndCon"]= responseData.zh; | |||
} | |||
}); | |||
HttpUtils.get({ | |||
url: GET_COMBO, | |||
onSuccess: (responseData) => { | |||
for(let i =0; i<responseData.length; i++){ | |||
let item = responseData[i]; | |||
enMessages[item.key]= item.en; | |||
cnMessages[item.key]= item.cn; | |||
hkMessages[item.key]= item.zh; | |||
} | |||
} | |||
}); | |||
} | |||
useEffect(() => { | |||
@@ -62,7 +62,7 @@ const ApplicationDetailCard = ({ data }) => { | |||
</Grid> | |||
</Grid> | |||
</Grid> | |||
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}> | |||
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}> | |||
<Grid container alignItems={"center"}> | |||
<Grid item xs={12} md={3} lg={3} | |||
sx={{ display: 'flex', alignItems: 'center' }}> | |||
@@ -96,7 +96,7 @@ const ApplicationDetailCard = ({ data }) => { | |||
</Grid> | |||
</Grid> | |||
</Grid> | |||
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}> | |||
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1}}> | |||
<Grid container alignItems={"center"}> | |||
<Grid item xs={12} md={4} lg={4} | |||
sx={{ display: 'flex', alignItems: 'center' }}> | |||
@@ -126,7 +126,7 @@ const ApplicationDetailCard = ({ data }) => { | |||
</Grid> | |||
</Grid> | |||
</Grid> | |||
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}> | |||
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1}}> | |||
<Grid container alignItems={"center"}> | |||
<Grid item xs={12} md={4} lg={4} | |||
sx={{ display: 'flex', alignItems: 'center' }}> | |||
@@ -8,6 +8,7 @@ import { | |||
import * as React from "react"; | |||
import * as HttpUtils from "utils/HttpUtils"; | |||
import * as DateUtils from "utils/DateUtils"; | |||
import * as StatusUtils from "utils/statusUtils/DnStatus"; | |||
import Loadable from 'components/Loadable'; | |||
const MainCard = Loadable(React.lazy(() => import('components/MainCard'))); | |||
@@ -39,7 +40,7 @@ const DnDetailCard = ({ data }) => { | |||
}; | |||
const getDisplayField = (label, value) => { | |||
return <Grid item xs={12} md={5} lg={5} sx={{ mb: 1 }}> | |||
return <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}> | |||
<Grid container alignItems={"center"}> | |||
<Grid item xs={12} md={3} lg={3} | |||
sx={{ display: 'flex', alignItems: 'center' }}> | |||
@@ -70,7 +71,7 @@ const DnDetailCard = ({ data }) => { | |||
{getDisplayField("DN No.", dnData.dnNo)} | |||
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}> | |||
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1}}> | |||
<Grid container alignItems={"center"}> | |||
<Grid item xs={12} md={3} lg={3} | |||
sx={{ display: 'flex', alignItems: 'center' }}> | |||
@@ -89,7 +90,7 @@ const DnDetailCard = ({ data }) => { | |||
{getDisplayField("Issue Date", dnData.issueDate)} | |||
{getDisplayField("DN Sent", dnData?.sentDate ? dnData.sentDate + " - " + dnData.sentBy : "--")} | |||
{getDisplayField("DN Sent", dnData?.sentDate ? dnData.sentDate + " - " + (dnData.sentBy == null ? "System" : dnData.sentBy) : "--")} | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
@@ -120,6 +121,35 @@ const DnDetailCard = ({ data }) => { | |||
</Grid> | |||
</Grid> | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
{getDisplayField("Reminder Schedule", "")} | |||
{getDisplayField("Sent on", "")} | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
{getDisplayField("Reminder 1", DateUtils.dateStr(dnData.expectReminder1))} | |||
{getDisplayField("Reminder 1", dnData?.reminder1 ? DateUtils.datetimeStr(dnData.reminder1) : "--")} | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
{getDisplayField("Reminder 2", DateUtils.dateStr(dnData.expectReminder2))} | |||
{getDisplayField("Reminder 2", dnData?.reminder2 ? DateUtils.datetimeStr(dnData.reminder2) : "--")} | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
{getDisplayField("Reminder 3", DateUtils.dateStr(dnData.expectReminder3))} | |||
{getDisplayField("Reminder 3", dnData?.reminder3 ? DateUtils.datetimeStr(dnData.reminder3) : "--")} | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
{getDisplayField("Reminder 4", DateUtils.dateStr(dnData.expectReminder4))} | |||
{getDisplayField("Reminder 4", dnData?.reminder4 ? DateUtils.datetimeStr(dnData.reminder4) : "--")} | |||
</Grid> | |||
<Grid container direction="row" justifyContent="space-between" alignItems="center"> | |||
{getDisplayField("Reminder Final", DateUtils.dateStr(dnData.expectReminderFinal))} | |||
{getDisplayField("Reminder Final", dnData?.reminderFinal ? DateUtils.datetimeStr(dnData.reminderFinal) : "--")} | |||
</Grid> | |||
</Grid> | |||
</Grid> | |||
</MainCard> | |||
@@ -279,7 +279,7 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||
<Grid container spacing={1}> | |||
<Grid item xs={12}> | |||
<Typography variant="h4" sx={{ mb: 2, mr: 3, borderBottom: "1px solid black" }}> | |||
Organization Details | |||
Organisation Details | |||
</Typography> | |||
</Grid> | |||
<Grid item xs={12}> | |||
@@ -136,7 +136,7 @@ const OrganizationDetailPage = () => { | |||
<Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center"> | |||
{isGLDLoggedIn()? | |||
<Typography ml={15} color='#FFF' variant="h4" sx={{display: { xs: 'none', sm: 'none', md: 'block' }}}> | |||
Maintain Organization | |||
Maintain Organisation | |||
</Typography> | |||
: | |||
<Typography ml={15} color='#FFF' variant="h4" sx={{display: { xs: 'none', sm: 'none', md: 'block' }}}> | |||
@@ -283,27 +283,6 @@ | |||
"pwGood": "Good", | |||
"pwStrong": "Strong", | |||
"islandCombo": "Island District", | |||
"kwaiTsingCombo": "Kwai Tsing District", | |||
"northCombo": "North District", | |||
"saiKungCombo": "Sai Kung District", | |||
"shaTinCombo": "Sha Tin District", | |||
"taiPoCombo": "Tai Po District", | |||
"tsuenWanCombo": "Tsuen Wan District", | |||
"tuenMunCombo": "Tuen Mun District", | |||
"yuenLongCombo": "Yuen Long District", | |||
"kowloonCityCombo": "Kowloon City District", | |||
"kwunTongCombo": "Kwun Tong District", | |||
"shamShuiPoCombo": "Sham Shui Po District", | |||
"wongTaiSinCombo": "Wong Tai Sin District", | |||
"yauTsimMongCombo": "Yau Tsim Mong District", | |||
"centralAndWesternCombo": "Central and Western District", | |||
"easternCombo": "Eastern District", | |||
"southernCombo": "Southern District", | |||
"wanChaiCombo": "Wan Chai District", | |||
"lantauIslandCombo": "Lantau Island", | |||
"lammaIslandCombo": "Lamma Island District", | |||
"pengChauCombo": "Peng Chau District", | |||
"applyPublicNotice": "Apply for Public Notice", | |||
"attention": "attention", | |||
@@ -277,28 +277,6 @@ | |||
"pwGood": "良好", | |||
"pwStrong": "强", | |||
"islandCombo": "离岛区", | |||
"kwaiTsingCombo": "葵青区", | |||
"northCombo": "北区", | |||
"saiKungCombo": "西贡区", | |||
"shaTinCombo": "沙田区", | |||
"taiPoCombo": "大埔区", | |||
"tsuenWanCombo": "荃湾区", | |||
"tuenMunCombo": "屯门区", | |||
"yuenLongCombo": "元朗区", | |||
"kowloonCityCombo": "九龙城区", | |||
"kwunTongCombo": "观塘区", | |||
"shamShuiPoCombo": "深水埗区", | |||
"wongTaiSinCombo": "黄大仙区", | |||
"yauTsimMongCombo": "油尖旺区", | |||
"centralAndWesternCombo": "中西区", | |||
"easternCombo": "东区", | |||
"southernCombo": "南区", | |||
"wanChaiCombo": "湾仔区", | |||
"lantauIslandCombo": "大屿山区", | |||
"lammaIslandCombo": "南丫岛区", | |||
"pengChauCombo": "坪洲区", | |||
"applyPublicNotice": "申请公共启事", | |||
"attention": "注意", | |||
"to": "到", | |||
@@ -280,28 +280,6 @@ | |||
"pwGood": "良好", | |||
"pwStrong": "強", | |||
"islandCombo": "離島區", | |||
"kwaiTsingCombo": "葵青區", | |||
"northCombo": "北區", | |||
"saiKungCombo": "西貢區", | |||
"shaTinCombo": "沙田區", | |||
"taiPoCombo": "大埔區", | |||
"tsuenWanCombo": "荃灣區", | |||
"tuenMunCombo": "屯門區", | |||
"yuenLongCombo": "元朗區", | |||
"kowloonCityCombo": "九龍城區", | |||
"kwunTongCombo": "觀塘區", | |||
"shamShuiPoCombo": "深水埗區", | |||
"wongTaiSinCombo": "黃大仙區", | |||
"yauTsimMongCombo": "油尖旺區", | |||
"centralAndWesternCombo": "中西區", | |||
"easternCombo": "東區", | |||
"southernCombo": "南區", | |||
"wanChaiCombo": "灣仔區", | |||
"lantauIslandCombo": "大嶼山區", | |||
"lammaIslandCombo": "南丫島區", | |||
"pengChauCombo": "坪洲區", | |||
"applyPublicNotice": "申請公共啟事", | |||
"attention": "注意", | |||
"to": "到", | |||
@@ -79,6 +79,7 @@ export const POST_LOGIN = '/login'; | |||
export const POST_CAPTCHA = apiPath+'/captcha'; | |||
export const POST_TERMS_N_CONDITIONS = apiPath+'/termsAndConditions'; | |||
export const POST_VERIFY_CAPTCHA = apiPath+'/verifyCaptcha'; | |||
export const GET_COMBO = apiPath+'/combo-data'; | |||
//register | |||
export const POST_PUBLIC_USER_REGISTER = apiPath+'/user/register'; | |||