| @@ -25,7 +25,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| const columns = [ | const columns = [ | ||||
| { | { | ||||
| field: 'announceDate', | field: 'announceDate', | ||||
| headerName: 'Announce Date', | |||||
| headerName: 'Announcement Date', | |||||
| width: 250, | width: 250, | ||||
| cellClassName: 'announceDate', | cellClassName: 'announceDate', | ||||
| renderCell: (params) => { | renderCell: (params) => { | ||||
| @@ -35,7 +35,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| { | { | ||||
| id: 'subjec', | id: 'subjec', | ||||
| field: 'subjec', | field: 'subjec', | ||||
| headerName: 'Subjec', | |||||
| headerName: 'Subject', | |||||
| minWidth: 400, | minWidth: 400, | ||||
| renderCell: (params) => { | renderCell: (params) => { | ||||
| return <> | return <> | ||||
| @@ -68,14 +68,14 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria}) => { | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:marginBottom}}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:marginBottom}}> | ||||
| <Grid container> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid container spacing={1}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| {...register("dateFrom")} | {...register("dateFrom")} | ||||
| id="dateFrom" | id="dateFrom" | ||||
| type="date" | type="date" | ||||
| label={"Submit Date(From)"} | |||||
| label={"Submit Date (From)"} | |||||
| defaultValue={searchCriteria.dateFrom} | defaultValue={searchCriteria.dateFrom} | ||||
| InputProps={{ inputProps: { max: maxDate } }} | InputProps={{ inputProps: { max: maxDate } }} | ||||
| onChange={(newValue) => { | onChange={(newValue) => { | ||||
| @@ -87,11 +87,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria}) => { | |||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1.5} s={1.5} md={1.5} lg={1} sx={{mt:0.8, display: 'flex', justifyContent:"center", alignItems: 'flex-start'}}> | |||||
| To | |||||
| </Grid> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| @@ -104,7 +100,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria}) => { | |||||
| }} | }} | ||||
| id="dateTo" | id="dateTo" | ||||
| type="date" | type="date" | ||||
| //label={"Submit Date(To)"} | |||||
| label={"Submit Date (To)"} | |||||
| defaultValue={searchCriteria.dateTo} | defaultValue={searchCriteria.dateTo} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| @@ -164,7 +164,7 @@ export default function SearchDemandNote({ recordList, reloadFun, applySearch }) | |||||
| const columns = [ | const columns = [ | ||||
| { | { | ||||
| field: 'appNo', | field: 'appNo', | ||||
| headerName: 'App No.', | |||||
| headerName: 'Application No.', | |||||
| width: 150, | width: 150, | ||||
| }, | }, | ||||
| { | { | ||||
| @@ -211,7 +211,7 @@ export default function SearchDemandNote({ recordList, reloadFun, applySearch }) | |||||
| }, | }, | ||||
| { | { | ||||
| field: 'amount', | field: 'amount', | ||||
| headerName: 'Amount($)', | |||||
| headerName: 'Amount ($)', | |||||
| width: 120, | width: 120, | ||||
| align: 'right', | align: 'right', | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| @@ -142,7 +142,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| }} | }} | ||||
| renderInput={(params) => ( | renderInput={(params) => ( | ||||
| <TextField {...params} | <TextField {...params} | ||||
| label="Gazette Issue" | |||||
| label="Gazette Issue No." | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -156,7 +156,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| fullWidth | fullWidth | ||||
| {...register("appNo")} | {...register("appNo")} | ||||
| id='appNo' | id='appNo' | ||||
| label={"App No."} | |||||
| label={"Application No."} | |||||
| defaultValue={searchCriteria.appNo} | defaultValue={searchCriteria.appNo} | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| @@ -182,7 +182,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| }} | }} | ||||
| renderInput={(params) => ( | renderInput={(params) => ( | ||||
| <TextField {...params} | <TextField {...params} | ||||
| label="BR No./Organisation" | |||||
| label="BR No./ Organisation" | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -208,8 +208,8 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> | ||||
| <Grid container> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid container spacing={1}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| {...register("dateFrom")} | {...register("dateFrom")} | ||||
| @@ -227,11 +227,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1.5} s={1.5} md={1.5} lg={1} sx={{mt:0.8, display: 'flex', justifyContent:"center", alignItems: 'flex-start'}}> | |||||
| To | |||||
| </Grid> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| @@ -244,7 +240,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| }} | }} | ||||
| id="dateTo" | id="dateTo" | ||||
| type="date" | type="date" | ||||
| //label={"Submit Date(To)"} | |||||
| label={"Issue Date (To)"} | |||||
| defaultValue={searchCriteria.dateTo} | defaultValue={searchCriteria.dateTo} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| @@ -252,14 +248,14 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> | ||||
| <Grid container> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid container spacing={1}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| {...register("dueDateFrom")} | {...register("dueDateFrom")} | ||||
| id="dueDateFrom" | id="dueDateFrom" | ||||
| type="date" | type="date" | ||||
| label={"Due Date(From)"} | |||||
| label={"Due Date (From)"} | |||||
| defaultValue={searchCriteria.dueDateFrom} | defaultValue={searchCriteria.dueDateFrom} | ||||
| InputProps={{ inputProps: { max: maxDueDate } }} | InputProps={{ inputProps: { max: maxDueDate } }} | ||||
| onChange={(newValue) => { | onChange={(newValue) => { | ||||
| @@ -271,11 +267,8 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1.5} s={1.5} md={1.5} lg={1} sx={{mt:0.8, display: 'flex', justifyContent:"center", alignItems: 'flex-start'}}> | |||||
| To | |||||
| </Grid> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| @@ -288,7 +281,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| }} | }} | ||||
| id="dueDateTo" | id="dueDateTo" | ||||
| type="date" | type="date" | ||||
| //label={"Submit Date(To)"} | |||||
| label={"Due Date (To)"} | |||||
| defaultValue={searchCriteria.dueDateTo} | defaultValue={searchCriteria.dueDateTo} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| @@ -55,25 +55,25 @@ export default function EmailTemplateTable({ recordList }) { | |||||
| { | { | ||||
| id: 'params', | id: 'params', | ||||
| field: 'params', | field: 'params', | ||||
| headerName: 'Params', | |||||
| headerName: 'Parameters', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'subjectCht', | id: 'subjectCht', | ||||
| field: 'subjectCht', | field: 'subjectCht', | ||||
| headerName: 'SubjectCht', | |||||
| headerName: 'Subject (Cht)', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'subjectChs', | id: 'subjectChs', | ||||
| field: 'subjectChs', | field: 'subjectChs', | ||||
| headerName: 'SubjectChs', | |||||
| headerName: 'Subject (Chs)', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'subjectEng', | id: 'subjectEng', | ||||
| field: 'subjectEng', | field: 'subjectEng', | ||||
| headerName: 'SubjectEng', | |||||
| headerName: 'Subject (Eng)', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| ]; | ]; | ||||
| @@ -59,7 +59,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| { | { | ||||
| id: 'payAmount', | id: 'payAmount', | ||||
| field: 'payAmount', | field: 'payAmount', | ||||
| headerName: 'Payment Amount', | |||||
| headerName: 'Amount ($)', | |||||
| flex: 5, | flex: 5, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | ||||
| @@ -73,7 +73,10 @@ const SearchPublicNoticeForm = ({ applySearch, generateXML, searchCriteria }) => | |||||
| type="date" | type="date" | ||||
| label="Credit Date" | label="Credit Date" | ||||
| defaultValue={searchCriteria.dateFrom} | defaultValue={searchCriteria.dateFrom} | ||||
| InputProps={{ inputProps: { max: maxDate } }} | |||||
| InputProps={{ | |||||
| inputProps: { | |||||
| max: maxDate, | |||||
| } }} | |||||
| // onChange={(newValue) => { | // onChange={(newValue) => { | ||||
| // setMinDate(DateUtils.dateStr(newValue)); | // setMinDate(DateUtils.dateStr(newValue)); | ||||
| // }} | // }} | ||||
| @@ -127,7 +127,9 @@ const Index = () => { | |||||
| <Grid item xs={12}> | <Grid item xs={12}> | ||||
| <div style={BackgroundHead}> | <div style={BackgroundHead}> | ||||
| <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center"> | <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center"> | ||||
| <Typography ml={15} color='#FFF' variant="h4">GFMIS</Typography> | |||||
| <Typography ml={15} color='#FFF' variant="h4"> | |||||
| GFMIS Generate XML | |||||
| </Typography> | |||||
| </Stack> | </Stack> | ||||
| </div> | </div> | ||||
| </Grid> | </Grid> | ||||
| @@ -54,7 +54,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| { | { | ||||
| id: 'fee', | id: 'fee', | ||||
| field: 'fee', | field: 'fee', | ||||
| headerName: 'Amount (HK$)', | |||||
| headerName: 'Amount ($)', | |||||
| width: 150, | width: 150, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | ||||
| @@ -70,7 +70,7 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => { | |||||
| <Grid container > | <Grid container > | ||||
| <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | ||||
| <FormLabel sx={{ color: "#000000" }}> | <FormLabel sx={{ color: "#000000" }}> | ||||
| Trans No.: | |||||
| Transaction No.: | |||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | ||||
| @@ -84,7 +84,7 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => { | |||||
| <Grid container > | <Grid container > | ||||
| <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | ||||
| <FormLabel sx={{ color: "#000000" }}> | <FormLabel sx={{ color: "#000000" }}> | ||||
| Trans Date: | |||||
| Transaction Date: | |||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | ||||
| @@ -98,7 +98,7 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => { | |||||
| <Grid container > | <Grid container > | ||||
| <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | ||||
| <FormLabel sx={{ color: "#000000" }}> | <FormLabel sx={{ color: "#000000" }}> | ||||
| Trans Time: | |||||
| Transaction Time: | |||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | ||||
| @@ -112,7 +112,7 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => { | |||||
| <Grid container > | <Grid container > | ||||
| <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | ||||
| <FormLabel sx={{ color: "#000000" }}> | <FormLabel sx={{ color: "#000000" }}> | ||||
| EGIS Ref No.: | |||||
| EGIS Reference No.: | |||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | <Grid item xs={6} md={5} sx={{ml:5, textAlign: "left" }}> | ||||
| @@ -153,7 +153,7 @@ const PaymentDetails = ({ formData,doPrint,onDownload }) => { | |||||
| <Grid item xs={12} md={12}> | <Grid item xs={12} md={12}> | ||||
| <Grid container alignItems="center"> | <Grid container alignItems="center"> | ||||
| <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | <Grid item xs={6} md={6} sx={{ml:-5, textAlign: "right" }}> | ||||
| <FormLabel sx={{ fontSize: "16px", color: "#000000" }}> | |||||
| <FormLabel sx={{ color: "#000000" }}> | |||||
| Payment Receipt: | Payment Receipt: | ||||
| </FormLabel> | </FormLabel> | ||||
| </Grid> | </Grid> | ||||
| @@ -40,28 +40,28 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| const columns = [ | const columns = [ | ||||
| { | { | ||||
| field: 'actions', | |||||
| headerName: 'Trans. No.', | |||||
| id: 'appNos', | |||||
| field: 'appNos', | |||||
| headerName: 'Application No.', | |||||
| flex: 1, | flex: 1, | ||||
| cellClassName: 'actions', | |||||
| renderCell: (params) => { | renderCell: (params) => { | ||||
| return <Button onClick={handleEditClick(params)}><u>{params.row.transNo}</u></Button>; | |||||
| let appNo = params.row.appNos; | |||||
| return <div style={{ margin: 4 }}>{appNo}</div> | |||||
| }, | }, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'appNos', | |||||
| field: 'appNos', | |||||
| headerName: 'App No.', | |||||
| field: 'actions', | |||||
| headerName: 'Transaction No.', | |||||
| flex: 1, | flex: 1, | ||||
| cellClassName: 'actions', | |||||
| renderCell: (params) => { | renderCell: (params) => { | ||||
| let appNo = params.row.appNos; | |||||
| return <div style={{ margin: 4 }}>{appNo}</div> | |||||
| return <Button onClick={handleEditClick(params)}><u>{params.row.transNo}</u></Button>; | |||||
| }, | }, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'transDateTime', | id: 'transDateTime', | ||||
| field: 'transDateTime', | field: 'transDateTime', | ||||
| headerName: 'Trans. Date', | |||||
| headerName: 'Transaction Date', | |||||
| flex: 1, | flex: 1, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return DateUtils.dateStr(params?.value); | return DateUtils.dateStr(params?.value); | ||||
| @@ -78,7 +78,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| { | { | ||||
| id: 'payAmount', | id: 'payAmount', | ||||
| field: 'payAmount', | field: 'payAmount', | ||||
| headerName: 'Amount', | |||||
| headerName: 'Amount ($)', | |||||
| width: 150, | width: 150, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | ||||
| @@ -62,7 +62,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| fullWidth | fullWidth | ||||
| {...register("code")} | {...register("code")} | ||||
| id='code' | id='code' | ||||
| label="App No.:" | |||||
| label="Application No." | |||||
| defaultValue={searchCriteria.code} | defaultValue={searchCriteria.code} | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| @@ -71,14 +71,14 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:marginBottom}}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:marginBottom}}> | ||||
| <Grid container> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid container spacing={1}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| {...register("dateFrom")} | {...register("dateFrom")} | ||||
| id="dateFrom" | id="dateFrom" | ||||
| type="date" | type="date" | ||||
| label="Trans. Date From" | |||||
| label="Transaction Date (From)" | |||||
| defaultValue={searchCriteria.dateFrom} | defaultValue={searchCriteria.dateFrom} | ||||
| InputProps={{ inputProps: { max: maxDate } }} | InputProps={{ inputProps: { max: maxDate } }} | ||||
| onChange={(newValue) => { | onChange={(newValue) => { | ||||
| @@ -89,10 +89,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| }} | }} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1.5} s={1.5} md={1.5} lg={1} sx={{mt:0.8, display: 'flex', justifyContent:"center", alignItems: 'flex-start'}}> | |||||
| To | |||||
| </Grid> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| @@ -105,7 +102,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| }} | }} | ||||
| id="dateTo" | id="dateTo" | ||||
| type="date" | type="date" | ||||
| label="Trans. Date To" | |||||
| label="Transaction Date (To)" | |||||
| defaultValue={searchCriteria.dateTo} | defaultValue={searchCriteria.dateTo} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| @@ -117,7 +114,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| fullWidth | fullWidth | ||||
| {...register("transNo")} | {...register("transNo")} | ||||
| id='transNo' | id='transNo' | ||||
| label="Trans. No.:" | |||||
| label="Transaction No." | |||||
| defaultValue={searchCriteria.transNo} | defaultValue={searchCriteria.transNo} | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| @@ -69,7 +69,7 @@ const Index = () => { | |||||
| <div style={BackgroundHead}> | <div style={BackgroundHead}> | ||||
| <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center"> | <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center"> | ||||
| <Typography ml={15} color='#FFF' variant="h4"> | <Typography ml={15} color='#FFF' variant="h4"> | ||||
| Payment Record | |||||
| Online Payment Record | |||||
| </Typography> | </Typography> | ||||
| </Stack> | </Stack> | ||||
| </div> | </div> | ||||
| @@ -68,7 +68,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| { | { | ||||
| id: 'replyDate', | id: 'replyDate', | ||||
| field: 'replyDate', | field: 'replyDate', | ||||
| headerName: 'Confirmed/Return Date', | |||||
| headerName: 'Confirmed/ Return Date', | |||||
| flex: 1, | flex: 1, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return params?.value ? DateUtils.datetimeStr(params?.value) : ""; | return params?.value ? DateUtils.datetimeStr(params?.value) : ""; | ||||
| @@ -116,7 +116,7 @@ export default function SearchPublicNoticeTable({ recordList }) { | |||||
| { | { | ||||
| id: 'fee', | id: 'fee', | ||||
| field: 'fee', | field: 'fee', | ||||
| headerName: 'Fee', | |||||
| headerName: 'Amount ($)', | |||||
| flex: 1, | flex: 1, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | return (params?.value) ? "$ " + FormatUtils.currencyFormat(params?.value) : ""; | ||||
| @@ -142,7 +142,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| fullWidth | fullWidth | ||||
| {...register("code")} | {...register("code")} | ||||
| id='code' | id='code' | ||||
| label="Application / Gazette Code" | |||||
| label="Application No. / Gazette Code" | |||||
| defaultValue={searchCriteria.code} | defaultValue={searchCriteria.code} | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| @@ -165,7 +165,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| renderInput={(params) => ( | renderInput={(params) => ( | ||||
| <TextField {...params} | <TextField {...params} | ||||
| label="Gazette Issue" | |||||
| label="Gazette Issue No." | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -199,8 +199,8 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:marginBottom}}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:marginBottom}}> | ||||
| <Grid container> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid container spacing={1}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| {...register("dateFrom")} | {...register("dateFrom")} | ||||
| @@ -217,10 +217,8 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1.5} s={1.5} md={1.5} lg={1} sx={{mt:0.8, display: 'flex', justifyContent:"center", alignItems: 'flex-start'}}> | |||||
| To | |||||
| </Grid> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| @@ -233,7 +231,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| id="dateTo" | id="dateTo" | ||||
| type="date" | type="date" | ||||
| label="Proof Issue Date(To)" | |||||
| label="Proof Issue Date (To)" | |||||
| defaultValue={searchCriteria.dateTo} | defaultValue={searchCriteria.dateTo} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| @@ -257,7 +255,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ ml: 3, mr: 3, mb: 3 }}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ ml: 3, mr: 3, mb: 3 }}> | ||||
| <Autocomplete | <Autocomplete | ||||
| {...register("status")} | {...register("status")} | ||||
| disablePortal | |||||
| disablePortal={false} | |||||
| id="status" | id="status" | ||||
| size="small" | size="small" | ||||
| filterOptions={(options) => options} | filterOptions={(options) => options} | ||||
| @@ -296,7 +294,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| renderInput={(params) => ( | renderInput={(params) => ( | ||||
| <TextField {...params} | <TextField {...params} | ||||
| label="Organisation" | |||||
| label="BR No./ Organisation" | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -42,7 +42,7 @@ export default function SearchPublicNoticeTable({ recordList, reloadFunction }) | |||||
| const columns = [ | const columns = [ | ||||
| { | { | ||||
| field: 'actions', | field: 'actions', | ||||
| headerName: 'App No.', | |||||
| headerName: 'Application No.', | |||||
| width: 150, | width: 150, | ||||
| cellClassName: 'actions', | cellClassName: 'actions', | ||||
| renderCell: (params) => { | renderCell: (params) => { | ||||
| @@ -70,7 +70,7 @@ export default function SearchPublicNoticeTable({ recordList, reloadFunction }) | |||||
| { | { | ||||
| id: 'contactPerson', | id: 'contactPerson', | ||||
| field: 'contactPerson', | field: 'contactPerson', | ||||
| headerName: 'Contact Person', | |||||
| headerName: 'Client', | |||||
| flex: 2, | flex: 2, | ||||
| renderCell: (params) => { | renderCell: (params) => { | ||||
| let company = params.row.enCompanyName != null ? params.row.enCompanyName : params.row.chCompanyName; | let company = params.row.enCompanyName != null ? params.row.enCompanyName : params.row.chCompanyName; | ||||
| @@ -109,7 +109,7 @@ export default function SearchPublicNoticeTable({ recordList, reloadFunction }) | |||||
| { | { | ||||
| id: 'issueId', | id: 'issueId', | ||||
| field: 'issueId', | field: 'issueId', | ||||
| headerName: 'Issue No', | |||||
| headerName: 'Gazette Issue No.', | |||||
| flex: 1.5, | flex: 1.5, | ||||
| valueGetter: (params) => { | valueGetter: (params) => { | ||||
| return params.row.issueYear | return params.row.issueYear | ||||
| @@ -125,7 +125,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| fullWidth | fullWidth | ||||
| {...register("appNo")} | {...register("appNo")} | ||||
| id='appNo' | id='appNo' | ||||
| label={"App No."} | |||||
| label={"Application No."} | |||||
| defaultValue={searchCriteria.appNo} | defaultValue={searchCriteria.appNo} | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| @@ -134,14 +134,14 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| </Grid> | </Grid> | ||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ ml: 3, mr: 3, mb: marginBottom }}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ ml: 3, mr: 3, mb: marginBottom }}> | ||||
| <Grid container> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid container spacing={1}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| {...register("dateFrom")} | {...register("dateFrom")} | ||||
| id="dateFrom" | id="dateFrom" | ||||
| type="date" | type="date" | ||||
| label={"Submit Date(From)"} | |||||
| label={"Submit Date (From)"} | |||||
| defaultValue={searchCriteria.dateFrom} | defaultValue={searchCriteria.dateFrom} | ||||
| InputProps={{ inputProps: { max: maxDate } }} | InputProps={{ inputProps: { max: maxDate } }} | ||||
| onChange={(newValue) => { | onChange={(newValue) => { | ||||
| @@ -152,12 +152,8 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1.5} s={1.5} md={1.5} lg={1} sx={{ mt: 0.8, display: 'flex', justifyContent: "center", alignItems: 'flex-start' }}> | |||||
| To | |||||
| </Grid> | |||||
| <Grid item xs={5.25} s={5.25} md={5.25} lg={5.5}> | |||||
| <Grid item xs={6}> | |||||
| <TextField | <TextField | ||||
| fullWidth | fullWidth | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| @@ -170,7 +166,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| id="dateTo" | id="dateTo" | ||||
| type="date" | type="date" | ||||
| //label={"Submit Date(To)"} | |||||
| label={"Submit Date (To)"} | |||||
| defaultValue={searchCriteria.dateTo} | defaultValue={searchCriteria.dateTo} | ||||
| /> | /> | ||||
| </Grid> | </Grid> | ||||
| @@ -267,7 +263,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| renderInput={(params) => ( | renderInput={(params) => ( | ||||
| <TextField {...params} | <TextField {...params} | ||||
| label="Organisation" | |||||
| label="BR No./ Organisation" | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -295,7 +291,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| }} | }} | ||||
| renderInput={(params) => ( | renderInput={(params) => ( | ||||
| <TextField {...params} | <TextField {...params} | ||||
| label="Gazette Issue" | |||||
| label="Gazette Issue No." | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -309,7 +305,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| fullWidth | fullWidth | ||||
| {...register("groupNo")} | {...register("groupNo")} | ||||
| id='groupNo' | id='groupNo' | ||||
| label="Gazette Code." | |||||
| label="Gazette Code" | |||||
| defaultValue={searchCriteria.groupNo} | defaultValue={searchCriteria.groupNo} | ||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| @@ -81,7 +81,7 @@ export default function UserTable({recordList,setChangeLocked}) { | |||||
| { | { | ||||
| id: 'username', | id: 'username', | ||||
| field: 'username', | field: 'username', | ||||
| headerName: 'User Name', | |||||
| headerName: 'Username', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| @@ -69,7 +69,7 @@ const UserSearchForm_Organization = ({applySearch}) => { | |||||
| fullWidth | fullWidth | ||||
| {...register("orgName")} | {...register("orgName")} | ||||
| id="orgName" | id="orgName" | ||||
| label="Org Name" | |||||
| label="Organisation Name" | |||||
| InputLabelProps={{ | InputLabelProps={{ | ||||
| shrink: true | shrink: true | ||||
| }} | }} | ||||
| @@ -139,7 +139,7 @@ const UserSearchForm_Organization = ({applySearch}) => { | |||||
| <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> | <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> | ||||
| <Autocomplete | <Autocomplete | ||||
| {...register("accountFilter")} | {...register("accountFilter")} | ||||
| disablePortal | |||||
| disablePortal={false} | |||||
| id="accountFilter" | id="accountFilter" | ||||
| size="small" | size="small" | ||||
| options={["All", "Active","Locked","Not verified"]} | options={["All", "Active","Locked","Not verified"]} | ||||
| @@ -49,7 +49,7 @@ export default function UserTable_Organization({recordList}) { | |||||
| { | { | ||||
| id: 'username', | id: 'username', | ||||
| field: 'username', | field: 'username', | ||||
| headerName: 'User Name', | |||||
| headerName: 'Username', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| @@ -61,19 +61,19 @@ export default function UserTable_Organization({recordList}) { | |||||
| { | { | ||||
| id: 'enCompanyName', | id: 'enCompanyName', | ||||
| field: 'enCompanyName', | field: 'enCompanyName', | ||||
| headerName: 'Company(Eng)', | |||||
| headerName: 'Company (Eng)', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'chCompanyName', | id: 'chCompanyName', | ||||
| field: 'chCompanyName', | field: 'chCompanyName', | ||||
| headerName: 'Company(Ch)', | |||||
| headerName: 'Company (Ch)', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||
| id: 'brNo', | id: 'brNo', | ||||
| field: 'brNo', | field: 'brNo', | ||||
| headerName: 'Br No', | |||||
| headerName: 'BR No.', | |||||
| flex: 1, | flex: 1, | ||||
| }, | }, | ||||
| { | { | ||||