| @@ -18,7 +18,8 @@ import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png' | |||
| import ForwardIcon from '@mui/icons-material/Forward'; | |||
| import { | |||
| isORGLoggedIn, | |||
| isDummyLoggedIn | |||
| isDummyLoggedIn, | |||
| isCreditorLoggedIn | |||
| } from "utils/Utils"; | |||
| import { useNavigate } from "react-router-dom"; | |||
| @@ -326,98 +327,100 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) => | |||
| </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 container direction="row" justifyContent="flex-start" alignItems="center"> | |||