diff --git a/src/assets/style/navbarStyles.css b/src/assets/style/navbarStyles.css index 48fee66..9c64452 100644 --- a/src/assets/style/navbarStyles.css +++ b/src/assets/style/navbarStyles.css @@ -53,6 +53,7 @@ left: 0; display: none; padding-left: 0px; + padding-bottom: 7px; /* border: 1px solid #0C489E; */ background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); diff --git a/src/components/AutoLogoutProvider.js b/src/components/AutoLogoutProvider.js index 27ccd6b..817baf9 100644 --- a/src/components/AutoLogoutProvider.js +++ b/src/components/AutoLogoutProvider.js @@ -56,10 +56,10 @@ const AutoLogoutProvider = ({ children }) => { //TODO: get auto logout time here if(isGLDLoggedIn()){ setLogoutInterval(240); - console.log("Set Logout Interval: 240") + // console.log("Set Logout Interval: 240") }else{ setLogoutInterval(60); - console.log("Set Logout Interval: 60") + // console.log("Set Logout Interval: 60") } // axios.get(`${apiPath}${GET_IDLE_LOGOUT_TIME}`, // ) diff --git a/src/index.js b/src/index.js index c58b3ca..ee0bb28 100644 --- a/src/index.js +++ b/src/index.js @@ -16,9 +16,9 @@ import 'assets/third-party/apex-chart.css'; import App from './App'; import { store } from 'store'; import reportWebVitals from './reportWebVitals'; -import {I18nProvider} from "./components/I18nProvider"; -import {AutoLogoutProvider} from "./components/AutoLogoutProvider"; -import {RefreshTokenProvider} from "./components/RefreshTokenProvider"; +import {I18nProvider} from "components/I18nProvider"; +import {AutoLogoutProvider} from "components/AutoLogoutProvider"; +import {RefreshTokenProvider} from "components/RefreshTokenProvider"; // ==============================|| MAIN - REACT DOM RENDER ||============================== // diff --git a/src/layout/MainLayout/Header/index.js b/src/layout/MainLayout/Header/index.js index f4c2714..5e52026 100644 --- a/src/layout/MainLayout/Header/index.js +++ b/src/layout/MainLayout/Header/index.js @@ -141,11 +141,23 @@ function Header(props) { My Profile
  • - Email Template + Email Template
  • System Setting
    • +
  • + Holiday Setting +
    • +
  • + DR Import +
    • +
  • + Announcement +
    • +
  • + Gazette Issue +
    • @@ -355,7 +367,7 @@ function Header(props) { alignItems="center" spacing={0} > - + { + const intl = useIntl(); + const params = useParams(); + const navigate = useNavigate(); + + const BackgroundHead = { + backgroundImage: `url(${titleBackgroundImg})`, + width: 'auto', + height: 'auto', + backgroundSize: 'contain', + backgroundRepeat: 'no-repeat', + backgroundColor: '#0C489E', + backgroundPosition: 'right' + } + + + const formik = useFormik({ + enableReinitialize: true, + initialValues: loadedData, + validationSchema: yup.object().shape({ + subjectEng: yup.string().max(255).required(), + subjectCht: yup.string().max(255).required(), + subjectChs: yup.string().max(255).required(), + contentEng: yup.string().required(), + contentCht: yup.string().required(), + contentChs: yup.string().required(), + }), + onSubmit: values => { + doSave(values); + } + }); + + const doSave = (values) => { + HttpUtils.post({ + url: UrlUtils.POST_ANNOUNCE_SAVE, + params: { + id: params?.id??0, + announceDate: values.announceDate, + subjectEng: values.subjectEng, + subjectCht: values.subjectCht, + subjectChs: values.subjectChs, + + contentEng: values.contentEng, + contentCht: values.contentCht, + contentChs: values.contentChs, + }, + onSuccess: function () { + notifyActionSuccess(intl.formatMessage({ id: 'submissionSuccess' }) + '!') + navigate("/setting/announcement"); + } + }); + } + + return ( + + +
    + + + Announcement + + +
    +     + + + + + + +
    + + + + + + + + + + Announce Date: + + + + + + + + + English + + + + Subject: + + + + + + + + + + + Content: + + + + + + + + + Traditional Chinese + + + + Subject: + + + + + + + + + + + Content: + + + + + + + + + + + Simplified Chinese + + + + Subject: + + + + + + + + + + + + Content: + + + + + + + + +
    +     +     + +     + ); +}; + + +export default AnnouncementForm; diff --git a/src/pages/Announcement/Details/index.js b/src/pages/Announcement/Details/index.js new file mode 100644 index 0000000..c24fa0b --- /dev/null +++ b/src/pages/Announcement/Details/index.js @@ -0,0 +1,64 @@ +// material-ui +import * as React from "react"; +import * as HttpUtils from "utils/HttpUtils"; +import * as UrlUtils from "utils/ApiPathConst"; +import * as DateUtils from "utils/DateUtils"; + +import { + Grid, +} from '@mui/material'; + +import { useParams } from 'react-router-dom'; +import Loadable from 'components/Loadable'; +import { lazy } from 'react'; +const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingComponent'))); +const AnnouncementForm = Loadable(lazy(() => import('./AnnouncementForm'))); + + +// ==============================|| DASHBOARD - DEFAULT ||============================== // + +const CreateForm = () => { + const params = useParams(); + + const [formData, setFormData] = React.useState({}); + const [isLoading, setLoding] = React.useState(true); + + React.useEffect(() => { + loadData(); + }, []); + + const loadData = () => { + setLoding(true); + if (params.id > 0) { + HttpUtils.get({ + url: `${UrlUtils.GET_ANNOUNCE}`+"/"+params.id, + onSuccess: function (responseData) { + responseData["announceDate"] = DateUtils.datetimeFieldFormat(responseData.announceDate); + setFormData(responseData); + } + }); + }else{ + setFormData({"announceDate": DateUtils.datetimeFieldFormat(new Date())}); + } + }; + + React.useEffect(() => { + if (formData !== null && formData != {}) setLoding(false); + }, [formData]); + + return ( + isLoading ? + + + + + + : + + ); +}; + + +export default CreateForm; diff --git a/src/pages/Announcement/Search/DataGrid.js b/src/pages/Announcement/Search/DataGrid.js new file mode 100644 index 0000000..bcbeab0 --- /dev/null +++ b/src/pages/Announcement/Search/DataGrid.js @@ -0,0 +1,83 @@ +// material-ui +import * as React from 'react'; +import { + Button, + Box +} from '@mui/material'; +import * as DateUtils from "utils/DateUtils"; +import { useNavigate } from "react-router-dom"; +import { FiDataGrid } from "components/FiDataGrid"; +// ==============================|| EVENT TABLE ||============================== // + +export default function SearchPublicNoticeTable({ recordList }) { + const [rows, setRows] = React.useState(recordList); + const navigate = useNavigate() + + React.useEffect(() => { + setRows(recordList); + }, [recordList]); + + const handleEditClick = (params) => () => { + navigate('/setting/announcement/details/' + params.id); + }; + + + const columns = [ + { + field: 'announceDate', + headerName: 'Announce Date', + width: 250, + cellClassName: 'announceDate', + renderCell: (params) => { + return ; + }, + }, + { + id: 'subjec', + field: 'subjec', + headerName: 'Subjec', + minWidth: 400, + renderCell: (params) => { + return <> + + {params.row.subjectEng} + {params.row.subjectCht} + {params.row.subjectChs} + + + }, + }, + { + id: 'content', + field: 'content', + headerName: 'Content', + flex:1, + minWidth: 400, + renderCell: (params) => { + return <> + + {params.row.contentEng} + {params.row.contentCht} + {params.row.contentChs} + + + } + }, + ]; + + function handleRowDoubleClick(params) { + navigate('/setting/announcement/details/' + params.id); + } + + return ( +
    + 'auto'} + onRowDoubleClick={handleRowDoubleClick} + /> +
    + ); +} diff --git a/src/pages/Announcement/Search/SearchForm.js b/src/pages/Announcement/Search/SearchForm.js new file mode 100644 index 0000000..500385c --- /dev/null +++ b/src/pages/Announcement/Search/SearchForm.js @@ -0,0 +1,155 @@ +// material-ui +import { + Button, + Grid, TextField, + Typography +} from '@mui/material'; +import MainCard from "components/MainCard"; +import { useForm } from "react-hook-form"; +import * as React from "react"; +import * as DateUtils from "utils/DateUtils"; +import {ThemeProvider} from "@emotion/react"; +import { useNavigate } from "react-router-dom"; +import {PNSPS_BUTTON_THEME} from "../../../themes/buttonConst"; +// ==============================|| DASHBOARD - DEFAULT ||============================== // + + +const SearchPublicNoticeForm = ({ applySearch, searchCriteria}) => { + const navigate = useNavigate() + + const [minDate, setMinDate] = React.useState(searchCriteria.dateFrom); + const [maxDate, setMaxDate] = React.useState(searchCriteria.dateTo); + + const marginBottom = 2.5; + const { reset, register, handleSubmit } = useForm() + const onSubmit = (data) => { + const temp = { + key: data.key, + dateFrom: data.dateFrom, + dateTo: data.dateTo, + }; + applySearch(temp); + }; + + + function resetForm() { + reset(); + } + + + return ( + + +
    + + {/*row 1*/} + + + Search + + + {/*row 2*/} + + + + + + + + + { + setMinDate(DateUtils.dateStr(newValue)); + }} + InputLabelProps={{ + shrink: true + }} + /> + + + + To + + + + { + setMaxDate(DateUtils.dateStr(newValue)); + }} + id="dateTo" + type="date" + //label={"Submit Date(To)"} + defaultValue={searchCriteria.dateTo} + /> + + + + + + + {/*last row*/} + + + + + + + + + + + + + + + +
    +     + ); +}; + +export default SearchPublicNoticeForm; diff --git a/src/pages/Announcement/Search/index.js b/src/pages/Announcement/Search/index.js new file mode 100644 index 0000000..073f486 --- /dev/null +++ b/src/pages/Announcement/Search/index.js @@ -0,0 +1,104 @@ +// material-ui +import { + Grid, + Typography, + Stack +} from '@mui/material'; +import MainCard from "components/MainCard"; +import * as UrlUtils from "utils/ApiPathConst"; +import * as React from "react"; +import * as HttpUtils from "utils/HttpUtils"; +import * as DateUtils from "utils/DateUtils"; + +import Loadable from 'components/Loadable'; +const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); +const SearchForm = Loadable(React.lazy(() => import('./SearchForm'))); +const EventTable = Loadable(React.lazy(() => import('./DataGrid'))); +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' +} + +// ==============================|| DASHBOARD - DEFAULT ||============================== // + +const UserSearchPage_Individual = () => { + + const [record, setRecord] = React.useState([]); + const [searchCriteria, setSearchCriteria] = React.useState({ + dateTo: DateUtils.dateStr(new Date()), + dateFrom: DateUtils.dateStr(new Date().setDate(new Date().getDate() - 90)), + }); + const [onReady, setOnReady] = React.useState(false); + + React.useEffect(() => { + getDataList(); + }, []); + + React.useEffect(() => { + setOnReady(true); + }, [record]); + + React.useEffect(() => { + getDataList(); + }, [searchCriteria]); + + function getDataList() { + HttpUtils.get({ + url: UrlUtils.GET_ANNOUNCE_LIST, + params: searchCriteria, + onSuccess: function (responseData) { + setRecord(responseData); + } + }); + } + + function applySearch(input) { + setSearchCriteria(input); + } + + return ( + !onReady ? + + + + + + : + + +
    + + Announcement + +
    +     + {/*row 1*/} + + + + {/*row 2*/} + + + + + +     + ); +} +export default UserSearchPage_Individual; diff --git a/src/pages/Announcement/Search_Public/DataGrid.js b/src/pages/Announcement/Search_Public/DataGrid.js new file mode 100644 index 0000000..e89ba81 --- /dev/null +++ b/src/pages/Announcement/Search_Public/DataGrid.js @@ -0,0 +1,62 @@ +// material-ui +import * as React from 'react'; +import * as DateUtils from "utils/DateUtils"; +import { FiDataGrid } from "components/FiDataGrid"; +import { FormattedMessage, useIntl } from "react-intl"; +// ==============================|| EVENT TABLE ||============================== // + +export default function SearchPublicNoticeTable({ recordList }) { + const [rows, setRows] = React.useState(recordList); + const intl = useIntl(); + const { locale } = intl; + + React.useEffect(() => { + setRows(recordList); + }, [recordList]); + + const columns = [ + { + field: 'announceDate', + headerName: , + width: 250, + cellClassName: 'announceDate', + renderCell: (params) => { + return DateUtils.dateStr(params?.value); + }, + }, + { + id: 'subject', + field: 'subject', + headerName: , + minWidth: 400, + renderCell: (params) => { + return <> + {locale === 'en' ?params.row.subjectEng:locale === 'zh-HK' ?params.row.subjectCht:params.row.subjectChs} + + }, + }, + { + id: 'content', + field: 'content', + headerName: , + flex:1, + minWidth: 400, + renderCell: (params) => { + return <> + {locale === 'en' ?params.row.contentEng:locale === 'zh-HK' ?params.row.contentCht:params.row.contentChs} + + } + }, + ]; + + return ( +
    + 'auto'} + /> +
    + ); +} diff --git a/src/pages/Announcement/Search_Public/SearchForm.js b/src/pages/Announcement/Search_Public/SearchForm.js new file mode 100644 index 0000000..f10ad95 --- /dev/null +++ b/src/pages/Announcement/Search_Public/SearchForm.js @@ -0,0 +1,158 @@ +// material-ui +import { + Button, + Grid, TextField, + Typography +} from '@mui/material'; +import MainCard from "components/MainCard"; +import { useForm } from "react-hook-form"; +import * as React from "react"; +import * as DateUtils from "utils/DateUtils"; +import { ThemeProvider } from "@emotion/react"; +import { useNavigate } from "react-router-dom"; +import { PNSPS_BUTTON_THEME } from "../../../themes/buttonConst"; +import { FormattedMessage, useIntl } from "react-intl"; +// ==============================|| DASHBOARD - DEFAULT ||============================== // + + +const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { + const navigate = useNavigate() + + const [minDate, setMinDate] = React.useState(searchCriteria.dateFrom); + const [maxDate, setMaxDate] = React.useState(searchCriteria.dateTo); + + const intl = useIntl(); + + const marginBottom = 2.5; + const { reset, register, handleSubmit } = useForm() + const onSubmit = (data) => { + const temp = { + key: data.key, + dateFrom: data.dateFrom, + dateTo: data.dateTo, + }; + applySearch(temp); + }; + + + function resetForm() { + reset(); + } + + + return ( + + +
    + + {/*row 1*/} + + + + + + {/*row 2*/} + + + + + + + + + { + setMinDate(DateUtils.dateStr(newValue)); + }} + InputLabelProps={{ + shrink: true + }} + /> + + + + + + + + { + setMaxDate(DateUtils.dateStr(newValue)); + }} + id="dateTo" + type="date" + //label={"Submit Date(To)"} + defaultValue={searchCriteria.dateTo} + /> + + + + + + + {/*last row*/} + + + + + + + + + + + + + + + +
    +     + ); +}; + +export default SearchPublicNoticeForm; diff --git a/src/pages/Announcement/Search_Public/index.js b/src/pages/Announcement/Search_Public/index.js new file mode 100644 index 0000000..351edb5 --- /dev/null +++ b/src/pages/Announcement/Search_Public/index.js @@ -0,0 +1,104 @@ +// material-ui +import { + Grid, + Typography, + Stack +} from '@mui/material'; +import MainCard from "components/MainCard"; +import * as UrlUtils from "utils/ApiPathConst"; +import * as React from "react"; +import * as HttpUtils from "utils/HttpUtils"; +import * as DateUtils from "utils/DateUtils"; + +import Loadable from 'components/Loadable'; +const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); +const SearchForm = Loadable(React.lazy(() => import('./SearchForm'))); +const EventTable = Loadable(React.lazy(() => import('./DataGrid'))); +import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' +import { FormattedMessage } from "react-intl"; + +const BackgroundHead = { + backgroundImage: `url(${titleBackgroundImg})`, + width: '100%', + height: '100%', + backgroundSize: 'contain', + backgroundRepeat: 'no-repeat', + backgroundColor: '#0C489E', + backgroundPosition: 'right' +} + +// ==============================|| DASHBOARD - DEFAULT ||============================== // + +const UserSearchPage_Individual = () => { + const [record, setRecord] = React.useState([]); + const [searchCriteria, setSearchCriteria] = React.useState({ + dateTo: DateUtils.dateStr(new Date()), + dateFrom: DateUtils.dateStr(new Date().setDate(new Date().getDate() - 90)), + }); + const [onReady, setOnReady] = React.useState(false); + + React.useEffect(() => { + getDataList(); + }, []); + + React.useEffect(() => { + setOnReady(true); + }, [record]); + + React.useEffect(() => { + getDataList(); + }, [searchCriteria]); + + function getDataList() { + HttpUtils.get({ + url: UrlUtils.GET_ANNOUNCE_LIST, + params: searchCriteria, + onSuccess: function (responseData) { + setRecord(responseData); + } + }); + } + + function applySearch(input) { + setSearchCriteria(input); + } + + return ( + !onReady ? + + + + + + : + + +
    + + + +
    +     + {/*row 1*/} + + + + {/*row 2*/} + + + + + +     + ); +} +export default UserSearchPage_Individual; diff --git a/src/pages/DemandNote/Create/SearchForm.js b/src/pages/DemandNote/Create/SearchForm.js index f88bd65..d8b40c3 100644 --- a/src/pages/DemandNote/Create/SearchForm.js +++ b/src/pages/DemandNote/Create/SearchForm.js @@ -56,7 +56,7 @@ const SearchPublicNoticeForm = ({ applySearch, issueComboData, _paymentCount, _p function getIssueLabel(data) { if (data == {}) return ""; - return data.year + return data.issueYear + " Vol. " + FormatUtils.zeroPad(data.volume, 3) + ", No. " + FormatUtils.zeroPad(data.issueNo, 2) + ", " + DateUtils.dateFormat(data.issueDate, "D MMM YYYY (ddd)"); diff --git a/src/pages/DemandNote/Create/index.js b/src/pages/DemandNote/Create/index.js index e35b484..d22572c 100644 --- a/src/pages/DemandNote/Create/index.js +++ b/src/pages/DemandNote/Create/index.js @@ -80,7 +80,7 @@ const Index = () => { !onReady ? : - +
    diff --git a/src/pages/DemandNote/Search/DataGrid.js b/src/pages/DemandNote/Search/DataGrid.js index f12a87c..2370d38 100644 --- a/src/pages/DemandNote/Search/DataGrid.js +++ b/src/pages/DemandNote/Search/DataGrid.js @@ -220,9 +220,9 @@ export default function SearchDemandNote({ recordList, reloadFun, applySearch }) { field: 'dnNo', headerName: 'DN No.', - width: 200, + width: 220, renderCell: (params) => { - return ; + return ; }, }, { diff --git a/src/pages/DemandNote/Search/SearchForm.js b/src/pages/DemandNote/Search/SearchForm.js index 5981010..6dbf6db 100644 --- a/src/pages/DemandNote/Search/SearchForm.js +++ b/src/pages/DemandNote/Search/SearchForm.js @@ -75,7 +75,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue function getIssueLabel(data) { if (data == {}) return ""; - return data.year + return data.issueYear + " Vol. " + FormatUtils.zeroPad(data.volume, 3) + ", No. " + FormatUtils.zeroPad(data.issueNo, 2) + ", " + DateUtils.dateFormat(data.issueDate, "D MMM YYYY (ddd)"); diff --git a/src/pages/DemandNote/Search/index.js b/src/pages/DemandNote/Search/index.js index abd80f0..a0355bd 100644 --- a/src/pages/DemandNote/Search/index.js +++ b/src/pages/DemandNote/Search/index.js @@ -92,13 +92,13 @@ const UserSearchPage_Individual = () => { return ( !onReady ? - + : - +
    diff --git a/src/pages/DemandNote/Search_Public/SearchForm.js b/src/pages/DemandNote/Search_Public/SearchForm.js index 10ad3ba..3dfe8d6 100644 --- a/src/pages/DemandNote/Search_Public/SearchForm.js +++ b/src/pages/DemandNote/Search_Public/SearchForm.js @@ -64,7 +64,7 @@ const SearchDemandNoteForm = ({ applySearch, searchCriteria, issueComboData function getIssueLabel(data) { if (data == {}) return ""; - return data.year + return data.issueYear + " Vol. " + FormatUtils.zeroPad(data.volume, 3) + ", No. " + FormatUtils.zeroPad(data.issueNo, 2) + ", " + DateUtils.dateFormat(data.issueDate, "D MMM YYYY (ddd)"); diff --git a/src/pages/DemandNote/Search_Public/index.js b/src/pages/DemandNote/Search_Public/index.js index 18c185c..d89b1ea 100644 --- a/src/pages/DemandNote/Search_Public/index.js +++ b/src/pages/DemandNote/Search_Public/index.js @@ -92,7 +92,7 @@ const UserSearchPage_Individual = () => { return ( !onReady ? - + diff --git a/src/pages/EmailTemplate/Detail_GLD/index.js b/src/pages/EmailTemplate/Detail_GLD/index.js index 8e03f5b..3117350 100644 --- a/src/pages/EmailTemplate/Detail_GLD/index.js +++ b/src/pages/EmailTemplate/Detail_GLD/index.js @@ -117,7 +117,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/EmailTemplate/Search_GLD/index.js b/src/pages/EmailTemplate/Search_GLD/index.js index 4358b7b..0b41928 100644 --- a/src/pages/EmailTemplate/Search_GLD/index.js +++ b/src/pages/EmailTemplate/Search_GLD/index.js @@ -55,7 +55,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/GFMIS/index.js b/src/pages/GFMIS/index.js index 8a59eea..4a96416 100644 --- a/src/pages/GFMIS/index.js +++ b/src/pages/GFMIS/index.js @@ -123,7 +123,7 @@ const Index = () => { !onReady ? : - +
    diff --git a/src/pages/GazetteIssue/DataGrid.js b/src/pages/GazetteIssue/DataGrid.js new file mode 100644 index 0000000..30b75fa --- /dev/null +++ b/src/pages/GazetteIssue/DataGrid.js @@ -0,0 +1,93 @@ +// material-ui +import * as React from 'react'; +// import { GridActionsCellItem, } from "@mui/x-data-grid"; +import { FiDataGrid } from "components/FiDataGrid"; +// import EditIcon from '@mui/icons-material/Edit'; +import { useEffect } from "react"; +import { dateStr } from "utils/DateUtils"; +// import { useNavigate } from "react-router-dom"; + +// ==============================|| EVENT TABLE ||============================== // + +export default function GazetteIssueTable({ recordList }) { + const [rows, setRows] = React.useState(recordList); + + // const navigate = useNavigate() + + useEffect(() => { + // console.log(recordList) + setRows(recordList); + }, [recordList]); + + const columns = [ + { + id: 'issueYear', + field: 'issueYear', + headerName: 'Year', + flex: 1, + renderCell: (params) => { + return
    {params.row.issueYear}
    + }, + }, + { + id: 'volume', + field: 'volume', + headerName: 'Volume', + flex: 1, + renderCell: (params) => { + return
    {params.row.volume}
    + }, + }, + { + id: 'issueNo', + field: 'issueNo', + headerName: 'Issue No', + flex: 1, + renderCell: (params) => { + return
    {params.row.issueNo}
    + }, + }, + { + id: 'issueDate', + field: 'issueDate', + headerName: 'Issue Date', + flex: 2, + renderCell: (params) => { + let issueDate = params.row.issueDate; + return
    {dateStr(issueDate)}
    + }, + }, + { + id: 'closingDate', + field: 'closingDate', + headerName: 'Closing Date', + flex: 2, + renderCell: (params) => { + let closingDate = params.row.closingDate; + return
    {dateStr(closingDate)}
    + }, + }, + { + id: 'issueDesc', + field: 'issueDesc', + headerName: 'Description', + flex: 2, + }, + ]; + + // function handleRowDoubleClick(params) { + // navigate('/emailTemplate/' + params.id); + // } + + return ( +
    + 'auto'} + /> +
    + ); +} \ No newline at end of file diff --git a/src/pages/GazetteIssue/ExportForm.js b/src/pages/GazetteIssue/ExportForm.js new file mode 100644 index 0000000..e16b830 --- /dev/null +++ b/src/pages/GazetteIssue/ExportForm.js @@ -0,0 +1,133 @@ +// material-ui +import { + Button, + Grid, + TextField, + Autocomplete, + Typography +} from '@mui/material'; +import MainCard from "components/MainCard"; +import { useForm } from "react-hook-form"; +import * as React from "react"; +// import * as DateUtils from "utils/DateUtils"; +import {PNSPS_BUTTON_THEME} from "themes/buttonConst"; +import {ThemeProvider} from "@emotion/react"; +// import * as ComboData from "utils/ComboData"; +// ==============================|| DASHBOARD - DEFAULT ||============================== // + + +const SearchGazetteIssueForm = ({ applyExport, comboData, waitDownload}) => { + const [selectedYear, setSelectedYear] = React.useState([]); + // const [defaultYear, setDefaultYear] = React.useState(searchCriteria.year); + const [comboList, setComboList] = React.useState([]); + // const [onReady, setOnReady] = React.useState(false); + + const { + // register, + handleSubmit } = useForm() + + const onSubmit = () => { + console.log(selectedYear) + if (selectedYear !=null && Object.keys(selectedYear).length>0){ + console.log("okkkkkkkkkkkkkkkk") + const temp = { + year: selectedYear.label, + }; + applyExport(temp); + } + }; + + React.useEffect(() => { + if (comboData && comboData.length > 0) { + // console.log(comboData) + // const labelValue = comboData.find(obj => obj.label === searchCriteria.year); + // console.log(labelValue) + // if(selectedYear.length == 0){ + // setSelectedYear(comboData[0]) + // } + setComboList(comboData) + // setSelectedYear(searchCriteria.dateFrom) + } + }, [comboData]); + + + return ( + + +
    + + {/*row 1*/} + + + Export Preliminary Gazette Issue From Holiday Year + + + {/*row 2*/} + + + + option.label ? option.label : ""} + onChange={(event, newValue) => { + setSelectedYear(newValue); + }} + sx={{ + "& .MuiInputBase-root": { height: "41px" }, + "#year-combo": { padding: "0px 0px 0px 0px" }, + "& .MuiAutocomplete-endAdornment": { top: "auto" }, + }} + renderInput={(params) => } + /> + + + + {/* { + setMaxDate(DateUtils.dateStr(newValue)); + }} + id="dateTo" + type="date" + label="To" + defaultValue={searchCriteria.dateTo} + /> */} + + + {/* + */} + + + + + + + + + +
    +     + ); +}; + +export default SearchGazetteIssueForm; diff --git a/src/pages/GazetteIssue/SearchForm.js b/src/pages/GazetteIssue/SearchForm.js new file mode 100644 index 0000000..f4bf8e4 --- /dev/null +++ b/src/pages/GazetteIssue/SearchForm.js @@ -0,0 +1,129 @@ +// material-ui +import { + Button, + Grid, + TextField, + Autocomplete, + Typography +} from '@mui/material'; +import MainCard from "components/MainCard"; +import { useForm } from "react-hook-form"; +import * as React from "react"; +// import * as DateUtils from "utils/DateUtils"; +import {PNSPS_BUTTON_THEME} from "themes/buttonConst"; +import {ThemeProvider} from "@emotion/react"; +// import * as ComboData from "utils/ComboData"; +// ==============================|| DASHBOARD - DEFAULT ||============================== // + + +const SearchGazetteIssueForm = ({ applySearch, comboData}) => { + const [selectedYear, setSelectedYear] = React.useState([]); + // const [defaultYear, setDefaultYear] = React.useState(searchCriteria.year); + const [comboList, setComboList] = React.useState([]); + // const [onReady, setOnReady] = React.useState(false); + + const { + // register, + handleSubmit } = useForm() + + const onSubmit = () => { + if (selectedYear !=null){ + const temp = { + year: selectedYear.label, + }; + applySearch(temp); + } + }; + + React.useEffect(() => { + if (comboData && comboData.length > 0) { + // console.log(comboData) + // const labelValue = comboData.find(obj => obj.label === searchCriteria.year); + // console.log(labelValue) + if(selectedYear.length == 0){ + setSelectedYear(comboData[0]) + } + setComboList(comboData) + // setSelectedYear(searchCriteria.dateFrom) + } + }, [comboData]); + + + return ( + + +
    + + {/*row 1*/} + + + Search + + + {/*row 2*/} + + + + option.label ? option.label : ""} + onChange={(event, newValue) => { + setSelectedYear(newValue); + }} + sx={{ + "& .MuiInputBase-root": { height: "41px" }, + "#year-combo": { padding: "0px 0px 0px 0px" }, + "& .MuiAutocomplete-endAdornment": { top: "auto" }, + }} + renderInput={(params) => } + /> + + + + {/* { + setMaxDate(DateUtils.dateStr(newValue)); + }} + id="dateTo" + type="date" + label="To" + defaultValue={searchCriteria.dateTo} + /> */} + + + {/* + */} + + + + + + + + + +
    +     + ); +}; + +export default SearchGazetteIssueForm; diff --git a/src/pages/GazetteIssue/index.js b/src/pages/GazetteIssue/index.js new file mode 100644 index 0000000..933a66f --- /dev/null +++ b/src/pages/GazetteIssue/index.js @@ -0,0 +1,280 @@ +// material-ui +import { + Grid, + Typography, + Stack, + Button, + Dialog, DialogTitle, DialogContent, DialogActions, +} from '@mui/material'; +import * as UrlUtils from "utils/ApiPathConst"; +import * as React from "react"; +import * as HttpUtils from "utils/HttpUtils"; +import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' +import Loadable from 'components/Loadable'; +const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); +import MainCard from 'components/MainCard'; + +const ExportForm = Loadable(React.lazy(() => import('./ExportForm'))); +const SearchForm = Loadable(React.lazy(() => import('./SearchForm'))); +const GazetteIssueTable = Loadable(React.lazy(() => import('./DataGrid'))) + +const BackgroundHead = { + backgroundImage: `url(${titleBackgroundImg})`, + width: '100%', + height: '100%', + backgroundSize: 'contain', + backgroundRepeat: 'no-repeat', + backgroundColor: '#0C489E', + backgroundPosition: 'right' +} +import {PNSPS_LONG_BUTTON_THEME} from "themes/buttonConst"; +import {ThemeProvider} from "@emotion/react"; +import { dateStr_Year } from "utils/DateUtils"; +import { notifySaveSuccess } from 'utils/CommonFunction'; + +// ==============================|| DASHBOARD - DEFAULT ||============================== // + +const Index = () => { + const [record, setRecord] = React.useState([]); + const [comboData, setComboData] = React.useState([]); + const [holidayComboData, setHolidayComboData] = React.useState([]); + const [onReady, setOnReady] = React.useState(false); + const [onSearchReady, setOnSearchReady] = React.useState(false); + const [onExportReady, setOnExportReady] = React.useState(false); + // const navigate = useNavigate() + const [searchCriteria, setSearchCriteria] = React.useState({ + year: dateStr_Year(new Date()), + // dateFrom: DateUtils.dateStr(new Date().setDate(new Date().getDate()-14)), + }); + + const [exportCriteria, setExportCriteria] = React.useState({ + // year: dateStr_Year(new Date()), + // dateFrom: DateUtils.dateStr(new Date().setDate(new Date().getDate()-14)), + }); + + const [attachments, setAttachments] = React.useState([]); + const [waitImport, setWaitImport] = React.useState(false); + const [waitDownload, setWaitDownload] = React.useState(false); + const [isWarningPopUp, setIsWarningPopUp] = React.useState(false); + const [warningText, setWarningText] = React.useState(""); + + React.useEffect(() => { + // console.log(searchCriteria) + setOnSearchReady(false) + loadForm(); + }, [searchCriteria]); + + function loadForm() { + HttpUtils.get({ + url: UrlUtils.GET_ISSUE, + params: searchCriteria, + onSuccess: (responseData) => { + // console.log(comboData) + setRecord(responseData); + if (comboData.length == 0) { + loadCombo(); + }else{ + setOnSearchReady(true) + } + } + }); + } + + function loadCombo() { + HttpUtils.get({ + url: UrlUtils.GET_ISSUE_YEAR_COMBO, + onSuccess: (responseData) => { + let combo = responseData; + setComboData(combo); + setOnSearchReady(true) + loadHolidayCombo(true) + // setOnReady(true); + } + }); + } + + function loadHolidayCombo() { + HttpUtils.get({ + url: UrlUtils.GET_HOLIDAY_COMBO, + onSuccess: (responseData) => { + let combo = responseData + setHolidayComboData(combo) + setOnExportReady(true) + setOnReady(true) + } + }); + } + + function applySearch(input) { + setSearchCriteria(input); + } + + function applyExport(input) { + setExportCriteria(input); + } + + React.useEffect(() => { + if (Object.keys(exportCriteria).length > 0) { + // console.log(exportCriteria) + doExport(); + } + }, [exportCriteria]); + + React.useEffect(() => { + if (attachments.length > 0) { + importHoliday(); + } + }, [attachments]); + + const readFile = (event) => { + let file = event.target.files[0]; + if (file) { + if (!file.name.toLowerCase().substr(file.name.length - 5).includes(".xlsx")) { + setWarningText("Please upload a valid file (File format: .xlsx)."); + setIsWarningPopUp(true); + document.getElementById("uploadFileBtn").value = ""; + return; + } + file['id'] = attachments.length; + setAttachments([ + ...attachments, + file + ]); + document.getElementById("uploadFileBtn").value = ""; + } + } + + const doExport=()=>{ + setWaitDownload(true) + HttpUtils.fileDownload({ + url: UrlUtils.GET_ISSUE_LIST, + params: exportCriteria, + onResponse: () => { + setTimeout(()=> setWaitDownload(false), 500) + } + }); + } + + const importHoliday = () => { + setWaitImport(true); + if (!attachments || attachments.length <= 0) { + setWarningText("Please upload file."); + setSaving(false); + return; + } + HttpUtils.postWithFiles({ + url: UrlUtils.POST_ISSUE_FILE, + files: attachments, + onSuccess: () => { + notifySaveSuccess() + setWaitImport(false); + setAttachments([]); + loadForm(); + } + }); + } + + return ( + !onReady ? + + + + + + : + ( + + +
    + + Gazette Issue + +
    +     + {!onExportReady? + : + + + + } + + + + { + readFile(event) + }} + /> + + + + + + + {/*row 1*/} + + + + {/*row 2*/} + {!onSearchReady? + : + + + + + + } +
    + setIsWarningPopUp(false)} + PaperProps={{ + sx: { + minWidth: '40vw', + maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '70vw' }, + maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '60vh' } + } + }} + > + Warning + + {warningText} + + + + + +
    +     + ) + ); +}; + +export default Index; \ No newline at end of file diff --git a/src/pages/Holiday/DataGrid.js b/src/pages/Holiday/DataGrid.js new file mode 100644 index 0000000..5120dff --- /dev/null +++ b/src/pages/Holiday/DataGrid.js @@ -0,0 +1,56 @@ +// material-ui +import * as React from 'react'; +// import { GridActionsCellItem, } from "@mui/x-data-grid"; +import { FiDataGrid } from "components/FiDataGrid"; +// import EditIcon from '@mui/icons-material/Edit'; +import { useEffect } from "react"; +import { dateStr } from "utils/DateUtils"; +// import { useNavigate } from "react-router-dom"; + +// ==============================|| EVENT TABLE ||============================== // + +export default function HolidayTable({ recordList }) { + const [rows, setRows] = React.useState(recordList); + + // const navigate = useNavigate() + + useEffect(() => { + // console.log(recordList) + setRows(recordList); + }, [recordList]); + + const columns = [ + { + id: 'HOLIDAY_DAY', + field: 'HOLIDAY_DAY', + headerName: 'Date', + flex: 4, + renderCell: (params) => { + let HOLIDAY_DAY = params.row.HOLIDAY_DAY; + return
    {dateStr(HOLIDAY_DAY)}
    + }, + }, + { + id: 'DESCRIPTION', + field: 'DESCRIPTION', + headerName: 'Description', + flex: 5, + }, + ]; + + // function handleRowDoubleClick(params) { + // navigate('/emailTemplate/' + params.id); + // } + + return ( +
    + 'auto'} + /> +
    + ); +} \ No newline at end of file diff --git a/src/pages/Holiday/SearchForm.js b/src/pages/Holiday/SearchForm.js new file mode 100644 index 0000000..2ebdac6 --- /dev/null +++ b/src/pages/Holiday/SearchForm.js @@ -0,0 +1,129 @@ +// material-ui +import { + Button, + Grid, + TextField, + Autocomplete, + Typography +} from '@mui/material'; +import MainCard from "components/MainCard"; +import { useForm } from "react-hook-form"; +import * as React from "react"; +// import * as DateUtils from "utils/DateUtils"; +import {PNSPS_BUTTON_THEME} from "themes/buttonConst"; +import {ThemeProvider} from "@emotion/react"; +// import * as ComboData from "utils/ComboData"; +// ==============================|| DASHBOARD - DEFAULT ||============================== // + + +const SearchHolidayForm = ({ applySearch, comboData}) => { + const [selectedYear, setSelectedYear] = React.useState([]); + // const [defaultYear, setDefaultYear] = React.useState(searchCriteria.year); + const [comboList, setComboList] = React.useState([]); + // const [onReady, setOnReady] = React.useState(false); + + const { + // register, + handleSubmit } = useForm() + + const onSubmit = () => { + if (selectedYear !=null){ + const temp = { + year: selectedYear.label, + }; + applySearch(temp); + } + }; + + React.useEffect(() => { + if (comboData && comboData.length > 0) { + // console.log(comboData) + // const labelValue = comboData.find(obj => obj.label === searchCriteria.year); + // console.log(labelValue) + if(selectedYear.length == 0){ + setSelectedYear(comboData[0]) + } + setComboList(comboData) + // setSelectedYear(searchCriteria.dateFrom) + } + }, [comboData]); + + + return ( + + +
    + + {/*row 1*/} + + + Year + + + {/*row 2*/} + + + + option.label ? option.label : ""} + onChange={(event, newValue) => { + setSelectedYear(newValue); + }} + sx={{ + "& .MuiInputBase-root": { height: "41px" }, + "#year-combo": { padding: "0px 0px 0px 0px" }, + "& .MuiAutocomplete-endAdornment": { top: "auto" }, + }} + renderInput={(params) => } + /> + + + + {/* { + setMaxDate(DateUtils.dateStr(newValue)); + }} + id="dateTo" + type="date" + label="To" + defaultValue={searchCriteria.dateTo} + /> */} + + + {/* + */} + + + + + + + + + +
    +     + ); +}; + +export default SearchHolidayForm; diff --git a/src/pages/Holiday/index.js b/src/pages/Holiday/index.js new file mode 100644 index 0000000..1a83f3d --- /dev/null +++ b/src/pages/Holiday/index.js @@ -0,0 +1,267 @@ +// material-ui +import { + Grid, + Typography, + Stack, + Button, + Dialog, DialogTitle, DialogContent, DialogActions, +} from '@mui/material'; +import * as UrlUtils from "utils/ApiPathConst"; +import * as React from "react"; +import * as HttpUtils from "utils/HttpUtils"; + +import Loadable from 'components/Loadable'; +const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); +const HolidayTable = Loadable(React.lazy(() => import('pages/Holiday/DataGrid'))) +import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' +// import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'; +import MainCard from 'components/MainCard'; +const SearchForm = Loadable(React.lazy(() => import('./SearchForm'))); + +const BackgroundHead = { + backgroundImage: `url(${titleBackgroundImg})`, + width: '100%', + height: '100%', + backgroundSize: 'contain', + backgroundRepeat: 'no-repeat', + backgroundColor: '#0C489E', + backgroundPosition: 'right' +} +// import { useNavigate } from "react-router"; +import {PNSPS_LONG_BUTTON_THEME} from "themes/buttonConst"; +import {ThemeProvider} from "@emotion/react"; +import { dateStr_Year } from "utils/DateUtils"; +import { notifySaveSuccess } from 'utils/CommonFunction'; + +// ==============================|| DASHBOARD - DEFAULT ||============================== // + +const Index = () => { + + const [record, setRecord] = React.useState([]); + const [comboData, setComboData] = React.useState([]); + const [onReady, setOnReady] = React.useState(false); + const [onSearchReady, setOnSearchReady] = React.useState(false); + // const navigate = useNavigate() + const [searchCriteria, setSearchCriteria] = React.useState({ + year: dateStr_Year(new Date()), + // dateFrom: DateUtils.dateStr(new Date().setDate(new Date().getDate()-14)), + }); + const [attachments, setAttachments] = React.useState([]); + const [waitImport, setWaitImport] = React.useState(false); + const [waitDownload, setWaitDownload] = React.useState(false); + const [isWarningPopUp, setIsWarningPopUp] = React.useState(false); + const [warningText, setWarningText] = React.useState(""); + + // React.useLayoutEffect(() => { + // loadForm(); + // }, []); + + // React.useLayoutEffect(() => { + // if (comboData) { + // setOnReady(true); + // } + // }, [comboData]); + + React.useEffect(() => { + // console.log(searchCriteria) + setOnSearchReady(false) + loadForm(); + }, [searchCriteria]); + + function loadForm() { + HttpUtils.get({ + url: UrlUtils.GET_HOLIDAY, + params: searchCriteria, + onSuccess: (responseData) => { + // console.log(comboData) + setRecord(responseData); + if (comboData.length == 0) { + loadCombo(); + }else{ + setOnSearchReady(true) + } + } + }); + } + + function loadCombo() { + HttpUtils.get({ + url: UrlUtils.GET_HOLIDAY_COMBO, + onSuccess: (responseData) => { + let combo = responseData; + setComboData(combo); + setOnReady(true); + setOnSearchReady(true) + } + }); + } + + function applySearch(input) { + setSearchCriteria(input); + } + + React.useEffect(() => { + if (attachments.length > 0) { + importHoliday(); + } + }, [attachments]); + + const readFile = (event) => { + let file = event.target.files[0]; + if (file) { + if (!file.name.toLowerCase().substr(file.name.length - 5).includes(".xlsx")) { + setWarningText("Please upload a valid file (File format: .xlsx)."); + setIsWarningPopUp(true); + document.getElementById("uploadFileBtn").value = ""; + return; + } + file['id'] = attachments.length; + setAttachments([ + ...attachments, + file + ]); + document.getElementById("uploadFileBtn").value = ""; + } + } + + const doExport=()=>{ + setWaitDownload(true) + HttpUtils.fileDownload({ + url: UrlUtils.GET_HOLIDAY_TEMPLATE, + onResponse: () => { + setTimeout(()=> setWaitDownload(false), 500) + } + }); + } + + const importHoliday = () => { + setWaitImport(true); + setOnSearchReady(false); + if (!attachments || attachments.length <= 0) { + setWarningText("Please upload file."); + setSaving(false); + return; + } + HttpUtils.postWithFiles({ + url: UrlUtils.POST_HOLIDAY, + files: attachments, + onSuccess: () => { + notifySaveSuccess() + setWaitImport(false); + setAttachments([]); + loadForm(); + } + }); + } + + return ( + !onReady ? + + + + + + : + ( + + +
    + + Holiday Setting + +
    +     + + + + + + + + + { + readFile(event) + }} + /> + + + + + + + {/*row 1*/} + + + + {/*row 2*/} + {!onSearchReady? + : + + + + + + } +
    + setIsWarningPopUp(false)} + PaperProps={{ + sx: { + minWidth: '40vw', + maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '70vw' }, + maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '60vh' } + } + }} + > + Warning + + {warningText} + + + + + +
    +     + ) + ); +}; + +export default Index; \ No newline at end of file diff --git a/src/pages/Message/Details/index.js b/src/pages/Message/Details/index.js index 29a65a2..e7eadeb 100644 --- a/src/pages/Message/Details/index.js +++ b/src/pages/Message/Details/index.js @@ -61,7 +61,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Organization/DetailPage/index.js b/src/pages/Organization/DetailPage/index.js index 5d7ee4f..efed39c 100644 --- a/src/pages/Organization/DetailPage/index.js +++ b/src/pages/Organization/DetailPage/index.js @@ -124,13 +124,13 @@ const OrganizationDetailPage = () => { return ( isLoading ? - + : - +
    diff --git a/src/pages/Organization/SearchPage/OrganizationSearchForm.js b/src/pages/Organization/SearchPage/OrganizationSearchForm.js index c3f8983..dc384b8 100644 --- a/src/pages/Organization/SearchPage/OrganizationSearchForm.js +++ b/src/pages/Organization/SearchPage/OrganizationSearchForm.js @@ -123,7 +123,7 @@ const OrganizationSearchForm = ({ applySearch }) => { renderInput={(params) => ( { return ( !onReady ? - + : - +
    diff --git a/src/pages/Payment/Card/index.js b/src/pages/Payment/Card/index.js index be8249d..9900418 100644 --- a/src/pages/Payment/Card/index.js +++ b/src/pages/Payment/Card/index.js @@ -125,7 +125,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Payment/Details_GLD/index.js b/src/pages/Payment/Details_GLD/index.js index f4f36c3..302b87c 100644 --- a/src/pages/Payment/Details_GLD/index.js +++ b/src/pages/Payment/Details_GLD/index.js @@ -79,7 +79,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Payment/Details_Public/index.js b/src/pages/Payment/Details_Public/index.js index ca4d4b6..96ee14d 100644 --- a/src/pages/Payment/Details_Public/index.js +++ b/src/pages/Payment/Details_Public/index.js @@ -92,7 +92,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Payment/FPS/AckPage.js b/src/pages/Payment/FPS/AckPage.js index d046a9b..ae0d804 100644 --- a/src/pages/Payment/FPS/AckPage.js +++ b/src/pages/Payment/FPS/AckPage.js @@ -156,7 +156,7 @@ const AckPage = () => { return ( !onReady ? - + diff --git a/src/pages/Payment/FPS/FPS.js b/src/pages/Payment/FPS/FPS.js index a2d3bce..692ee73 100644 --- a/src/pages/Payment/FPS/FPS.js +++ b/src/pages/Payment/FPS/FPS.js @@ -273,7 +273,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Payment/FPS/fpscallback.js b/src/pages/Payment/FPS/fpscallback.js index 61bce13..d721243 100644 --- a/src/pages/Payment/FPS/fpscallback.js +++ b/src/pages/Payment/FPS/fpscallback.js @@ -139,7 +139,7 @@ const Fpscallback = () => { } return ( !onReady ? - + diff --git a/src/pages/Payment/PaymentCallback.js b/src/pages/Payment/PaymentCallback.js index 3f7c095..e261213 100644 --- a/src/pages/Payment/PaymentCallback.js +++ b/src/pages/Payment/PaymentCallback.js @@ -159,7 +159,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Payment/Search_GLD/index.js b/src/pages/Payment/Search_GLD/index.js index a63903d..64860d0 100644 --- a/src/pages/Payment/Search_GLD/index.js +++ b/src/pages/Payment/Search_GLD/index.js @@ -64,7 +64,7 @@ const Index = () => { !onReady ? : - +
    diff --git a/src/pages/Proof/Create_FromApp/ProofForm.js b/src/pages/Proof/Create_FromApp/ProofForm.js index 359521a..2df0c4d 100644 --- a/src/pages/Proof/Create_FromApp/ProofForm.js +++ b/src/pages/Proof/Create_FromApp/ProofForm.js @@ -91,11 +91,11 @@ const FormPanel = ({ formData }) => { })); formik.setFieldValue("noOfPages", responseData.data.total_no_of_page); formik.setFieldValue("fee", (data.groupType == "Private Bill" ? 6552 * responseData.data.total_no_of_page : responseData.data.length * colValue)); - if(data.groupType == "Private Bill" && responseData.data.file.length>0){ + if (data.groupType == "Private Bill" && responseData.data.file.length > 0) { let attachmentList = attachments; - for(let i=0; i item.name == file.filename)["no_of_page"] = file.no_of_page; + attachmentList.find(item => item.name == file.filename)["no_of_page"] = file.no_of_page; } setAttachments(attachmentList); } @@ -129,7 +129,8 @@ const FormPanel = ({ formData }) => { length: values.length, colCount: columnPrice.colCount, noOfPages: values.noOfPages, - returnBeforeDate: DateUtils.convertToDate(values.beforeDate).getTime() + reviseDeadline: DateUtils.convertToDate(values.reviseDeadline).getTime(), + proofPaymentDeadline: DateUtils.convertToDate(values.proofPaymentDeadline).getTime() }, files: attachments, onSuccess: function (responeData) { @@ -196,15 +197,41 @@ const FormPanel = ({ formData }) => { - Return Before Date: + Deadline for proof with revison: + + + + + + + Deadline for confirm proof and payment: + + { - + { @@ -414,7 +441,7 @@ const FormPanel = ({ formData }) => { variant="contained" color="success" type="submit" - disabled = {saving} + disabled={saving} sx={{ textTransform: 'capitalize', alignItems: 'end' diff --git a/src/pages/Proof/Create_FromApp/index.js b/src/pages/Proof/Create_FromApp/index.js index 1299d75..ab5910b 100644 --- a/src/pages/Proof/Create_FromApp/index.js +++ b/src/pages/Proof/Create_FromApp/index.js @@ -59,7 +59,8 @@ const Index = () => { responseData.data["groupType"] = responseData.data.groupTitle; - responseData.data["beforeDate"] = DateUtils.datetimeFieldFormat(responseData.data.returnBeforeDate); + responseData.data["reviseDeadline"] = DateUtils.datetimeFieldFormat(responseData.data.reviseDeadline); + responseData.data["proofPaymentDeadline"] = DateUtils.datetimeFieldFormat(responseData.data.proofPaymentDeadline); setRecord(responseData.data); } }); @@ -68,7 +69,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Proof/Payment/Pay.js b/src/pages/Proof/Payment/Pay.js index 69e3e0b..5f88e61 100644 --- a/src/pages/Proof/Payment/Pay.js +++ b/src/pages/Proof/Payment/Pay.js @@ -82,7 +82,7 @@ const Index = () => { return ( !onReady ? - + @@ -113,7 +113,7 @@ const Index = () => {
    - {DateUtils.datetimeStr(record?.returnBeforeDate)} + {DateUtils.datetimeStr(record?.proofPaymentDeadline)}
    diff --git a/src/pages/Proof/Payment/Pay_Creditor.js b/src/pages/Proof/Payment/Pay_Creditor.js index 94998cf..8b7cef0 100644 --- a/src/pages/Proof/Payment/Pay_Creditor.js +++ b/src/pages/Proof/Payment/Pay_Creditor.js @@ -60,7 +60,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Proof/Reply_GLD/ApplicationDetails.js b/src/pages/Proof/Reply_GLD/ApplicationDetails.js index 7207894..557113f 100644 --- a/src/pages/Proof/Reply_GLD/ApplicationDetails.js +++ b/src/pages/Proof/Reply_GLD/ApplicationDetails.js @@ -266,10 +266,17 @@ const ApplicationDetailCard = ({ - Deadline for payment and reply： + Deadline for proof with revison： - Before {DateUtils.datetimeStr(data.returnBeforeDate)} + Before {DateUtils.datetimeStr(data.reviseDeadline)} + + + Deadline for confirm proof and payment + + + Before {DateUtils.datetimeStr(data.proofPaymentDeadline)} diff --git a/src/pages/Proof/Reply_GLD/index.js b/src/pages/Proof/Reply_GLD/index.js index 9e6e1eb..28eade1 100644 --- a/src/pages/Proof/Reply_GLD/index.js +++ b/src/pages/Proof/Reply_GLD/index.js @@ -76,10 +76,10 @@ const Index = () => { responseData.data["groupType"] = responseData.data.groupTitle; responseData.data["action"] = responseData.data.replyDate ? responseData.data.action : true; - let returnBeforeDate = DateUtils.convertToDate(responseData.data.returnBeforeDate); + let proofPaymentDeadline = DateUtils.convertToDate(responseData.data.proofPaymentDeadline); let current = new Date(); - setIsOverTime(current.getTime() > returnBeforeDate.getTime()); - setShowCancelBtn(responseData.data.cancelled || responseData.data.replyDate || current.getTime() > returnBeforeDate.getTime()) + setIsOverTime(current.getTime() > proofPaymentDeadline.getTime()); + setShowCancelBtn(responseData.data.cancelled || responseData.data.replyDate || current.getTime() > proofPaymentDeadline.getTime()) @@ -112,7 +112,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Proof/Reply_Public/ApplicationDetails.js b/src/pages/Proof/Reply_Public/ApplicationDetails.js index fa77bd7..e00e020 100644 --- a/src/pages/Proof/Reply_Public/ApplicationDetails.js +++ b/src/pages/Proof/Reply_Public/ApplicationDetails.js @@ -231,21 +231,38 @@ const ApplicationDetailCard = ({ formData, }) => { - + {/* - + */} ：   {locale === 'en' ? - `${intl.formatMessage({id: 'before'})} ${DateUtils.datetimeStr(data.returnBeforeDate)} ` + `${intl.formatMessage({id: 'before'})} ${DateUtils.datetimeStr(data.reviseDeadline)} ` : - `${DateUtils.datetimeStr_Cht(data.returnBeforeDate)} ${intl.formatMessage({id: 'before'})}` + `${DateUtils.datetimeStr_Cht(data.reviseDeadline)} ${intl.formatMessage({id: 'before'})}` } + + + + ： + + + +   + {locale === 'en' ? + `${intl.formatMessage({id: 'before'})} ${DateUtils.datetimeStr(data.proofPaymentDeadline)} ` + : + `${DateUtils.datetimeStr_Cht(data.proofPaymentDeadline)} ${intl.formatMessage({id: 'before'})}` + } + + + diff --git a/src/pages/Proof/Reply_Public/ProofForm.js b/src/pages/Proof/Reply_Public/ProofForm.js index d377dec..e7e24a3 100644 --- a/src/pages/Proof/Reply_Public/ProofForm.js +++ b/src/pages/Proof/Reply_Public/ProofForm.js @@ -131,10 +131,10 @@ const FormPanel = ({ formData }) => { } const isOverTime = () => { - let returnBeforeDate = DateUtils.convertToDate(formik.values?.returnBeforeDate); - if (!returnBeforeDate) return true; + let proofPaymentDeadline = DateUtils.convertToDate(formik.values?.proofPaymentDeadline); + if (!proofPaymentDeadline) return true; let current = new Date(); - return current.getTime() > returnBeforeDate; + return current.getTime() > proofPaymentDeadline; } diff --git a/src/pages/Proof/Reply_Public/index.js b/src/pages/Proof/Reply_Public/index.js index 0e9c584..ee00046 100644 --- a/src/pages/Proof/Reply_Public/index.js +++ b/src/pages/Proof/Reply_Public/index.js @@ -81,7 +81,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/Proof/Search_GLD/SearchForm.js b/src/pages/Proof/Search_GLD/SearchForm.js index 01a5c1d..f70070e 100644 --- a/src/pages/Proof/Search_GLD/SearchForm.js +++ b/src/pages/Proof/Search_GLD/SearchForm.js @@ -78,7 +78,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss function getIssueLabel(data) { if (data == {}) return ""; - return data.year + return data.issueYear + " Vol. " + FormatUtils.zeroPad(data.volume, 3) + ", No. " + FormatUtils.zeroPad(data.issueNo, 2) + ", " + DateUtils.dateFormat(data.issueDate, "D MMM YYYY (ddd)"); diff --git a/src/pages/Proof/Search_GLD/index.js b/src/pages/Proof/Search_GLD/index.js index 6de5186..2e7a327 100644 --- a/src/pages/Proof/Search_GLD/index.js +++ b/src/pages/Proof/Search_GLD/index.js @@ -90,13 +90,13 @@ const UserSearchPage_Individual = () => { return ( !onReady ? - + : -
    diff --git a/src/pages/Proof/Search_Public/DataGrid.js b/src/pages/Proof/Search_Public/DataGrid.js index 7d8e7d5..c15f6a0 100644 --- a/src/pages/Proof/Search_Public/DataGrid.js +++ b/src/pages/Proof/Search_Public/DataGrid.js @@ -105,15 +105,15 @@ export default function SearchPublicNoticeTable({ recordList }) { } }, { - id: 'returnBeforeDate', - field: 'returnBeforeDate', + id: 'proofPaymentDeadline', + field: 'proofPaymentDeadline', headerName: intl.formatMessage({id: 'replyBefore'}), width: isMdOrLg ? 'auto' : 250, flex: isMdOrLg ? 1.5 : undefined, valueGetter: (params) => { - let returnBeforeDate = DateUtils.convertToDate(params?.value); - returnBeforeDate = returnBeforeDate.setHours(14, 0, 0, 0); - return locale === 'en' ? DateUtils.datetimeStr(returnBeforeDate) : DateUtils.datetimeStr_Cht(returnBeforeDate); + let proofPaymentDeadline = DateUtils.convertToDate(params?.value); + proofPaymentDeadline = proofPaymentDeadline.setHours(14, 0, 0, 0); + return locale === 'en' ? DateUtils.datetimeStr(proofPaymentDeadline) : DateUtils.datetimeStr_Cht(proofPaymentDeadline); } }, { diff --git a/src/pages/Proof/Search_Public/SearchForm.js b/src/pages/Proof/Search_Public/SearchForm.js index 17bb7a7..15b9819 100644 --- a/src/pages/Proof/Search_Public/SearchForm.js +++ b/src/pages/Proof/Search_Public/SearchForm.js @@ -85,7 +85,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria, issueComboData function getIssueLabel(data) { if (data == {}) return ""; - return data.year + return data.issueYear + " Vol. " + FormatUtils.zeroPad(data.volume, 3) + ", No. " + FormatUtils.zeroPad(data.issueNo, 2) + ", " + DateUtils.dateFormat(data.issueDate, "D MMM YYYY (ddd)"); diff --git a/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js b/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js index 31a9b83..3e9d8c5 100644 --- a/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js +++ b/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js @@ -34,6 +34,7 @@ const PublicNoticeApplyForm = ({ loadedData, selections }) => { const intl = useIntl(); const [val, setVal] = React.useState({}); + const [reloadPage, setReloadPage] = React.useState(false); const [issueId, setIssueId] = React.useState(loadedData.issueId); const navigate = useNavigate(); @@ -126,7 +127,14 @@ const PublicNoticeApplyForm = ({ loadedData, selections }) => { remarks: values.remarks ? values.remarks : "", }, files: [attachment], - onSuccess: function () { + onSuccess: function (responData) { + if(responData.msg){ + setVal({}); + setReloadPage(true); + setWarningText(intl.formatMessage({id: responData.msg})); + setIsWarningPopUp(true); + return; + } notifyActionSuccess(intl.formatMessage({id: 'submissionSuccess'}) + '!') navigate("/publicNotice"); // location.reload(); @@ -155,7 +163,7 @@ const PublicNoticeApplyForm = ({ loadedData, selections }) => { return ( - +
    @@ -350,6 +358,9 @@ const PublicNoticeApplyForm = ({ loadedData, selections }) => { setIsWarningPopUp(false); }else{ setIsWarningPopUp(false); + if(reloadPage){ + location.reload(); + } } }} > diff --git a/src/pages/PublicNotice/ApplyForm/index.js b/src/pages/PublicNotice/ApplyForm/index.js index a2195ce..405df4f 100644 --- a/src/pages/PublicNotice/ApplyForm/index.js +++ b/src/pages/PublicNotice/ApplyForm/index.js @@ -53,7 +53,7 @@ const ApplyForm = () => { }; function getIssueLabel(data) { - return data.year + return data.issueYear + " Vol. " + FormatUtils.zeroPad(data.volume, 3) + ", No. " + FormatUtils.zeroPad(data.issueNo, 2) + ", " + DateUtils.dateFormat(data.issueDate, "D MMM YYYY (ddd)"); @@ -65,7 +65,7 @@ const ApplyForm = () => { return ( isLoading ? - + diff --git a/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js index 9b14856..0b8d7b6 100644 --- a/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js +++ b/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js @@ -75,9 +75,9 @@ const ApplicationDetailCard = ( const onDownloadClick = () => () => { HttpUtils.fileDownload({ - fileId: fileDetail.id, - skey: fileDetail.skey, - filename: fileDetail.filename, + fileId: fileDetail?.id, + skey: fileDetail?.skey, + filename: fileDetail?.filename, }); notifyDownloadSuccess() setUploadStatus(true) @@ -510,7 +510,7 @@ const ApplicationDetailCard = ( variant="h5" sx={{ wordBreak: 'break-word' }} > - {fileDetail.filename} + {fileDetail?.filename} @@ -519,6 +519,7 @@ const ApplicationDetailCard = ( size="small" variant="contained" onClick={onDownloadClick()} + disabled={!fileDetail?.filename} sx={{ textTransform: 'capitalize', alignItems: 'end', diff --git a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js index 71a8ec2..69ccdc6 100644 --- a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js +++ b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js @@ -95,9 +95,9 @@ const ApplicationDetailCard = ( const onDownloadClick = () => () => { HttpUtils.fileDownload({ - fileId: fileDetail.id, - skey: fileDetail.skey, - filename: fileDetail.filename, + fileId: fileDetail?.id, + skey: fileDetail?.skey, + filename: fileDetail?.filename, }); }; @@ -537,7 +537,7 @@ const ApplicationDetailCard = ( id='fileName' variant="pnspsFormParagraph" > - {fileDetail.filename} + {fileDetail?.filename} + + + + { + readFile(event) + }} + /> + + + + + + + + + + + + + + + + + + + + Result: + + {resultStr} + + + + + + +
    + setIsWarningPopUp(false)} + PaperProps={{ + sx: { + minWidth: '40vw', + maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '70vw' }, + maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '60vh' } + } + }} + > + + Action Fail + + + {warningText} + + + + + +
    +
    + setWait(false)} + PaperProps={{ + sx: { + minWidth: '40vw', + maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '70vw' }, + maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '60vh' } + } + }} + > + + Please wait ... + + +
    + + ); +}; + +export default Index; \ No newline at end of file diff --git a/src/pages/Setting/SystemSetting/index.js b/src/pages/Setting/SystemSetting/index.js index 016e401..3ba0987 100644 --- a/src/pages/Setting/SystemSetting/index.js +++ b/src/pages/Setting/SystemSetting/index.js @@ -69,7 +69,7 @@ const SystemSetting = () => { return ( - <> diff --git a/src/pages/User/DetailPage/index.js b/src/pages/User/DetailPage/index.js index 567f74a..e3b7bd9 100644 --- a/src/pages/User/DetailPage/index.js +++ b/src/pages/User/DetailPage/index.js @@ -202,13 +202,13 @@ const UserMaintainPage = () => { return ( !onReady ? - + : - +
    diff --git a/src/pages/User/DetailsPage_Individual/index.js b/src/pages/User/DetailsPage_Individual/index.js index 3467e48..fd8ec54 100644 --- a/src/pages/User/DetailsPage_Individual/index.js +++ b/src/pages/User/DetailsPage_Individual/index.js @@ -118,13 +118,13 @@ const UserMaintainPage_Individual = () => { return ( isLoading ? - + : - +
    diff --git a/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization_Pub.js b/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization_Pub.js index ed94098..7b8b7a4 100644 --- a/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization_Pub.js +++ b/src/pages/User/DetailsPage_Organization/UserInformationCard_Organization_Pub.js @@ -43,7 +43,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { // console.log(currentApplicationDetailData) if (Object.keys(currentUserData).length > 0) { setOnReady(true); - console.log(currentUserData) + // console.log(currentUserData) } }, [currentUserData]); @@ -59,7 +59,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { phoneNumber: yup.string().min(8, displayErrorMsg(intl.formatMessage({id: 'require8Number'}))).required(displayErrorMsg(intl.formatMessage({id: 'requireContactNumber'}))), }), onSubmit: (values) => { - console.log(values); + // console.log(values); HttpUtils.post({ url: UrlUtils.POST_PUB_ORG_USER, params: { @@ -105,50 +105,48 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => {
    {/*top button*/} - - - {editMode ? - <> - - - - - - - - - - : - <> - - - - - - - } + + + + {editMode ? + + + + + + + + + : + + + + + + } + {/*end top button*/} @@ -157,7 +155,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { - + {FieldUtils.getTextField({ label: intl.formatMessage({id: 'userLoginName'}) + ":", valueName: "username", @@ -166,7 +164,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { })} - + {FieldUtils.getTextField({ label: intl.formatMessage({id: 'userContactName'}) + ":", valueName: "contactPerson", @@ -175,7 +173,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { })} - + {FieldUtils.getTextField({ label: intl.formatMessage({id: 'userContactEmail'}) + ":", valueName: "emailBus", @@ -184,7 +182,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { })} - + {FieldUtils.getPhoneField({ label: intl.formatMessage({id: 'userContactNumber'}) + ":", valueName: { @@ -196,7 +194,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { })} - + {FieldUtils.getTextField({ label: intl.formatMessage({id: 'primaryUser'}) + ":", valueName: "primaryUser", diff --git a/src/pages/User/DetailsPage_Organization/index.js b/src/pages/User/DetailsPage_Organization/index.js index f226ca7..4cc506b 100644 --- a/src/pages/User/DetailsPage_Organization/index.js +++ b/src/pages/User/DetailsPage_Organization/index.js @@ -166,7 +166,7 @@ const UserMaintainPage_Organization = () => { //response.data["orgId"] = response.data.brExpiryDate?DateUtils.dateStr(response.data.brExpiryDate):""; setUserData(response.data); setOrgData(response.orgList); - console.log(response.data) + // console.log(response.data) } }); } @@ -179,13 +179,13 @@ const UserMaintainPage_Organization = () => { return ( isLoading ? - + : - +
    diff --git a/src/pages/User/GLDUserProfile/index.js b/src/pages/User/GLDUserProfile/index.js index 499ab82..42d4ce5 100644 --- a/src/pages/User/GLDUserProfile/index.js +++ b/src/pages/User/GLDUserProfile/index.js @@ -75,13 +75,13 @@ const UserMaintainPage = () => { return ( !onReady ? - + : -
    diff --git a/src/pages/User/SearchPage/index.js b/src/pages/User/SearchPage/index.js index 6d3fb7b..cda72c3 100644 --- a/src/pages/User/SearchPage/index.js +++ b/src/pages/User/SearchPage/index.js @@ -70,13 +70,13 @@ const UserSettingPage = () => { return ( !onReady ? - + : - +
    diff --git a/src/pages/User/SearchPage_Individual/index.js b/src/pages/User/SearchPage_Individual/index.js index ed9687a..44d0b30 100644 --- a/src/pages/User/SearchPage_Individual/index.js +++ b/src/pages/User/SearchPage_Individual/index.js @@ -65,13 +65,13 @@ const UserSearchPage_Individual = () => { return ( !onReady ? - + : - +
    diff --git a/src/pages/User/SearchPage_Organization/index.js b/src/pages/User/SearchPage_Organization/index.js index 7dd73ae..1730740 100644 --- a/src/pages/User/SearchPage_Organization/index.js +++ b/src/pages/User/SearchPage_Organization/index.js @@ -66,13 +66,13 @@ const UserSearchPage_Organization = () => { return ( !onReady ? - + : - +
    diff --git a/src/pages/authentication/AuthWrapper.js b/src/pages/authentication/AuthWrapper.js index ec04cfa..483b2ca 100644 --- a/src/pages/authentication/AuthWrapper.js +++ b/src/pages/authentication/AuthWrapper.js @@ -26,7 +26,7 @@ const BackgroundHead = { // ==============================|| AUTHENTICATION - WRAPPER ||============================== // const AuthWrapper = ({ children }) => ( - + {/* */} {/* banner */}
    @@ -36,7 +36,7 @@ const AuthWrapper = ({ children }) => ( justifyContent="space-between" alignItems="center" sx={{ - minHeight: '90vh' + minHeight: '87vh' }} > diff --git a/src/pages/authentication/AuthWrapperCustom.js b/src/pages/authentication/AuthWrapperCustom.js index 6070812..4783b4c 100644 --- a/src/pages/authentication/AuthWrapperCustom.js +++ b/src/pages/authentication/AuthWrapperCustom.js @@ -24,7 +24,7 @@ const AuthWrapperCustom = ({ children }) => ( justifyContent="center" alignItems="flex-start" sx={{ - minHeight: '90vh', + minHeight: '87vh', }} > {/* diff --git a/src/pages/authentication/ForgotPassword/AfterForgotPasswordPage.js b/src/pages/authentication/ForgotPassword/AfterForgotPasswordPage.js index dce2bd9..fbbe889 100644 --- a/src/pages/authentication/ForgotPassword/AfterForgotPasswordPage.js +++ b/src/pages/authentication/ForgotPassword/AfterForgotPasswordPage.js @@ -41,7 +41,7 @@ const AfterForgotPasswordPage = () => { }; return ( - +
    diff --git a/src/pages/authentication/ForgotPassword/AuthCallback/ResetPasswordSuccess.js b/src/pages/authentication/ForgotPassword/AuthCallback/ResetPasswordSuccess.js index 03bf7ea..2b81f48 100644 --- a/src/pages/authentication/ForgotPassword/AuthCallback/ResetPasswordSuccess.js +++ b/src/pages/authentication/ForgotPassword/AuthCallback/ResetPasswordSuccess.js @@ -65,13 +65,13 @@ const ResetPasswordSuccess = () => { return ( isLoading ? - + : - +
    diff --git a/src/pages/authentication/ForgotPassword/AuthCallback/index.js b/src/pages/authentication/ForgotPassword/AuthCallback/index.js index bc42a00..018ab46 100644 --- a/src/pages/authentication/ForgotPassword/AuthCallback/index.js +++ b/src/pages/authentication/ForgotPassword/AuthCallback/index.js @@ -188,13 +188,13 @@ const Index = () => { return ( isLoading || verifyState == null ? - + : - +
    diff --git a/src/pages/authentication/ForgotPassword/ForgotPasswordApplyForm.js b/src/pages/authentication/ForgotPassword/ForgotPasswordApplyForm.js index 4372701..fced818 100644 --- a/src/pages/authentication/ForgotPassword/ForgotPasswordApplyForm.js +++ b/src/pages/authentication/ForgotPassword/ForgotPasswordApplyForm.js @@ -79,7 +79,7 @@ const ForgotPasswordApplyForm = () => { }); return ( - +
    diff --git a/src/pages/authentication/ForgotPassword/index.js b/src/pages/authentication/ForgotPassword/index.js index 01aa418..5e65f0e 100644 --- a/src/pages/authentication/ForgotPassword/index.js +++ b/src/pages/authentication/ForgotPassword/index.js @@ -32,7 +32,7 @@ const ApplyForm = () => { return ( isLoading ? - + diff --git a/src/pages/authentication/ForgotUsername/AfterForgotPasswordPage.js b/src/pages/authentication/ForgotUsername/AfterForgotPasswordPage.js index dce2bd9..fbbe889 100644 --- a/src/pages/authentication/ForgotUsername/AfterForgotPasswordPage.js +++ b/src/pages/authentication/ForgotUsername/AfterForgotPasswordPage.js @@ -41,7 +41,7 @@ const AfterForgotPasswordPage = () => { }; return ( - +
    diff --git a/src/pages/authentication/ForgotUsername/AuthCallback/ResetPasswordSuccess.js b/src/pages/authentication/ForgotUsername/AuthCallback/ResetPasswordSuccess.js index 05ba6b1..148d3bd 100644 --- a/src/pages/authentication/ForgotUsername/AuthCallback/ResetPasswordSuccess.js +++ b/src/pages/authentication/ForgotUsername/AuthCallback/ResetPasswordSuccess.js @@ -77,13 +77,13 @@ const ResetPasswordSuccess = () => { return ( isLoading ? - + : - +
    diff --git a/src/pages/authentication/ForgotUsername/AuthCallback/index.js b/src/pages/authentication/ForgotUsername/AuthCallback/index.js index 739ad95..7c6d145 100644 --- a/src/pages/authentication/ForgotUsername/AuthCallback/index.js +++ b/src/pages/authentication/ForgotUsername/AuthCallback/index.js @@ -195,13 +195,13 @@ const Index = () => { return ( isLoading || verifyState == null ? - + : - +
    diff --git a/src/pages/authentication/ForgotUsername/ForgotUsernameApplyForm.js b/src/pages/authentication/ForgotUsername/ForgotUsernameApplyForm.js index e768894..30d3f2d 100644 --- a/src/pages/authentication/ForgotUsername/ForgotUsernameApplyForm.js +++ b/src/pages/authentication/ForgotUsername/ForgotUsernameApplyForm.js @@ -81,7 +81,7 @@ const ForgotUsernameApplyForm = () => { }); return ( - +
    diff --git a/src/pages/authentication/ForgotUsername/index.js b/src/pages/authentication/ForgotUsername/index.js index 5467959..f123c8f 100644 --- a/src/pages/authentication/ForgotUsername/index.js +++ b/src/pages/authentication/ForgotUsername/index.js @@ -32,7 +32,7 @@ const ApplyForm = () => { return ( isLoading ? - + diff --git a/src/pages/authentication/Verify.js b/src/pages/authentication/Verify.js index f141630..c332dd9 100644 --- a/src/pages/authentication/Verify.js +++ b/src/pages/authentication/Verify.js @@ -56,7 +56,7 @@ export default function Verify() { {isLoading || verifyState == null ? - + diff --git a/src/pages/authentication/auth-forms/AuthLogin.js b/src/pages/authentication/auth-forms/AuthLogin.js index 5812737..c4fa3a1 100644 --- a/src/pages/authentication/auth-forms/AuthLogin.js +++ b/src/pages/authentication/auth-forms/AuthLogin.js @@ -1,4 +1,6 @@ -import React, {useContext, useEffect, useState} from 'react'; +import React, { + // useContext, + useEffect, useState} from 'react'; import {useNavigate} from 'react-router-dom'; // material-ui @@ -34,9 +36,9 @@ import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons'; import axios from "axios"; import {useDispatch} from "react-redux"; import {handleLogin} from "auth/index"; -import { notifyActionSuccess } from 'utils/CommonFunction'; +// import { notifyActionSuccess } from 'utils/CommonFunction'; import {FormattedMessage} from "react-intl"; -import LocaleContext from "../../../components/I18nProvider"; +// import LocaleContext from "../../../components/I18nProvider"; // ============================|| FIREBASE - LOGIN ||============================ // const AuthLogin = () => { diff --git a/src/pages/authentication/auth-forms/AuthLoginCustom.js b/src/pages/authentication/auth-forms/AuthLoginCustom.js index c5c226e..3afe339 100644 --- a/src/pages/authentication/auth-forms/AuthLoginCustom.js +++ b/src/pages/authentication/auth-forms/AuthLoginCustom.js @@ -47,6 +47,8 @@ import useJwt from "auth/jwt/useJwt"; import { handleLogoutFunction } from 'auth/index'; import {FormattedMessage, useIntl} from "react-intl"; // import LocaleContext from "components/I18nProvider"; +const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent'))); + // ============================|| FIREBASE - LOGIN ||============================ // const AuthLoginCustom = () => { @@ -66,6 +68,7 @@ const AuthLoginCustom = () => { const [open, setOpen] = React.useState(false); const [isButtonDisabled, setIsButtonDisabled] = useState(true); const [errorMassage, setErrorMassage] = useState(''); + const [onLogin, setOnLogin] = useState(false); const handleMouseDownPassword = (event) => { event.preventDefault(); @@ -74,7 +77,7 @@ const AuthLoginCustom = () => { const tryLogin = () => { if (isValid) { dispatch(handleLogoutFunction()); - // setSumitting(true) + setOnLogin(true) useJwt .login({ username: values.username, password: values.password }) .then((response) => { @@ -114,8 +117,7 @@ const AuthLoginCustom = () => { }) .catch((error) => { // setSuccess(false) - console.error(error) - console.error(error.response.data.error) + setOnLogin(false) setErrorMassage(error.response.data.error) setOpen(true) }); @@ -323,20 +325,24 @@ const AuthLoginCustom = () => { - + {onLogin? + + : + + } diff --git a/src/pages/dashboard/GLD/index.js b/src/pages/dashboard/GLD/index.js index 4d6443f..9d60aac 100644 --- a/src/pages/dashboard/GLD/index.js +++ b/src/pages/dashboard/GLD/index.js @@ -21,7 +21,7 @@ const DashboardDefault = () => { backgroundPosition: 'right' } return ( - +
    diff --git a/src/pages/dashboard/Public/Message.js b/src/pages/dashboard/Public/Message.js index f959904..8d13377 100644 --- a/src/pages/dashboard/Public/Message.js +++ b/src/pages/dashboard/Public/Message.js @@ -26,7 +26,7 @@ const SearchDemandNoteForm = () => { const loadData = () => { HttpUtils.get({ - url: UrlUtils.GET_MSG_DESHBOARD, + url: UrlUtils.GET_MSG_DASHBOARD, onSuccess: function (response) { let list = [] response.map((item) => { diff --git a/src/pages/dashboard/Public/Notice.js b/src/pages/dashboard/Public/Notice.js index b7a1029..b518f11 100644 --- a/src/pages/dashboard/Public/Notice.js +++ b/src/pages/dashboard/Public/Notice.js @@ -1,29 +1,67 @@ // material-ui import { + Stack, Typography, - Stack + Divider } from '@mui/material'; import MainCard from "components/MainCard"; import * as React from "react"; +import * as HttpUtils from "utils/HttpUtils"; +import * as UrlUtils from "utils/ApiPathConst"; +import * as DateUtils from "utils/DateUtils"; +import { useIntl} from "react-intl"; // ==============================|| DASHBOARD - DEFAULT ||============================== // const SearchDemandNoteForm = () => { + const [itemList, setItemList] = React.useState([]); + const [listData, setListData] = React.useState([]); + const intl = useIntl(); + const { locale } = intl; + + + React.useEffect(() => { + loadData(); + }, []); + + React.useEffect(() => { + let list = [] + if(listData == []) return; + listData.map((item) => { + list.push( + + {locale === 'en' ?item.subjectEng:locale === 'zh-HK' ?item.subjectCht:item.subjectChs} + {DateUtils.dateStr(item.announceDate)} + {locale === 'en' ?item.contentEng:locale === 'zh-HK' ?item.contentCht:item.contentChs} + + + ) + }); + setItemList(list); + }, [listData,intl]); + + const loadData = () => { + + HttpUtils.get({ + url: UrlUtils.GET_ANNOUNCE_DASHBOARD, + onSuccess: function (response) { + setListData(response); + } + }); + }; + + return ( - - - - + + {itemList} - - ); }; diff --git a/src/pages/dashboard/Public/index.js b/src/pages/dashboard/Public/index.js index aaa3d18..ee7f1df 100644 --- a/src/pages/dashboard/Public/index.js +++ b/src/pages/dashboard/Public/index.js @@ -10,7 +10,7 @@ import { } from '@mui/material'; import { isORGLoggedIn, } from "utils/Utils"; import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' -import {FormattedMessage, useIntl} from "react-intl"; +import { FormattedMessage, useIntl } from "react-intl"; import AdsClickRoundedIcon from '@mui/icons-material/AdsClickRounded'; import * as React from "react"; import Loadable from 'components/Loadable'; @@ -36,7 +36,7 @@ const DashboardDefault = () => { backgroundPosition: 'right' } return ( - +
    @@ -51,10 +51,10 @@ const DashboardDefault = () => { + + { + + { } return ( - + diff --git a/src/pages/iAmSmart/DirectLoginCallback/index.js b/src/pages/iAmSmart/DirectLoginCallback/index.js index e7e3227..1223c82 100644 --- a/src/pages/iAmSmart/DirectLoginCallback/index.js +++ b/src/pages/iAmSmart/DirectLoginCallback/index.js @@ -66,7 +66,7 @@ const Index = () => { } return ( - + diff --git a/src/pages/iAmSmart/FailCallback/index.js b/src/pages/iAmSmart/FailCallback/index.js index aec67f7..0fe09dc 100644 --- a/src/pages/iAmSmart/FailCallback/index.js +++ b/src/pages/iAmSmart/FailCallback/index.js @@ -24,7 +24,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/iAmSmart/RegistryCallback/index.js b/src/pages/iAmSmart/RegistryCallback/index.js index a489d7b..362ef9b 100644 --- a/src/pages/iAmSmart/RegistryCallback/index.js +++ b/src/pages/iAmSmart/RegistryCallback/index.js @@ -46,7 +46,7 @@ const Index = () => { } return ( - + diff --git a/src/pages/iAmSmart/SuccessCallback/index.js b/src/pages/iAmSmart/SuccessCallback/index.js index 1273659..07bbb7c 100644 --- a/src/pages/iAmSmart/SuccessCallback/index.js +++ b/src/pages/iAmSmart/SuccessCallback/index.js @@ -32,7 +32,7 @@ const Index = () => { return ( !onReady ? - + diff --git a/src/pages/pnspsUserGroupDetailPage/index.js b/src/pages/pnspsUserGroupDetailPage/index.js index cfb6bb3..cc625d1 100644 --- a/src/pages/pnspsUserGroupDetailPage/index.js +++ b/src/pages/pnspsUserGroupDetailPage/index.js @@ -167,7 +167,7 @@ const UserMaintainPage = () => { return ( !onReady ? - + diff --git a/src/pages/pnspsUserGroupSearchPage/index.js b/src/pages/pnspsUserGroupSearchPage/index.js index b045aca..0d3a700 100644 --- a/src/pages/pnspsUserGroupSearchPage/index.js +++ b/src/pages/pnspsUserGroupSearchPage/index.js @@ -73,13 +73,13 @@ const UserGroupSearchPanel = () => { return ( !onReady ? - + : - +
    diff --git a/src/routes/GLDUserRoutes.js b/src/routes/GLDUserRoutes.js index 475de96..efa9b76 100644 --- a/src/routes/GLDUserRoutes.js +++ b/src/routes/GLDUserRoutes.js @@ -20,6 +20,13 @@ const DemandNote_Details = Loadable(lazy(() => import('pages/DemandNote/Details' const GFMIS_Search = Loadable(lazy(() => import('pages/GFMIS'))); const UserMaintainPage = Loadable(lazy(() => import('pages/User/GLDUserProfile'))); const SystemSetting = Loadable(lazy(() => import('pages/Setting/SystemSetting'))); +const AnnouncementDetails = Loadable(lazy(() => import('pages/Announcement/Details'))); +const AnnouncementSearch = Loadable(lazy(() => import('pages/Announcement/Search'))); +const EmailTemplatePage = Loadable(lazy(() => import('pages/EmailTemplate/Search_GLD'))); +const EmailTemplateDetailPage = Loadable(lazy(() => import('pages/EmailTemplate/Detail_GLD'))); +const HolidayPage = Loadable(lazy(() => import('pages/Holiday'))); +const GazetteIssuePage = Loadable(lazy(() => import('pages/GazetteIssue/index'))); +const DrImport = Loadable(lazy(() => import('pages/Setting/DrImport'))); // ==============================|| MAIN ROUTING ||============================== // @@ -90,6 +97,34 @@ const GLDUserRoutes = { path: '/setting/sys', element: }, + { + path: '/setting/announcement', + element: + }, + { + path: '/setting/announcement/details/:id', + element: + }, + { + path: '/setting/emailTemplate', + element: + }, + { + path: '/setting/emailTemplate/:id', + element: + }, + { + path: '/setting/holiday', + element: + }, + { + path: '/setting/gazetteissuepage', + element: + }, + { + path: '/setting/drImport', + element: + }, ] }, ] diff --git a/src/routes/PublicUserRoutes.js b/src/routes/PublicUserRoutes.js index 8ec62fc..c707e3a 100644 --- a/src/routes/PublicUserRoutes.js +++ b/src/routes/PublicUserRoutes.js @@ -28,6 +28,8 @@ const UserMaintainPage_Organization = Loadable(lazy(() => import('pages/User/Det const OrganizationDetailPage = Loadable(lazy(() => import('pages/Organization/DetailPage'))); const Msg_Details = Loadable(lazy(() => import('pages/Message/Details'))); const Msg_Search = Loadable(lazy(() => import('pages/Message/Search'))); +const AnnouncementSearch = Loadable(lazy(() => import('pages/Announcement/Search_Public'))); + // ==============================|| MAIN ROUTING ||============================== // @@ -130,6 +132,10 @@ const PublicDashboard = { path: '/msg/search', element: }, + { + path: '/announcement/search', + element: + }, ] }, ] diff --git a/src/routes/SettingRoutes.js b/src/routes/SettingRoutes.js index 6cf81c8..c9ab06f 100644 --- a/src/routes/SettingRoutes.js +++ b/src/routes/SettingRoutes.js @@ -20,8 +20,6 @@ const UserGroupDetailPage = Loadable(lazy(() => import('pages/pnspsUserGroupDeta const OrganizationSearchPage = Loadable(lazy(() => import('pages/Organization/SearchPage'))); const OrganizationDetailPage = Loadable(lazy(() => import('pages/Organization/DetailPage'))); const OrganizationDetailPage_fromUser = Loadable(lazy(() => import('pages/Organization/DetailPage_FromUser'))); -const EmailTemplatePage = Loadable(lazy(() => import('pages/EmailTemplate/Search_GLD'))); -const EmailTemplateDetailPage = Loadable(lazy(() => import('pages/EmailTemplate/Detail_GLD'))); // ==============================|| AUTH ROUTING ||============================== // @@ -82,14 +80,7 @@ const SettingRoutes = { path: 'passwordpolicy', element: }, - { - path: 'emailTemplate', - element: - }, - { - path: '/emailTemplate/:id', - element: - }, + ] }; diff --git a/src/themes/buttonConst.js b/src/themes/buttonConst.js index 6ac414b..025c764 100644 --- a/src/themes/buttonConst.js +++ b/src/themes/buttonConst.js @@ -47,6 +47,10 @@ export const PNSPS_BUTTON_THEME = createTheme({ main: '#448DF2', contrastText: '#FFFFFF', }, + green:{ + main: '#4ac234', + contrastText: '#FFFFFF', + }, orange: { main: '#ed9740', light: '#ff5e5e', diff --git a/src/translations/en.json b/src/translations/en.json index 4c3ae62..6cbc602 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -119,7 +119,7 @@ "resetPasswordSuccess": "Password reset successfully.", "securityCode": "Security Code", - "sentSecurityCode1": "We sent your code to your setting email", + "sentSecurityCode1": "We have sent an email with the verification link to your email.", "sentSecurityCode2": "Please check your emails for a message with your code.", "sentSecurityCode3": "Please check your emails for ", "sentSecurityCode4": "a message with your code.", @@ -363,7 +363,8 @@ "applicationPublishDate": "Publish date", "pleaseCheckReminder": "Please download the following printed manuscript file and proofread it carefully", "payAnd": "Pay and ", - "commentDeadline": "Deadline for submission of manuscripts", + "commentDeadline": "Deadline for proof with revison", + "paymentDeadline": "Deadline for confirm proof and payment", "before": "Before", "page": "Page", "proofReplyDate": "Proof Reply Date", @@ -377,6 +378,7 @@ "requiredUploadFix": "Please upload the modified file of the manuscript", "upload": "Upload", "actionFail": "Action failed: Please check the content and submit the reply again", + "issueInvalidMsg": "Action failed: The Gazette Issue invalid, please apply again", "transactionNo": "Transaction number", "transactionDate": "Transaction date", @@ -439,6 +441,9 @@ "create": "Create", "confirmTo": "Confirm to ", + "content": "Content", + "subject": "Subject", + "Dashboard": "Dashboard", "event": "Event" } \ No newline at end of file diff --git a/src/translations/zh-CN.json b/src/translations/zh-CN.json index 60952fd..dae5511 100644 --- a/src/translations/zh-CN.json +++ b/src/translations/zh-CN.json @@ -359,6 +359,7 @@ "pleaseCheckReminder": "请下载下列印刷稿档案，并仔细校对", "payAnd": "缴费及", "commentDeadline": "返稿最后限期", + "paymentDeadline": "确定付印及缴费最后限期", "before": "前", "page": "页", "proofReplyDate": "校对回覆日期", @@ -372,6 +373,7 @@ "requiredUploadFix": "请上载稿件修改的档案", "upload": "上载", "actionFail": "行动失败: 请检查内容并再次提交回覆", + "issueInvalidMsg": "行动失败: 无效宪报期数，请重新申请", "transactionNo": "交易号码", "transactionDate": "交易日期", @@ -434,6 +436,9 @@ "create": "创建", "confirmTo": "确定", + "content": "内容", + "subject": "主题", + "Dashboard": "仪表板", "event": "活动" } \ No newline at end of file diff --git a/src/translations/zh-HK.json b/src/translations/zh-HK.json index 977050c..0280d50 100644 --- a/src/translations/zh-HK.json +++ b/src/translations/zh-HK.json @@ -364,6 +364,7 @@ "pleaseCheckReminder": "請下載下列印刷稿檔案，並仔細校對", "payAnd": "繳費及", "commentDeadline": "返稿最後限期", + "paymentDeadline": "確定付印及繳費最後限期", "before": "前", "page": "頁", "proofReplyDate": "校對回覆日期", @@ -377,6 +378,7 @@ "requiredUploadFix": "請上載稿件修改的檔案", "upload": "上載", "actionFail": "行動失敗: 請檢查內容並再次提交回覆", + "issueInvalidMsg": "行動失敗: 無效憲報期數，請重新申請", "transactionNo": "交易號碼", "transactionDate": "交易日期", @@ -439,6 +441,9 @@ "create": "創建", "confirmTo": "確定", + "content": "内容", + "subject": "主題", + "Dashboard": "儀表板", "event": "活動" } \ No newline at end of file diff --git a/src/utils/ApiPathConst.js b/src/utils/ApiPathConst.js index 17e98f6..01ce47e 100644 --- a/src/utils/ApiPathConst.js +++ b/src/utils/ApiPathConst.js @@ -49,7 +49,12 @@ export const GET_PUB_ORG_MARK_AS_NON_CREDITOR = apiPath+'/org/pub/mark-as-non-cr export const GET_MSG_DETAILS = apiPath+'/msg/details'; export const GET_MSG_LIST = apiPath+'/msg/list'; -export const GET_MSG_DESHBOARD = apiPath+'/msg/list/deshboard'; +export const GET_MSG_DASHBOARD = apiPath+'/msg/list/deshboard'; + +export const POST_ANNOUNCE_SAVE = apiPath+'/announcement/save'; +export const GET_ANNOUNCE = apiPath+'/announcement'; +export const GET_ANNOUNCE_LIST = apiPath+'/announcement/list'; +export const GET_ANNOUNCE_DASHBOARD = apiPath+'/announcement/dashboard'; export const CHECK_OVERDUE = apiPath+'/application/check-overdue'; @@ -62,6 +67,11 @@ export const POST_FILE_LIST = apiPath+'/file/list'; export const GET_FILE_DELETE = apiPath+'/file/delete'; //export const FILE_DOWN_GET = ({id,skey,filename})=>{ return apiPath+'/file/dl/'+id+'/'+skey+'/'+filename}; +export const DR_EXPORT = apiPath+'/settings/dr/export'; +export const DR_IMPORT = apiPath+'/settings/dr/import'; + + + // POST request //Login export const POST_LOGIN = '/login'; @@ -106,7 +116,12 @@ export const SET_PUBLIC_NOTICE_STATUS_REVIEWED = apiPath+'/application/applicati export const SET_PUBLIC_NOTICE_STATUS_PUBLISH = apiPath+'/application/application-detail-status-publish'; export const UPDATE_PUBLIC_NOTICE_APPLY_DETAIL = apiPath+'/application/save'; -export const GET_ISSUE_COMBO = apiPath+'/gazette-issue/combo'; +//gazette +export const GET_ISSUE_COMBO = apiPath+'/gazette-issue/combo';//GET +export const GET_ISSUE_LIST = apiPath+'/gazette-issue/export';//GET +export const POST_ISSUE_FILE = apiPath+'/gazette-issue/import';//POST +export const GET_ISSUE = apiPath+'/gazette-issue/list'; //GET +export const GET_ISSUE_YEAR_COMBO = apiPath+'/gazette-issue/combo-year'; //GET export const CHECK_CREATE_PROOF = apiPath+'/proof/check-create';//GET export const LIST_PROOF = apiPath+'/proof/list';//GET @@ -162,4 +177,10 @@ export const GEN_GAZETTE_PROOF = apiPath+'/proof/gazetteProof'; //POST export const GEN_PAYMENT_RECEIPT = apiPath+'/payment/receipt'; //POST //gen report -export const GEN_GFMIS_XML = apiPath+'/gfmis'; //GET \ No newline at end of file +export const GEN_GFMIS_XML = apiPath+'/gfmis'; //GET + +//Holiday +export const GET_HOLIDAY = apiPath+'/holiday/list'; //GET +export const POST_HOLIDAY = apiPath+'/holiday/import'; //POST +export const GET_HOLIDAY_COMBO = apiPath+'/holiday/combo'; //GET +export const GET_HOLIDAY_TEMPLATE = apiPath+'/holiday/export'; //GET diff --git a/src/utils/DateUtils.js b/src/utils/DateUtils.js index 14821f1..2572448 100644 --- a/src/utils/DateUtils.js +++ b/src/utils/DateUtils.js @@ -9,6 +9,10 @@ export const dateStr = (date) =>{ return dateFormat(date,"YYYY-MM-DD") }; +export const dateStr_Year = (date) =>{ + return dateFormat(date,'YYYY') +}; + export const datetimeStr_Cht = (date) =>{ return dateFormat(date,"YYYY年MM月DD日 HH:mm:ss") }; diff --git a/src/utils/FieldUtils.js b/src/utils/FieldUtils.js index 96e742e..96f3e0f 100644 --- a/src/utils/FieldUtils.js +++ b/src/utils/FieldUtils.js @@ -27,25 +27,29 @@ export const getDateField = ({ label, valueName, form, disabled }) => { } export const getTextField = ({ label, valueName, form, disabled }) => { - return - - {label} - - - {initField({ - type: "text", - valueName: valueName, - form: form, - disabled: disabled - })} + return + + + + {label} + + + {initField({ + type: "text", + valueName: valueName, + form: form, + disabled: disabled + })} + + ; } export const getTextArea = ({ label, valueName, form, disabled, inputProps, ...props }) => { return - {label} @@ -73,7 +77,7 @@ export const getTextArea = ({ label, valueName, form, disabled, inputProps, ...p export const getPhoneField = ({ label, valueName, form, disabled }) => { return - {label} diff --git a/src/utils/HttpUtils.js b/src/utils/HttpUtils.js index 8209476..1c208ac 100644 --- a/src/utils/HttpUtils.js +++ b/src/utils/HttpUtils.js @@ -1,109 +1,110 @@ import axios from "axios"; -import {FILE_UP_POST, FILE_DOWN_GET} from "../utils/ApiPathConst"; +import { FILE_UP_POST, FILE_DOWN_GET } from "../utils/ApiPathConst"; -export const get = ({url, params, onSuccess, onFail, onError}) =>{ - axios.get(url,{ +export const get = ({ url, params, onSuccess, onFail, onError }) => { + axios.get(url, { params: params }).then( - (response)=>{onResponse(response, onSuccess, onFail);} + (response) => { onResponse(response, onSuccess, onFail); } ).catch(error => { - return handleError(error,onError); + return handleError(error, onError); }); }; //TODO -export const put = ({url,params, onSuccess, onFail, onError}) =>{ - axios.put(url,params).then( - (response)=>{onResponse(response, onSuccess, onFail);} +export const put = ({ url, params, onSuccess, onFail, onError }) => { + axios.put(url, params).then( + (response) => { onResponse(response, onSuccess, onFail); } ).catch(error => { - return handleError(error,onError); + return handleError(error, onError); }); }; -export const patch = ({url,params, onSuccess, onFail, onError}) =>{ - axios.patch(url,params).then( - (response)=>{onResponse(response, onSuccess, onFail);} +export const patch = ({ url, params, onSuccess, onFail, onError }) => { + axios.patch(url, params).then( + (response) => { onResponse(response, onSuccess, onFail); } ).catch(error => { - return handleError(error,onError); + return handleError(error, onError); }); }; -export const post = ({url, params, onSuccess, onFail, onError, headers}) =>{ - headers = headers?headers:{ - "Content-Type":"application/json" +export const post = ({ url, params, onSuccess, onFail, onError, headers }) => { + headers = headers ? headers : { + "Content-Type": "application/json" }; - - axios.post(url,params, + + axios.post(url, params, { - headers:headers + headers: headers }).then( - (response)=>{onResponse(response, onSuccess, onFail);} - ).catch(error => { - return handleError(error,onError); - }); + (response) => { onResponse(response, onSuccess, onFail); } + ).catch(error => { + return handleError(error, onError); + }); }; -export const postWithFiles = ({url, params, files, onSuccess, onFail, onError}) =>{ +export const postWithFiles = ({ url, params, files, onSuccess, onFail, onError }) => { var formData = new FormData(); - for (let i = 0; i < files.length; i++){ + for (let i = 0; i < files.length; i++) { const file = files[i] formData.append("multipartFileList", file); } - for (var key in params) { - if(typeof(params[key]) ==='object'){ - formData.append(key, JSON.stringify(params[key])); - }else{ - formData.append(key, params[key]); - } - } - - axios.post(url,formData, - {headers: {"Content-Type":"multipart/form-data"}}) - .then( - (response)=>{onResponse(response, onSuccess, onFail);} - ).catch(error => { - return handleError(error,onError); - }); + if (params) + for (var key in params) { + if (typeof (params[key]) === 'object') { + formData.append(key, JSON.stringify(params[key])); + } else { + formData.append(key, params[key]); + } + } + + axios.post(url, formData, + { headers: { "Content-Type": "multipart/form-data" } }) + .then( + (response) => { onResponse(response, onSuccess, onFail); } + ).catch(error => { + return handleError(error, onError); + }); }; -export const fileDownload = ({url, fileId, skey, filename, params, method, onResponse, onError}) =>{ - if(!url){ - url = FILE_DOWN_GET+"/"+fileId+"/"+skey+"/"+filename +export const fileDownload = ({ url, fileId, skey, filename, params, method, onResponse, onError }) => { + if (!url) { + url = FILE_DOWN_GET + "/" + fileId + "/" + skey + "/" + filename } - if(method == 'post'){ - axios.post( url, params, + if (method == 'post') { + axios.post(url, params, { responseType: 'blob', - headers:{ - "Content-Type":"application/json" + headers: { + "Content-Type": "application/json" } } ).then( - (response)=>{ + (response) => { fileDownloadResponse(response, onResponse) } ).catch(error => { - return handleError(error,onError); + return handleError(error, onError); }); - }else{ - axios.get( url, + } else { + axios.get(url, { responseType: 'blob', - params:params + params: params } ).then( - (response)=>{ + (response) => { fileDownloadResponse(response, onResponse) } ).catch(error => { - return handleError(error,onError); + return handleError(error, onError); }); } }; -const fileDownloadResponse=(response, onResponse)=>{ - const fn = response.headers.get("content-disposition")?.split("filename=")[1]?.split('"')[1]?.trim()??filename; +const fileDownloadResponse = (response, onResponse) => { + const fn = response.headers.get("content-disposition")?.split("filename=")[1]?.split('"')[1]?.trim() ?? filename; const url = URL.createObjectURL(response.data); const a = document.createElement('a'); a.href = url; @@ -112,47 +113,47 @@ const fileDownloadResponse=(response, onResponse)=>{ a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); - if(onResponse){ + if (onResponse) { onResponse(); } } -export const fileUpload = ({refType, refId, files, refCode, onSuccess, onFail, onError}) =>{ +export const fileUpload = ({ refType, refId, files, refCode, onSuccess, onFail, onError }) => { postWithFiles({ url: FILE_UP_POST, - params:{ + params: { refType: refType, refId: refId, refCode: refCode }, files: files, onSuccess: onSuccess, - onFail:onFail, - onError:onError + onFail: onFail, + onError: onError }); }; -const onResponse= (response, onSuccess, onFail) =>{ - if (response.status >= 300 ||response.status < 200) { +const onResponse = (response, onSuccess, onFail) => { + if (response.status >= 300 || response.status < 200) { console.log("onFail"); - if(onFail){ + if (onFail) { onFail(response); - }else{ + } else { console.log(response); } return; } - - if(onSuccess){ + + if (onSuccess) { onSuccess(response?.data); } } -const handleError= (error, onError) =>{ - if(onError){ +const handleError = (error, onError) => { + if (onError) { return onError(error); - }else{ + } else { console.log(error); return false; } diff --git a/src/utils/statusUtils/ProofStatus.js b/src/utils/statusUtils/ProofStatus.js index fdf6b39..1cdde36 100644 --- a/src/utils/statusUtils/ProofStatus.js +++ b/src/utils/statusUtils/ProofStatus.js @@ -31,7 +31,7 @@ function getStatus(params) { // console.log(params) let replyDate = params.row?params.row.replyDate:params.replyDate; let action = params.row?params.row.action:params.action; - let returnBeforeDate = params.row?params.row.returnBeforeDate:params.returnBeforeDate; + let proofPaymentDeadline = params.row?params.row.proofPaymentDeadline:params.proofPaymentDeadline; let isCancelled = params.row?params.row.cancelled:params.cancelled; if(isCancelled) return cancel; @@ -40,14 +40,14 @@ function getStatus(params) { if(replyDate){ return action?confirm:unable; }else{ - return isOverTime(returnBeforeDate)? timeOut: pendingReply; + return isOverTime(proofPaymentDeadline)? timeOut: pendingReply; } } -const isOverTime = (returnBeforeDate) => { - if (!returnBeforeDate) return true; - returnBeforeDate = DateUtils.convertToDate(returnBeforeDate); +const isOverTime = (proofPaymentDeadline) => { + if (!proofPaymentDeadline) return true; + proofPaymentDeadline = DateUtils.convertToDate(proofPaymentDeadline); let current = new Date(); - return current.getTime() > returnBeforeDate.getTime(); + return current.getTime() > proofPaymentDeadline.getTime(); }