alex
/
PNSPS-frontend-MaterialUI
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

update ui

master
Anna Ho 1 year ago
parent
84b574664e
commit
832757fcdd
3 changed files with 357 additions and 173 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +261
    -173
      src/pages/PublicNoticeDetail_GLD/ApplicationDetailCard.js
  2. +72
    -0
      src/pages/PublicNoticeDetail_GLD/ClientDetailCard.js
  3. +24
    -0
      src/pages/PublicNoticeDetail_GLD/GazetteDetailCard.js

+ 261
- 173
src/pages/PublicNoticeDetail_GLD/ApplicationDetailCard.js View File

@@ -1,8 +1,8 @@
// material-ui // material-ui
import { import {
FormControl,
FormControl,
Button, Button,
Grid,
Grid,
// InputAdornment, // InputAdornment,
Typography, FormLabel, Typography, FormLabel,
OutlinedInput, OutlinedInput,
@@ -10,11 +10,11 @@ import {
} from '@mui/material'; } from '@mui/material';
// import MainCard from "../../components/MainCard"; // import MainCard from "../../components/MainCard";
const MainCard = Loadable(lazy(() => import('components/MainCard'))); const MainCard = Loadable(lazy(() => import('components/MainCard')));
import {useForm} from "react-hook-form";
import { useForm } from "react-hook-form";
import { import {
useEffect, useEffect,
useState useState
} from "react";
} from "react";
// import Checkbox from "@mui/material/Checkbox"; // import Checkbox from "@mui/material/Checkbox";
import Loadable from 'components/Loadable'; import Loadable from 'components/Loadable';


@@ -37,7 +37,7 @@ import DownloadIcon from '@mui/icons-material/Download';


// ==============================|| DASHBOARD - DEFAULT ||============================== // // ==============================|| DASHBOARD - DEFAULT ||============================== //
const ApplicationDetailCard = ( const ApplicationDetailCard = (
{ applicationDetailData,
{ applicationDetailData,
setStatus, setStatus,
setReload, setReload,
isEditMode, isEditMode,
@@ -45,13 +45,13 @@ const ApplicationDetailCard = (
setiIsSave, setiIsSave,
// isNewRecord // isNewRecord
} }
) => {
) => {
// const params = useParams(); // const params = useParams();
const [currentApplicationDetailData, setCurrentApplicationDetailData] = useState({}); const [currentApplicationDetailData, setCurrentApplicationDetailData] = useState({});
const [companyName, setCompanyName] = useState({}); const [companyName, setCompanyName] = useState({});
const [verified, setVerified] = useState(null); const [verified, setVerified] = useState(null);
const [fileDetail, setfileDetail] = useState({}); const [fileDetail, setfileDetail] = useState({});
const [onReady,setOnReady] = useState(false);
const [onReady, setOnReady] = useState(false);
// const navigate = useNavigate() // const navigate = useNavigate()
// const params = useParams(); // const params = useParams();


@@ -60,18 +60,18 @@ const ApplicationDetailCard = (
setEditMode(true); setEditMode(true);
isEditMode(true); isEditMode(true);
}; };
const onSaveClick = () => () => { const onSaveClick = () => () => {
//upload latest data to parent //upload latest data to parent
const values = getValues(); const values = getValues();
const objectData ={
const objectData = {
...values, ...values,
} }
setUpdateApplicationObject({objectData});
setUpdateApplicationObject({ objectData });
setiIsSave(true) setiIsSave(true)
}; };


const {register,
const { register,
getValues getValues
} = useForm() } = useForm()


@@ -81,7 +81,7 @@ const ApplicationDetailCard = (
if (Object.keys(applicationDetailData).length > 0) { if (Object.keys(applicationDetailData).length > 0) {
setCurrentApplicationDetailData(applicationDetailData.data); setCurrentApplicationDetailData(applicationDetailData.data);
setCompanyName(applicationDetailData.companyName); setCompanyName(applicationDetailData.companyName);
setVerified(applicationDetailData.userData.verifiedBy?true:false)
setVerified(applicationDetailData.userData.verifiedBy ? true : false)
setfileDetail(applicationDetailData.fileDetail); setfileDetail(applicationDetailData.fileDetail);
} }
}, [applicationDetailData]); }, [applicationDetailData]);
@@ -96,9 +96,9 @@ const ApplicationDetailCard = (


const onDownloadClick = () => () => { const onDownloadClick = () => () => {
HttpUtils.fileDownload({ HttpUtils.fileDownload({
fileId:fileDetail.id,
skey:fileDetail.skey,
filename:fileDetail.filename,
fileId: fileDetail.id,
skey: fileDetail.skey,
filename: fileDetail.filename,
}); });
}; };


@@ -107,84 +107,84 @@ const ApplicationDetailCard = (
setEditMode(false) setEditMode(false)
}; };


const acceptedClick = () => () =>{
const acceptedClick = () => () => {
setStatus("accept") setStatus("accept")
}; };


const rejectedClick = () => () =>{
const rejectedClick = () => () => {
setStatus("reject") setStatus("reject")
}; };


const complatedClick = () => () =>{
const complatedClick = () => () => {
setStatus("complete") setStatus("complete")
}; };


const withdrawnClick = () => () =>{
const withdrawnClick = () => () => {
setStatus("withdraw") setStatus("withdraw")
}; };


return ( return (
!onReady ? !onReady ?
<LoadingComponent/>
<LoadingComponent />
: :
<MainCard elevation={0} <MainCard elevation={0}
border={false}
content={false}
border={false}
content={false}
> >
{verified && currentApplicationDetailData.status != "rejected"?
{verified && currentApplicationDetailData.status != "rejected" ?
<Grid container spacing={4} direction="row"> <Grid container spacing={4} direction="row">
<Grid item xs={12} md={4} > <Grid item xs={12} md={4} >
<Stack
<Stack
direction="row" direction="row"
justifyContent="space-between" justifyContent="space-between"
alignItems="center" alignItems="center"
spacing={2} spacing={2}
mb={2} mb={2}
> >
{editMode?
<>
<Button
size="large"
variant="contained"
onClick={reloadHandle()}
sx={{
textTransform: 'capitalize',
alignItems: 'end'
}}
>
Reset & Back
</Button>
<Button
size="large"
variant="contained"
onClick={onSaveClick()}
color="success"
sx={{
textTransform: 'capitalize',
alignItems: 'end'
}}
>
Save
</Button>
</>:
<>
<Grid item sx={{ml: 3, mr: 3}}>
{editMode ?
<>
<Button <Button
// size="large"
size="large"
variant="contained" variant="contained"
onClick={onEditClick()}
onClick={reloadHandle()}
sx={{ sx={{
textTransform: 'capitalize', textTransform: 'capitalize',
alignItems: 'end',
}}>
<BorderColorOutlinedIcon/>
<Typography ml={1}> Edit</Typography>
alignItems: 'end'
}}
>
Reset & Back
</Button> </Button>
</Grid>
</>
<Button
size="large"
variant="contained"
onClick={onSaveClick()}
color="success"
sx={{
textTransform: 'capitalize',
alignItems: 'end'
}}
>
Save
</Button>
</> :
<>
<Grid item sx={{ ml: 3, mr: 3 }}>
<Button
// size="large"
variant="contained"
onClick={onEditClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
}}>
<BorderColorOutlinedIcon />
<Typography ml={1}> Edit</Typography>
</Button>
</Grid>
</>
} }
{currentApplicationDetailData.status =="accepted"?
{currentApplicationDetailData.status == "accepted" ?
<Button <Button
// size="large" // size="large"
variant="contained" variant="contained"
@@ -193,92 +193,92 @@ const ApplicationDetailCard = (
textTransform: 'capitalize', textTransform: 'capitalize',
alignItems: 'end' alignItems: 'end'
}}> }}>
<EditNoteIcon/>
<EditNoteIcon />
<Typography ml={1}> Create Proof</Typography> <Typography ml={1}> Create Proof</Typography>
</Button>:
</Button> :
null null
} }
</Stack> </Stack>
</Grid> </Grid>
<Grid item xs={12} md={8} > <Grid item xs={12} md={8} >
<Stack
<Stack
direction="row" direction="row"
justifyContent="space-between" justifyContent="space-between"
alignItems="center" alignItems="center"
spacing={2} spacing={2}
mb={2} mb={2}
> >
{currentApplicationDetailData.status =="submitted"?
<>
<Button
// size="large"
variant="contained"
onClick={acceptedClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor:'#52b202'
}}>
<DoneIcon/>
<Typography ml={1}> Accept</Typography>
</Button>
<Button
// size="large"
variant="contained"
onClick={rejectedClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor:'#ffa733'
}}>
<CloseIcon/>
<Typography ml={1}> Reject</Typography>
</Button>
</>:
currentApplicationDetailData.status =="paid"?
<>
<Button
// size="large"
variant="contained"
onClick={complatedClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor:'#52b202'
}}>
<DoneIcon/>
<Typography ml={1}> Complete</Typography>
</Button>
<Button
// size="large"
variant="contained"
onClick={withdrawnClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor:'#ffa733'
}}>
<CloseIcon/>
<Typography ml={1}> Withdraw</Typography>
</Button>
</>:null
{currentApplicationDetailData.status == "submitted" ?
<>
<Button
// size="large"
variant="contained"
onClick={acceptedClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor: '#52b202'
}}>
<DoneIcon />
<Typography ml={1}> Accept</Typography>
</Button>
<Button
// size="large"
variant="contained"
onClick={rejectedClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor: '#ffa733'
}}>
<CloseIcon />
<Typography ml={1}> Reject</Typography>
</Button>
</> :
currentApplicationDetailData.status == "paid" ?
<>
<Button
// size="large"
variant="contained"
onClick={complatedClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor: '#52b202'
}}>
<DoneIcon />
<Typography ml={1}> Complete</Typography>
</Button>
<Button
// size="large"
variant="contained"
onClick={withdrawnClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
backgroundColor: '#ffa733'
}}>
<CloseIcon />
<Typography ml={1}> Withdraw</Typography>
</Button>
</> : null
} }
</Stack> </Stack>
</Grid> </Grid>
</Grid>:null
</Grid> : null
} }
<Typography variant="h5" xs={12} md={12} sx={{mb: 2, borderBottom: "1px solid black"}}>
Application Details
<Typography variant="h5" xs={12} md={12} sx={{ mb: 2, borderBottom: "1px solid black" }}>
Application Details
</Typography> </Typography>
<form> <form>
<Grid container direction="column"> <Grid container direction="column">
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Grid container direction="row" justifyContent="space-between" <Grid container direction="row" justifyContent="space-between"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{mb: 1}}>
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Application No:</FormLabel> <FormLabel>Application No:</FormLabel>
</Grid> </Grid>


@@ -292,15 +292,21 @@ const ApplicationDetailCard = (
value: currentApplicationDetailData.appNo, value: currentApplicationDetailData.appNo,
})} })}
id='appNo' id='appNo'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{mb: 1, ml:1}}>
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Status:</FormLabel> <FormLabel>Status:</FormLabel>
</Grid> </Grid>


@@ -314,49 +320,61 @@ const ApplicationDetailCard = (
</Grid> </Grid>
<Grid container direction="row" justifyContent="space-between" <Grid container direction="row" justifyContent="space-between"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{mb: 1}}>
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Applicant:</FormLabel> <FormLabel>Applicant:</FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}> <Grid item xs={12} md={9} lg={9}>
<FormControl variant="outlined" fullWidth disabled > <FormControl variant="outlined" fullWidth disabled >
{ currentApplicationDetailData.orgId===null?
<OutlinedInput
fullWidth
size="small"
{...register("contactPerson",
{
value: currentApplicationDetailData.contactPerson,
})}
id='contactPerson'
/>:
<OutlinedInput
fullWidth
size="small"
{...register("companyName",
{
value: companyName.enCompanyName,
})}
id='companyName'
/>
{currentApplicationDetailData.orgId === null ?
<OutlinedInput
fullWidth
size="small"
{...register("contactPerson",
{
value: currentApplicationDetailData.contactPerson,
})}
id='contactPerson'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> :
<OutlinedInput
fullWidth
size="small"
{...register("companyName",
{
value: companyName.enCompanyName,
})}
id='companyName'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/>
} }
</FormControl> </FormControl>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{mb: 1, ml:1}}>
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={4} lg={4} <Grid item xs={12} md={4} lg={4}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Contact Phone:</FormLabel> <FormLabel>Contact Phone:</FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={8} lg={8}> <Grid item xs={12} md={8} lg={8}>
<Stack direction="row"> <Stack direction="row">
<FormControl variant="outlined" sx={{width:'25%'}} disabled={!editMode} >
<FormControl variant="outlined" sx={{ width: '25%' }} disabled={!editMode} >
<OutlinedInput <OutlinedInput
size="small" size="small"
{...register("contactTelNo.countryCode", {...register("contactTelNo.countryCode",
@@ -364,9 +382,15 @@ const ApplicationDetailCard = (
value: currentApplicationDetailData.contactTelNo.countryCode, value: currentApplicationDetailData.contactTelNo.countryCode,
})} })}
id='countryCode' id='countryCode'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
<FormControl variant="outlined" sx={{width:'100%'}} disabled={!editMode} >
<FormControl variant="outlined" sx={{ width: '100%' }} disabled={!editMode} >
<OutlinedInput <OutlinedInput
size="small" size="small"
{...register("contactTelNo.phoneNumber", {...register("contactTelNo.phoneNumber",
@@ -374,24 +398,30 @@ const ApplicationDetailCard = (
value: currentApplicationDetailData.contactTelNo.phoneNumber, value: currentApplicationDetailData.contactTelNo.phoneNumber,
})} })}
id='phoneNumber' id='phoneNumber'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Stack> </Stack>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
</Grid>
</Grid>
<Grid container direction="row" justifyContent="space-between" <Grid container direction="row" justifyContent="space-between"
alignItems="center"> alignItems="center">
<Grid item xs={12} md={6} lg={6} sx={{mb: 1}}>
<Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Contect Person:</FormLabel> <FormLabel>Contect Person:</FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}> <Grid item xs={12} md={9} lg={9}>
<FormControl variant="outlined" fullWidth disabled={!editMode}>
<FormControl variant="outlined" fullWidth disabled={!editMode}>
<OutlinedInput <OutlinedInput
fullWidth fullWidth
size="small" size="small"
@@ -400,21 +430,27 @@ const ApplicationDetailCard = (
value: currentApplicationDetailData.contactPerson, value: currentApplicationDetailData.contactPerson,
})} })}
id='contactPerson' id='contactPerson'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5} sx={{mb: 1, ml:1}}>
<Grid item xs={12} md={5} lg={5} sx={{ mb: 1, ml: 1 }}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={4} lg={4} <Grid item xs={12} md={4} lg={4}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Contact Fax:</FormLabel> <FormLabel>Contact Fax:</FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={8} lg={8}> <Grid item xs={12} md={8} lg={8}>
<Stack direction="row"> <Stack direction="row">
<FormControl variant="outlined" sx={{width:'25%'}} disabled={!editMode}>
<FormControl variant="outlined" sx={{ width: '25%' }} disabled={!editMode}>
<OutlinedInput <OutlinedInput
size="small" size="small"
{...register("contactFaxNo.countryCode", {...register("contactFaxNo.countryCode",
@@ -422,9 +458,15 @@ const ApplicationDetailCard = (
value: currentApplicationDetailData.contactFaxNo.countryCode, value: currentApplicationDetailData.contactFaxNo.countryCode,
})} })}
id='countryCode' id='countryCode'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
<FormControl variant="outlined" sx={{width:'100%'}} disabled={!editMode}>
<FormControl variant="outlined" sx={{ width: '100%' }} disabled={!editMode}>
<OutlinedInput <OutlinedInput
size="small" size="small"
{...register("contactFaxNo.faxNumber", {...register("contactFaxNo.faxNumber",
@@ -432,6 +474,12 @@ const ApplicationDetailCard = (
value: currentApplicationDetailData.contactFaxNo.faxNumber, value: currentApplicationDetailData.contactFaxNo.faxNumber,
})} })}
id='faxNumber' id='faxNumber'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Stack> </Stack>
@@ -446,31 +494,31 @@ const ApplicationDetailCard = (
<Grid item xs={12} md={12} lg={12}> <Grid item xs={12} md={12} lg={12}>
<Grid container direction="row"> <Grid container direction="row">
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{display: 'flex', alignItems: 'center'}}>
sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel>Manuscript File:</FormLabel> <FormLabel>Manuscript File:</FormLabel>
</Grid> </Grid>
<Grid item xs={12} md={9} lg={9} sx={{display: 'flex', alignItems: 'center'}}>
<Grid item xs={12} md={9} lg={9} sx={{ display: 'flex', alignItems: 'center' }}>
<Grid container direction="row" justifyContent="flex-start"> <Grid container direction="row" justifyContent="flex-start">
<Grid item xs={12} md={5} lg={5} sx={{display: 'flex', alignItems: 'center'}}>
<Grid item xs={12} md={5} lg={5} sx={{ display: 'flex', alignItems: 'center' }}>
<FormControl variant="outlined" fullWidth > <FormControl variant="outlined" fullWidth >
<Typography <Typography
fullWidth fullWidth
id='fileName' id='fileName'
> >
{fileDetail.filename}
{fileDetail.filename}
</Typography> </Typography>
</FormControl> </FormControl>
</Grid> </Grid>
<Grid item md={2} lg={2}>
<Grid item md={2} lg={2}>
<Button <Button
size="small"
variant="contained"
onClick={onDownloadClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
}}>
<DownloadIcon/>
size="small"
variant="contained"
onClick={onDownloadClick()}
sx={{
textTransform: 'capitalize',
alignItems: 'end',
}}>
<DownloadIcon />
</Button> </Button>
</Grid> </Grid>
</Grid> </Grid>
@@ -479,7 +527,47 @@ const ApplicationDetailCard = (
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
</Grid>
</Grid>
<Grid container direction="row" justifyContent="space-between"
alignItems="center">
<Grid item xs={12} md={6} lg={6} mt={1}>
<Grid container alignItems={"center"}>
<Grid item xs={12} md={12} lg={12}>
<Grid container direction="row">
<Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center top' }}>
<FormLabel>Remarks:</FormLabel>
</Grid>
<Grid item xs={12} md={9} lg={9} sx={{ display: 'flex', alignItems: 'center' }}>
<Grid container direction="row" justifyContent="flex-start">
<FormControl variant="outlined" fullWidth disabled={!editMode}>
<OutlinedInput
fullWidth
multiline={true}
maxRows={4}
minRows={4}
rows={4}
size="small"
{...register("remarks",
{
value: currentApplicationDetailData.remarks,
})}
id='remarks'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/>
</FormControl>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
</Grid> </Grid>
</Grid> </Grid>
</form> </form>


+ 72
- 0
src/pages/PublicNoticeDetail_GLD/ClientDetailCard.js View File

@@ -145,6 +145,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.type, value: currentApplicationDetailData.type,
})} })}
id='type' id='type'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -166,6 +172,12 @@ const ClientDetailCard = (
value: companyName.enCompanyName , value: companyName.enCompanyName ,
})} })}
id='enCompanyName' id='enCompanyName'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -185,6 +197,12 @@ const ClientDetailCard = (
value: companyName.chCompanyName, value: companyName.chCompanyName,
})} })}
id='chCompanyName' id='chCompanyName'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -204,6 +222,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.contactPerson, value: currentApplicationDetailData.contactPerson,
})} })}
id='contactPerson' id='contactPerson'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -224,6 +248,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.contactTel.countryCode, value: currentApplicationDetailData.contactTel.countryCode,
})} })}
id='countryCode' id='countryCode'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
<FormControl variant="outlined" sx={{width:'100%'}} disabled> <FormControl variant="outlined" sx={{width:'100%'}} disabled>
@@ -234,6 +264,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.contactTel.phoneNumber, value: currentApplicationDetailData.contactTel.phoneNumber,
})} })}
id='phoneNumber' id='phoneNumber'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Stack> </Stack>
@@ -254,6 +290,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.emailBus, value: currentApplicationDetailData.emailBus,
})} })}
id='emailBus' id='emailBus'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -275,6 +317,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.enName, value: currentApplicationDetailData.enName,
})} })}
id='enName' id='enName'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -294,6 +342,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.chName, value: currentApplicationDetailData.chName,
})} })}
id='chName' id='chName'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -314,6 +368,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.mobileNumber.countryCode, value: currentApplicationDetailData.mobileNumber.countryCode,
})} })}
id='countryCode' id='countryCode'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
<FormControl variant="outlined" sx={{width:'100%'}} disabled> <FormControl variant="outlined" sx={{width:'100%'}} disabled>
@@ -324,6 +384,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.mobileNumber.phoneNumber, value: currentApplicationDetailData.mobileNumber.phoneNumber,
})} })}
id='phoneNumber' id='phoneNumber'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Stack> </Stack>
@@ -344,6 +410,12 @@ const ClientDetailCard = (
value: currentApplicationDetailData.emailAddress, value: currentApplicationDetailData.emailAddress,
})} })}
id='emailAddress' id='emailAddress'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>


+ 24
- 0
src/pages/PublicNoticeDetail_GLD/GazetteDetailCard.js View File

@@ -104,6 +104,12 @@ const GazetteDetailCard = (
value: issueNum, value: issueNum,
})} })}
id='issueNum' id='issueNum'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -126,6 +132,12 @@ const GazetteDetailCard = (
value: gazetteCode, value: gazetteCode,
})} })}
id='gazetteCode' id='gazetteCode'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -151,6 +163,12 @@ const GazetteDetailCard = (
value: issueDate, value: issueDate,
})} })}
id='issueDate' id='issueDate'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>
@@ -173,6 +191,12 @@ const GazetteDetailCard = (
value: groupTitle, value: groupTitle,
})} })}
id='groupTitle' id='groupTitle'
sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
}}
/> />
</FormControl> </FormControl>
</Grid> </Grid>


Write Preview
Loading…
Cancel
Save