From 09eb8afdd3f4c0733ab788813e8a0af65cee8615 Mon Sep 17 00:00:00 2001 From: anna Date: Mon, 22 Jul 2024 18:45:40 +0800 Subject: [PATCH] add userGuide --- src/pages/UserMenu/index.js | 165 +++++++++++++++++++++++ src/pages/extra-pages/ImportantNotice.js | 4 - src/routes/LoginRoutes.js | 6 + src/translations/en.json | 1 + src/translations/zh-CN.json | 1 + src/translations/zh-HK.json | 1 + 6 files changed, 174 insertions(+), 4 deletions(-) create mode 100644 src/pages/UserMenu/index.js diff --git a/src/pages/UserMenu/index.js b/src/pages/UserMenu/index.js new file mode 100644 index 0000000..ff9f053 --- /dev/null +++ b/src/pages/UserMenu/index.js @@ -0,0 +1,165 @@ +import { Grid, Typography, Stack, } from '@mui/material'; +import { useState, useEffect, lazy } from "react"; + +import Loadable from 'components/Loadable'; +import { useIntl, FormattedMessage } from "react-intl"; + +import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' +const BackgroundHead = { + backgroundImage: `url(${titleBackgroundImg})`, + width: '100%', + height: '100%', + backgroundSize: 'contain', + backgroundRepeat: 'no-repeat', + backgroundColor: '#0C489E', + backgroundPosition: 'right' +} + +const LoadingComponent = Loadable(lazy(() => import('pages/extra-pages/LoadingComponent'))); + +import DownloadIcon from '@mui/icons-material/Download'; + +const UserMenu = () => { + const intl = useIntl(); + const { locale } = intl; + const [onReady, setOnReady] = useState(false); + + useEffect(() => { + setOnReady(true); + }, [locale]); + + const tableStyle = { + fontFamily: "arial, sans-serif", + borderCollapse: "collapse", + width: "100%", + } + + const cellStyle = { + border: "1px solid #dddddd", + textAlign: "left", + padding: "8px" + }; + + const getRow = ({ title, en, zh, cn }) => { + return <> + + {title} + + + + + + ; + } + + + return ( + !onReady ? + + + + + + : + ( + + +
+ + + + + +
+ + +

+ + + + + + + + + {getRow({ + title: "Account Activation.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/01", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/01c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/01sc" + })} + + {getRow({ + title: "Login.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/02", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/02c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/02sc" + })} + + {getRow({ + title: "Application for publishing a Public Notice in the Gazette.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/03", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/03c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/03sc" + })} + + {getRow({ + title: "Proofreading reply (with correction).pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/04", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/04c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/04sc" + })} + + {getRow({ + title: "Proofreading reply (pass for printing).pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/05", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/05c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/05sc" + })} + + {getRow({ + title: "Cancellation of application for publishing a Public Notice in the Gazette.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/06", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/06c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/06sc" + })} + + {getRow({ + title: "Forgot password.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/07", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/07c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/07sc" + })} + + {getRow({ + title: "Change password.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/08", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/08c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/08sc" + })} + + {getRow({ + title: "Language of email notification.pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/09", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/09c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/09sc" + })} + + {getRow({ + title: "Download General Demand Note for making payment(s).pdf", + en: "https://pnsps.gld.gov.hk/user-guide/eng/10", + zh: "https://pnsps.gld.gov.hk/user-guide/cht/10c", + cn: "https://pnsps.gld.gov.hk/user-guide/chs/10sc" + })} + + +
English繁體中文简体中文
+

+ + + ) + ); + +} + +export default UserMenu; \ No newline at end of file diff --git a/src/pages/extra-pages/ImportantNotice.js b/src/pages/extra-pages/ImportantNotice.js index 37909aa..9c37049 100644 --- a/src/pages/extra-pages/ImportantNotice.js +++ b/src/pages/extra-pages/ImportantNotice.js @@ -23,12 +23,8 @@ const ImportantNotice = () => { useEffect(() => { setOnReady(true); - }, []); - - - return ( !onReady ? diff --git a/src/routes/LoginRoutes.js b/src/routes/LoginRoutes.js index 57002d0..1c0898a 100644 --- a/src/routes/LoginRoutes.js +++ b/src/routes/LoginRoutes.js @@ -15,6 +15,7 @@ const ErrorPage = Loadable(lazy(() => import('pages/extra-pages/ErrorPage'))); const PrivacyPolicyPage = Loadable(lazy(() => import('pages/extra-pages/PrivacyPolicy'))); const ImportantNoticePage = Loadable(lazy(() => import('pages/extra-pages/ImportantNotice'))); const AboutUsPage = Loadable(lazy(() => import('pages/AboutUs'))); +const UserMenuPage = Loadable(lazy(() => import('pages/UserMenu'))); const ForgotPassword = Loadable(lazy(() => import('pages/authentication/ForgotPassword'))); const AfterForgotPasswordPage = Loadable(lazy(() => import('pages/authentication/ForgotPassword/AfterForgotPasswordPage'))); @@ -38,6 +39,7 @@ const VerifyPage = Loadable(lazy(() => import('pages/authentication/Verify'))); const Testfps = Loadable(lazy(() => import('pages/Payment/FPS/FPSTest'))); const Payment_FPS_CallBack = Loadable(lazy(() => import('pages/Payment/FPS/fpscallback'))); + // ==============================|| AUTH ROUTING ||============================== // const LoginRoutes = { @@ -80,6 +82,10 @@ const LoginRoutes = { path: 'aboutUs', element: }, + { + path: 'userGuide', + element: + }, { path: 'iamsmart/logincallback', element: diff --git a/src/translations/en.json b/src/translations/en.json index 363de1b..b23683d 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -145,6 +145,7 @@ "welcomeMsg_night": "Good evening! Please select the required service.", "aboutUs": "About Us", + "userMenu": "User Guide", "login": "Login", "logout": "Logout", "iAmSmartLogin": "Continue with iAM Smart", diff --git a/src/translations/zh-CN.json b/src/translations/zh-CN.json index 2136ff2..70040aa 100644 --- a/src/translations/zh-CN.json +++ b/src/translations/zh-CN.json @@ -180,6 +180,7 @@ "welcomeMsg_night": "晚安! 请选择所需服务。", "aboutUs": "关于我们", + "userMenu": "使用手册", "login": "登录", "logout": "登出", "iAmSmartLogin": "以智方便继续", diff --git a/src/translations/zh-HK.json b/src/translations/zh-HK.json index 1534c49..376c0f4 100644 --- a/src/translations/zh-HK.json +++ b/src/translations/zh-HK.json @@ -182,6 +182,7 @@ "welcomeMsg_night": "晚安! 請選擇所需服務。", "aboutUs": "關於我們", + "userMenu": "使用手册", "login": "登入", "logout": "登出", "iAmSmartLogin": "以智方便繼續",