| @@ -18,7 +18,8 @@ import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' | |||||
| import ForwardIcon from '@mui/icons-material/Forward'; | import ForwardIcon from '@mui/icons-material/Forward'; | ||||
| import { | import { | ||||
| isORGLoggedIn, | isORGLoggedIn, | ||||
| isDummyLoggedIn | |||||
| isDummyLoggedIn, | |||||
| isCreditorLoggedIn | |||||
| } from "utils/Utils"; | } from "utils/Utils"; | ||||
| import { useNavigate } from "react-router-dom"; | import { useNavigate } from "react-router-dom"; | ||||
| @@ -326,98 +327,100 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||||
| </Grid> | </Grid> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={12} alignItems={"center"} sx={{ p: 2 }}> | |||||
| <table style={tabelStyle}> | |||||
| <tbody> | |||||
| <tr style={tabelStyle}> | |||||
| <th style={tabelStyle} width="400" align="left"><FormattedMessage id="paymentMeans" /></th> | |||||
| <th style={tabelStyle} width="300" align="left"><FormattedMessage id="confirmingDealine" /></th> | |||||
| <th style={tabelStyle} width="300" align="left"><FormattedMessage id="PaymentCoonpletDealine" /></th> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payOnline" /> | |||||
| <br /><a href="#payOnlineDetails" color='#fff' onClick={() => { | |||||
| setWarningTitle(intl.formatMessage({ id: "payOnline" })) | |||||
| setWarningText( | |||||
| <><FormattedMessage id="paymentMethodMeans" /> | |||||
| <ul> | |||||
| <li><FormattedMessage id="fps" /></li> | |||||
| <li><FormattedMessage id="card" /></li> | |||||
| <li><FormattedMessage id="pps" /></li> | |||||
| </ul> | |||||
| </> | |||||
| ); | |||||
| setIsWarningPopUp(true); | |||||
| }}><FormattedMessage id="viewDetail" /></a> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 2:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payOnlineRemark" values={{ | |||||
| date: DateUtils.dateFormat(closeDate, dft) + ' 2:30 p.m.' | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}><FormattedMessage id="payDn" /> | |||||
| <br /><a href="#payDnDetails" onClick={() => { | |||||
| setWarningTitle(intl.formatMessage({ id: "payDn" })) | |||||
| setWarningText( | |||||
| <><FormattedMessage id="paymentMethodMeans" /> | |||||
| <ul> | |||||
| <li><FormattedMessage id="atm" /></li> | |||||
| <li><FormattedMessage id="pps" /></li> | |||||
| <li><FormattedMessage id="eBank" /></li> | |||||
| <li><FormattedMessage id="phoneBank" /></li> | |||||
| <li><FormattedMessage id="eCheque" /></li> | |||||
| <li><FormattedMessage id="fps" /></li> | |||||
| <li><FormattedMessage id="hkpo" /></li> | |||||
| <li><FormattedMessage id="store" /></li> | |||||
| <li><FormattedMessage id="post" /></li> | |||||
| </ul> | |||||
| <Typography variant="h6"> | |||||
| <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "proofNote" }) }} /> | |||||
| </Typography> | |||||
| </> | |||||
| ); | |||||
| setIsWarningPopUp(true); | |||||
| }}><FormattedMessage id="viewDetail" /></a> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(closingDateOff, dft)} 5:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payDnRemark" values={{ | |||||
| date: DateUtils.dateFormat(closeDate, dft) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}><FormattedMessage id="payNPGO" /> | |||||
| <br /><a href="#payNPGODetails" onClick={() => { | |||||
| setWarningTitle(intl.formatMessage({ id: "payNPGOPopUpTitle" })) | |||||
| setWarningText( | |||||
| <><FormattedMessage id="paymentMethodMeans" /> | |||||
| <ul> | |||||
| <li><FormattedMessage id="cheque" /></li> | |||||
| <li><FormattedMessage id="drafts" /></li> | |||||
| <li><FormattedMessage id="cashierOrders" /></li> | |||||
| <li><FormattedMessage id="cash" /></li> | |||||
| </ul> | |||||
| </> | |||||
| ); | |||||
| setIsWarningPopUp(true); | |||||
| }}><FormattedMessage id="viewDetail" /></a> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 12:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payNPGORemark" values={{ | |||||
| date: DateUtils.dateFormat(closeDate, dft) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| </tbody> | |||||
| </table> | |||||
| </Grid> | |||||
| {!isCreditorLoggedIn()? | |||||
| <Grid item xs={12} alignItems={"center"} sx={{ p: 2 }}> | |||||
| <table style={tabelStyle}> | |||||
| <tbody> | |||||
| <tr style={tabelStyle}> | |||||
| <th style={tabelStyle} width="400" align="left"><FormattedMessage id="paymentMeans" /></th> | |||||
| <th style={tabelStyle} width="300" align="left"><FormattedMessage id="confirmingDealine" /></th> | |||||
| <th style={tabelStyle} width="300" align="left"><FormattedMessage id="PaymentCoonpletDealine" /></th> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payOnline" /> | |||||
| <br /><a href="#payOnlineDetails" color='#fff' onClick={() => { | |||||
| setWarningTitle(intl.formatMessage({ id: "payOnline" })) | |||||
| setWarningText( | |||||
| <><FormattedMessage id="paymentMethodMeans" /> | |||||
| <ul> | |||||
| <li><FormattedMessage id="fps" /></li> | |||||
| <li><FormattedMessage id="card" /></li> | |||||
| <li><FormattedMessage id="pps" /></li> | |||||
| </ul> | |||||
| </> | |||||
| ); | |||||
| setIsWarningPopUp(true); | |||||
| }}><FormattedMessage id="viewDetail" /></a> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 2:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payOnlineRemark" values={{ | |||||
| date: DateUtils.dateFormat(closeDate, dft) + ' 2:30 p.m.' | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}><FormattedMessage id="payDn" /> | |||||
| <br /><a href="#payDnDetails" onClick={() => { | |||||
| setWarningTitle(intl.formatMessage({ id: "payDn" })) | |||||
| setWarningText( | |||||
| <><FormattedMessage id="paymentMethodMeans" /> | |||||
| <ul> | |||||
| <li><FormattedMessage id="atm" /></li> | |||||
| <li><FormattedMessage id="pps" /></li> | |||||
| <li><FormattedMessage id="eBank" /></li> | |||||
| <li><FormattedMessage id="phoneBank" /></li> | |||||
| <li><FormattedMessage id="eCheque" /></li> | |||||
| <li><FormattedMessage id="fps" /></li> | |||||
| <li><FormattedMessage id="hkpo" /></li> | |||||
| <li><FormattedMessage id="store" /></li> | |||||
| <li><FormattedMessage id="post" /></li> | |||||
| </ul> | |||||
| <Typography variant="h6"> | |||||
| <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "proofNote" }) }} /> | |||||
| </Typography> | |||||
| </> | |||||
| ); | |||||
| setIsWarningPopUp(true); | |||||
| }}><FormattedMessage id="viewDetail" /></a> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(closingDateOff, dft)} 5:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payDnRemark" values={{ | |||||
| date: DateUtils.dateFormat(closeDate, dft) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <td style={tabelStyle}><FormattedMessage id="payNPGO" /> | |||||
| <br /><a href="#payNPGODetails" onClick={() => { | |||||
| setWarningTitle(intl.formatMessage({ id: "payNPGOPopUpTitle" })) | |||||
| setWarningText( | |||||
| <><FormattedMessage id="paymentMethodMeans" /> | |||||
| <ul> | |||||
| <li><FormattedMessage id="cheque" /></li> | |||||
| <li><FormattedMessage id="drafts" /></li> | |||||
| <li><FormattedMessage id="cashierOrders" /></li> | |||||
| <li><FormattedMessage id="cash" /></li> | |||||
| </ul> | |||||
| </> | |||||
| ); | |||||
| setIsWarningPopUp(true); | |||||
| }}><FormattedMessage id="viewDetail" /></a> | |||||
| </td> | |||||
| <td style={tabelStyle}>{DateUtils.dateFormat(closeDate, dft)} 12:00 p.m.</td> | |||||
| <td style={tabelStyle}> | |||||
| <FormattedMessage id="payNPGORemark" values={{ | |||||
| date: DateUtils.dateFormat(closeDate, dft) + " 12:30 p.m." | |||||
| }} /> | |||||
| </td> | |||||
| </tr> | |||||
| </tbody> | |||||
| </table> | |||||
| </Grid> : null | |||||
| } | |||||
| <Grid item xs={12} md={12} lg={12}> | <Grid item xs={12} md={12} lg={12}> | ||||
| <Grid container direction="row" justifyContent="flex-start" alignItems="center"> | <Grid container direction="row" justifyContent="flex-start" alignItems="center"> | ||||