alex
/
PNSPS-frontend-MaterialUI
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
1070 Incheckningar
5 Grenar
19 MiB
 
 
Träd: ec5aa563e4
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från 'ec5aa563e4'
${ noResults }
PNSPS-frontend-MaterialUI/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js

765 rader
44 KiB
Rå Blame Historik 

  1. // material-ui

  2. import {

  3.     FormControl,

  4.     Button,

  5.     Grid,

  6.     Typography, FormLabel,

  7.     TextField,

  8.     OutlinedInput,

  9.     Stack,

  10.     Dialog, DialogTitle, DialogContent, DialogActions, InputAdornment,

  11. } from '@mui/material';

  12. import {isGranted, delBugMode } from "auth/utils";

  13. const MainCard = Loadable(lazy(() => import('components/MainCard')));

  14. import { useForm } from "react-hook-form";

  15. import {

  16.     useEffect,

  17.     useState,

  18.     lazy

  19. } from "react";

  20. 

  21. import Loadable from 'components/Loadable';

  22. 

  23. const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingComponent')));

  24. import * as HttpUtils from "utils/HttpUtils"

  25. import * as DateUtils from "utils/DateUtils"

  26. import {CHECK_CREATE_PROOF,UPDATE_GLDREMARKS } from "utils/ApiPathConst"

  27. import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";

  28. 

  29. import DoneIcon from '@mui/icons-material/Done';

  30. import CloseIcon from '@mui/icons-material/Close';

  31. import EditNoteIcon from '@mui/icons-material/EditNote';

  32. import DownloadIcon from '@mui/icons-material/Download';

  33. import ReplayIcon from '@mui/icons-material/Replay';

  34. import { notifyDownloadSuccess } from 'utils/CommonFunction';

  35. 

  36. // ==============================|| DASHBOARD - DEFAULT ||============================== //

  37. const ApplicationDetailCard = (

  38.     { applicationDetailData,

  39.         setStatus,

  40.         setUploadStatus

  41.     }

  42. ) => {

  43. 

  44.     const [currentApplicationDetailData, setCurrentApplicationDetailData] = useState({});

  45.     const [companyName, setCompanyName] = useState({});

  46.     const [verified, setVerified] = useState(null);

  47.     const [fileDetail, setfileDetail] = useState({});

  48.     const [onReady, setOnReady] = useState(false);

  49. 

  50.     const { register,handleSubmit } = useForm()

  51. 

  52.     const [isWarningPopUp, setIsWarningPopUp] = useState(false);

  53.     const [warningText, setWarningText] = useState("");

  54.     

  55.     const [remarksPopUp, setRemarksPopUp] = useState(false);

  56. 

  57.     useEffect(() => {

  58.         //if user data from parent are not null

  59.         // console.log(applicationDetailData)

  60.         if (Object.keys(applicationDetailData).length > 0) {

  61.             loadApplicationDetail()

  62.         }

  63.     }, [applicationDetailData]);

  64. 

  65.     useEffect(() => {

  66.         //if state data are ready and assign to different field

  67.         // console.log(currentApplicationDetailData)

  68.         if (Object.keys(currentApplicationDetailData).length > 0) {

  69.             setOnReady(true);

  70.         }

  71.     }, [currentApplicationDetailData]);

  72. 

  73.     const loadApplicationDetail = () => {

  74.         setCurrentApplicationDetailData(applicationDetailData.data);

  75.         setCompanyName(applicationDetailData.companyName);

  76.         setVerified(applicationDetailData.userData.verifiedBy ? true : false)

  77.         setfileDetail(applicationDetailData.fileDetail);

  78.         // setReload(false)

  79.     }

  80. 

  81.     const onDownloadClick = () => () => {

  82.         HttpUtils.fileDownload({

  83.             fileId: fileDetail?.id,

  84.             skey: fileDetail?.skey,

  85.             filename: fileDetail?.filename,

  86.         });

  87.         notifyDownloadSuccess()

  88.         setUploadStatus(true)

  89.     };

  90. 

  91. 

  92.     const reSubmitClick = () => () => {

  93.         setStatus("resubmit")

  94.     };

  95. 

  96.     const notAcceptedClick = () => () => {

  97.         setStatus("notAccepted")

  98.     };

  99. 

  100.     const setCompleteDisable = () => {

  101.         if (delBugMode) return false;

  102.         return (new Date()).getTime() < DateUtils.convertToDate(applicationDetailData.gazetteIssueDetail.issueDate).getTime();

  103.     }

  104. 

  105.     const complatedClick = () => () => {

  106.         let issueDate = DateUtils.convertToDate(applicationDetailData.gazetteIssueDetail.issueDate);

  107.         let current = new Date();

  108.         if (delBugMode) {

  109.             setStatus("complete")

  110.         } else if (current.getTime() >= issueDate.getTime()) {

  111.             setStatus("complete")

  112.         }

  113.     };

  114. 

  115.     const withdrawnClick = () => () => {

  116.         setStatus("withdraw")

  117.     };

  118. 

  119.     const doPublish = () => () => {

  120.         setStatus("publish")

  121.     }

  122. 

  123.     const revokeClick = () => () => {

  124.         setStatus("revoke")

  125.     };

  126. 

  127.     const onProofClick = () => {

  128.         if (applicationDetailData.data.groupNo) {

  129.             HttpUtils.get({

  130.                 url: CHECK_CREATE_PROOF + "/" + currentApplicationDetailData.id,

  131.                 onSuccess: function (responeData) {

  132.                     if (responeData.success == true) {

  133.                         window.open("/proof/create/" + currentApplicationDetailData.id, "_blank", "noreferrer");

  134.                         window.addEventListener("focus", onFocus)

  135.                     } else {

  136.                         let msg = responeData.msg;

  137.                         if (msg === "haveActiveProof") {

  138.                             msg = "Action Failed: There is already a pending payment and proofreading record for client review."

  139.                         } else if (msg === "haveProofed") {

  140.                             msg = "Action Failed: Already proofed."

  141.                         }

  142.                         setWarningText(msg);

  143.                         setIsWarningPopUp(true);

  144.                     }

  145.                 }

  146.             });

  147.         } else {

  148.             setWarningText("Please generate Gazette Code before Create Proof.");

  149.             setIsWarningPopUp(true);

  150.         }

  151. 

  152.     }

  153. 

  154.     const onFocus = () => {

  155.         location.reload();

  156.         window.removeEventListener("focus", onFocus)

  157.     }

  158. 

  159.     const onSubmit = (data) => {

  160.         // console.log(data)

  161.         const gldRemarks = data.makeRemarks

  162.         if (gldRemarks!=null&&gldRemarks!=currentApplicationDetailData.gldRemarks){

  163.             HttpUtils.post({

  164.                 url: UPDATE_GLDREMARKS + "/" + currentApplicationDetailData.id,

  165.                 params: {

  166.                     gldRemarks: gldRemarks

  167.                 },

  168.                 onSuccess: function () {

  169.                     location.reload();

  170.                 },

  171.                 onError: (error) => {

  172.                     alert(error)

  173.                 }

  174.             });

  175.         }else{

  176.             setRemarksPopUp(false)

  177.         }

  178. 

  179.     };

  180. 

  181.     return (

  182.         !onReady ?

  183.             <LoadingComponent />

  184.             :

  185.             <MainCard elevation={0}

  186.                 border={false}

  187.                 content={false}

  188.             >

  189.                 {verified && currentApplicationDetailData.status !== "notAccepted" ?

  190.                     <Grid container spacing={4} direction="row">

  191.                         <Grid item xs={12} md={4} >

  192.                             <Stack

  193.                                 direction="row"

  194.                                 justifyContent="flex-start"

  195.                                 alignItems="center"

  196.                                 spacing={2}

  197.                                 mb={2}

  198.                             >

  199.                                 {currentApplicationDetailData.status === "reviewed" && isGranted("MAINTAIN_PROOF") ?

  200.                                     <Button

  201.                                         // size="large"

  202.                                         variant="contained"

  203.                                         onClick={() => { onProofClick() }}

  204.                                         sx={{

  205.                                             textTransform: 'capitalize',

  206.                                             alignItems: 'end'

  207.                                         }}>

  208.                                         <EditNoteIcon />

  209.                                         <Typography ml={1} variant="h5"> Create Proof</Typography>

  210.                                     </Button> :

  211.                                     null

  212.                                 }

  213.                             </Stack>

  214.                         </Grid>

  215.                         <Grid item xs={12} md={8} >

  216.                             <Stack

  217.                                 direction="row"

  218.                                 justifyContent="flex-start"

  219.                                 alignItems="center"

  220.                                 spacing={2}

  221.                                 mb={2}

  222.                             >

  223.                                 {currentApplicationDetailData.status === "submitted" || currentApplicationDetailData.status == "reviewed" ?

  224.                                     <>

  225.                                         <Button

  226.                                             // size="large"

  227.                                             variant="contained"

  228.                                             onClick={reSubmitClick()}

  229.                                             color="orange"

  230.                                         >

  231.                                             <ReplayIcon />

  232.                                             <Typography ml={1} variant="h5"> Re-Submit</Typography>

  233.                                         </Button>

  234.                                         <Button

  235.                                             // size="large"

  236.                                             variant="contained"

  237.                                             onClick={notAcceptedClick()}

  238.                                             color="error"

  239.                                             sx={{

  240.                                                 textTransform: 'capitalize',

  241.                                                 alignItems: 'end',

  242.                                             }}>

  243.                                             <CloseIcon />

  244.                                             <Typography ml={1} variant="h5">Not Accept</Typography>

  245.                                         </Button>

  246.                                     </> :

  247.                                     (currentApplicationDetailData.status == "confirmed" && currentApplicationDetailData.creditor == 1) ?

  248.                                         <>

  249.                                             <Button

  250.                                                 // size="large"

  251.                                                 variant="contained"

  252.                                                 onClick={doPublish()}

  253.                                                 disabled={setCompleteDisable()}

  254.                                                 sx={{

  255.                                                     textTransform: 'capitalize',

  256.                                                     alignItems: 'end',

  257.                                                     backgroundColor: '#52b202'

  258.                                                 }}>

  259.                                                 <DoneIcon />

  260.                                                 <Typography ml={1} variant="h5">Publish</Typography>

  261.                                             </Button>

  262.                                             <Button

  263.                                                 // size="large"

  264.                                                 variant="contained"

  265.                                                 onClick={withdrawnClick()}

  266.                                                 sx={{

  267.                                                     textTransform: 'capitalize',

  268.                                                     alignItems: 'end',

  269.                                                     backgroundColor: '#ffa733'

  270.                                                 }}>

  271.                                                 <CloseIcon />

  272.                                                 <Typography ml={1} variant="h5">Withdraw</Typography>

  273.                                             </Button>

  274.                                         </>

  275.                                         :

  276.                                         (currentApplicationDetailData.status == "confirmed" && currentApplicationDetailData.creditor == 0) ?

  277.                                             <>

  278.                                                 <Button

  279.                                                     // size="large"

  280.                                                     variant="contained"

  281.                                                     onClick={withdrawnClick()}

  282.                                                     sx={{

  283.                                                         textTransform: 'capitalize',

  284.                                                         alignItems: 'end',

  285.                                                         backgroundColor: '#ffa733'

  286.                                                     }}>

  287.                                                     <CloseIcon />

  288.                                                     <Typography ml={1} variant="h5">Withdraw</Typography>

  289.                                                 </Button>

  290.                                             </>

  291.                                             :

  292.                                             (

  293.                                                 (currentApplicationDetailData.status == "paid" && currentApplicationDetailData.creditor == 0) ?

  294.                                                     <>

  295.                                                         <Button

  296.                                                             // size="large"

  297.                                                             variant="contained"

  298.                                                             onClick={revokeClick()}

  299.                                                             disabled={currentApplicationDetailData.paymentMethod=="online"||currentApplicationDetailData.paymentMethod==null}

  300.                                                             sx={{

  301.                                                                 textTransform: 'capitalize',

  302.                                                                 alignItems: 'end',

  303.                                                                 backgroundColor: '#ffa733'

  304.                                                             }}>

  305.                                                             

  306.                                                             <ReplayIcon />

  307.                                                             <Typography ml={1} variant="h5">Revoke Payment</Typography>

  308.                                                         </Button>

  309.                                                         <Button

  310.                                                             // size="large"

  311.                                                             variant="contained"

  312.                                                             onClick={complatedClick()}

  313.                                                             disabled={setCompleteDisable()}

  314.                                                             sx={{

  315.                                                                 textTransform: 'capitalize',

  316.                                                                 alignItems: 'end',

  317.                                                                 backgroundColor: '#52b202'

  318.                                                             }}>

  319. 

  320.                                                             <DoneIcon />

  321.                                                             <Typography ml={1} variant="h5">Publish</Typography>

  322.                                                         </Button>

  323.                                                         <Button

  324.                                                             // size="large"

  325.                                                             variant="contained"

  326.                                                             onClick={withdrawnClick()}

  327.                                                             sx={{

  328.                                                                 textTransform: 'capitalize',

  329.                                                                 alignItems: 'end',

  330.                                                                 backgroundColor: '#ffa733'

  331.                                                             }}>

  332.                                                             <CloseIcon />

  333.                                                             <Typography ml={1} variant="h5">Withdraw</Typography>

  334.                                                         </Button>

  335.                                                     </> : null

  336.                                             )

  337. 

  338.                                 }

  339.                             </Stack>

  340.                         </Grid>

  341.                     </Grid> : null

  342.                 }

  343.                 <Typography variant="h4" xs={12} md={12} sx={{ mb: 2, borderBottom: "1px solid black" }}>

  344.                     Application Details

  345.                 </Typography>

  346.                 <form>

  347.                     <Grid container direction="column">

  348.                         <Grid item xs={12} md={12}>

  349.                             <Grid container direction="row" justifyContent="flex-start"

  350.                                 alignItems="center">

  351.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>

  352.                                     <Grid container alignItems={"center"}>

  353.                                         <Grid item xs={12} md={4} lg={4}

  354.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  355.                                             <FormLabel><Typography variant="h5">Application No:</Typography></FormLabel>

  356.                                         </Grid>

  357. 

  358.                                         <Grid item xs={12} md={8} lg={8}>

  359.                                             <FormControl variant="outlined" fullWidth disabled >

  360.                                                 <OutlinedInput

  361.                                                     fullWidth

  362.                                                     size="small"

  363.                                                     {...register("appNo",

  364.                                                         {

  365.                                                             value: currentApplicationDetailData.appNo,

  366.                                                         })}

  367.                                                     id='appNo'

  368.                                                     sx={{

  369.                                                         "& .MuiInputBase-input.Mui-disabled": {

  370.                                                             WebkitTextFillColor: "#000000",

  371.                                                             background: "#f8f8f8",

  372.                                                         },

  373.                                                     }}

  374.                                                 />

  375.                                             </FormControl>

  376.                                         </Grid>

  377.                                     </Grid>

  378.                                 </Grid>

  379.                                 <Grid item xs={12} sm={12} md={5.5} lg={5} sx={{ mb: 1 , ml: { md: 1, lg: 3 } }}>

  380.                                     <Grid container alignItems={"center"}>

  381.                                         <Grid item xs={12} md={4} lg={4}

  382.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  383.                                             <FormLabel><Typography variant="h5">Status:</Typography></FormLabel>

  384.                                         </Grid>

  385. 

  386.                                         <Grid item xs={12} md={8} lg={8}>

  387.                                             <FormControl variant="outlined">

  388.                                                 {StatusUtils.getStatusByTextEng(currentApplicationDetailData.status, currentApplicationDetailData.creditor)}

  389.                                             </FormControl>

  390.                                         </Grid>

  391.                                     </Grid>

  392.                                     {

  393.                                         currentApplicationDetailData.reason ?

  394.                                             <Grid item xs={12} md={12} lg={12}>

  395.                                                 <Grid container alignItems={"center"} direction="row" >

  396. 

  397.                                                     <Grid item xs={12} md={4} lg={4}>

  398.                                                         <FormLabel><Typography variant="h5">Reason:</Typography></FormLabel>

  399.                                                     </Grid>

  400.                                                     <Grid item xs={12} md={8} lg={8}>

  401.                                                         <FormLabel>

  402.                                                             <Typography id='reason' variant="pnspsFormParagraph">

  403.                                                                 {currentApplicationDetailData.reason}

  404.                                                             </Typography>

  405.                                                         </FormLabel>

  406.                                                     </Grid>

  407. 

  408.                                                 </Grid>

  409.                                             </Grid>

  410.                                             : ""

  411.                                     }

  412.                                 </Grid>

  413.                             </Grid>

  414.                             <Grid container direction="row" justifyContent="flex-start"

  415.                                 alignItems="center">

  416.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>

  417.                                     <Grid container alignItems={"center"}>

  418.                                         <Grid item xs={12} md={4} lg={4}

  419.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  420.                                             <FormLabel><Typography variant="h5">Applicant:</Typography></FormLabel>

  421.                                         </Grid>

  422. 

  423.                                         <Grid item xs={12} md={8} lg={8}>

  424.                                             <FormControl variant="outlined" fullWidth disabled >

  425.                                                 {currentApplicationDetailData.orgId === null ?

  426.                                                     <OutlinedInput

  427.                                                         fullWidth

  428.                                                         size="small"

  429.                                                         {...register("contactPerson",

  430.                                                             {

  431.                                                                 value: currentApplicationDetailData.contactPerson,

  432.                                                             })}

  433.                                                         id='contactPerson'

  434.                                                         sx={{

  435.                                                             "& .MuiInputBase-input.Mui-disabled": {

  436.                                                                 WebkitTextFillColor: "#000000",

  437.                                                                 background: "#f8f8f8",

  438.                                                             },

  439.                                                         }}

  440.                                                     /> :

  441.                                                     <OutlinedInput

  442.                                                         fullWidth

  443.                                                         size="small"

  444.                                                         {...register("companyName",

  445.                                                             {

  446.                                                                 value: companyName.enCompanyName,

  447.                                                             })}

  448.                                                         id='companyName'

  449.                                                         sx={{

  450.                                                             "& .MuiInputBase-input.Mui-disabled": {

  451.                                                                 WebkitTextFillColor: "#000000",

  452.                                                                 background: "#f8f8f8",

  453.                                                             },

  454.                                                         }}

  455.                                                     />

  456.                                                 }

  457.                                             </FormControl>

  458.                                         </Grid>

  459.                                     </Grid>

  460.                                 </Grid>

  461.                                 <Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: { md: 1, lg: 3 } }}>

  462.                                     <Grid container alignItems={"center"}>

  463.                                         <Grid item xs={12} md={4} lg={4}

  464.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  465.                                             <FormLabel><Typography variant="h5">Contact Phone:</Typography></FormLabel>

  466.                                         </Grid>

  467. 

  468.                                         <Grid item xs={12} md={8} lg={8}>

  469.                                             <Stack direction="row">

  470.                                                 <FormControl variant="outlined" sx={{ width: '25%', minWidth: 100, }} disabled >

  471.                                                     <OutlinedInput

  472.                                                         size="small"

  473.                                                         {...register("contactTelNo.countryCode",

  474.                                                             {

  475.                                                                 value: currentApplicationDetailData.contactTelNo.countryCode,

  476.                                                             })}

  477.                                                         id='countryCode'

  478.                                                         sx={{

  479.                                                             "& .MuiInputBase-input.Mui-disabled": {

  480.                                                                 WebkitTextFillColor: "#000000",

  481.                                                                 background: "#f8f8f8",

  482.                                                             },

  483.                                                             mr: 1

  484.                                                         }}

  485.                                                         inputProps={{

  486.                                                             maxLength: 3,

  487.                                                         }}

  488.                                                         endAdornment={<InputAdornment position="end">-</InputAdornment>}

  489.                                                     />

  490.                                                 </FormControl>

  491.                                                 <FormControl variant="outlined" sx={{ width: '75%' }} disabled >

  492.                                                     <OutlinedInput

  493.                                                         size="small"

  494.                                                         type="tel"

  495.                                                         {...register("contactTelNo.phoneNumber",

  496.                                                             {

  497.                                                                 value: currentApplicationDetailData.contactTelNo.phoneNumber,

  498.                                                             })}

  499.                                                         id='phoneNumber'

  500.                                                         sx={{

  501.                                                             "& .MuiInputBase-input.Mui-disabled": {

  502.                                                                 WebkitTextFillColor: "#000000",

  503.                                                                 background: "#f8f8f8",

  504.                                                             },

  505.                                                         }}

  506.                                                         inputProps={{

  507.                                                             maxLength: 11,

  508.                                                         }}

  509.                                                     />

  510.                                                 </FormControl>

  511.                                             </Stack>

  512.                                         </Grid>

  513.                                     </Grid>

  514.                                 </Grid>

  515.                             </Grid>

  516.                             <Grid container direction="row" justifyContent="flex-start"

  517.                                 alignItems="center">

  518.                                 <Grid item xs={12} md={6} lg={6} sx={{ mb: 1 }}>

  519.                                     <Grid container alignItems={"center"}>

  520.                                         <Grid item xs={12} md={4} lg={4}

  521.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  522.                                             <FormLabel><Typography variant="h5">Contact Person:</Typography></FormLabel>

  523.                                         </Grid>

  524. 

  525.                                         <Grid item xs={12} md={8} lg={8}>

  526.                                             <FormControl variant="outlined" fullWidth disabled>

  527.                                                 <OutlinedInput

  528.                                                     fullWidth

  529.                                                     size="small"

  530.                                                     {...register("contactPerson",

  531.                                                         {

  532.                                                             value: currentApplicationDetailData.contactPerson,

  533.                                                         })}

  534.                                                     id='contactPerson'

  535.                                                     sx={{

  536.                                                         "& .MuiInputBase-input.Mui-disabled": {

  537.                                                             WebkitTextFillColor: "#000000",

  538.                                                             background: "#f8f8f8",

  539.                                                         },

  540.                                                     }}

  541.                                                 />

  542.                                             </FormControl>

  543.                                         </Grid>

  544.                                     </Grid>

  545.                                 </Grid>

  546.                                 <Grid item xs={12} md={5.5} lg={5.5} sx={{ mb: 1, ml: { md: 1, lg: 3 } }}>

  547.                                     <Grid container alignItems={"center"}>

  548.                                         <Grid item xs={12} md={4} lg={4}

  549.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  550.                                             <FormLabel><Typography variant="h5">Contact Fax:</Typography></FormLabel>

  551.                                         </Grid>

  552. 

  553.                                         <Grid item xs={12} md={8} lg={8}>

  554.                                             <Stack direction="row">

  555.                                                 <FormControl variant="outlined" sx={{ width: '25%', minWidth: 100, }} disabled>

  556.                                                     <OutlinedInput

  557.                                                         size="small"

  558.                                                         {...register("contactFaxNo.countryCode",

  559.                                                             {

  560.                                                                 value: currentApplicationDetailData.contactFaxNo.countryCode,

  561.                                                             })}

  562.                                                         id='countryCode'

  563.                                                         sx={{

  564.                                                             "& .MuiInputBase-input.Mui-disabled": {

  565.                                                                 WebkitTextFillColor: "#000000",

  566.                                                                 background: "#f8f8f8",

  567.                                                             },

  568.                                                             mr: 1,

  569.                                                         }}

  570.                                                         inputProps={{

  571.                                                             maxLength: 3,

  572.                                                             type: "tel"

  573.                                                         }}

  574.                                                         endAdornment={<InputAdornment position="end">-</InputAdornment>}

  575.                                                     />

  576.                                                 </FormControl>

  577.                                                 <FormControl variant="outlined" sx={{ width: '75%' }} disabled>

  578.                                                     <OutlinedInput

  579.                                                         size="small"

  580.                                                         type="tel"

  581.                                                         {...register("contactFaxNo.faxNumber",

  582.                                                             {

  583.                                                                 value: currentApplicationDetailData.contactFaxNo.faxNumber,

  584.                                                             })}

  585.                                                         id='faxNumber'

  586.                                                         sx={{

  587.                                                             "& .MuiInputBase-input.Mui-disabled": {

  588.                                                                 WebkitTextFillColor: "#000000",

  589.                                                                 background: "#f8f8f8",

  590.                                                             },

  591.                                                         }}

  592.                                                         inputProps={{

  593.                                                             maxLength: 8,

  594.                                                         }}

  595.                                                     />

  596.                                                 </FormControl>

  597.                                             </Stack>

  598.                                         </Grid>

  599.                                     </Grid>

  600.                                 </Grid>

  601.                             </Grid>

  602.                             <Grid container direction="row" justifyContent="flex-start"

  603.                                 alignItems="center">

  604.                                 <Grid item xs={12} md={12} lg={12} mt={1} >

  605.                                     <Grid container alignItems={"center"}>

  606.                                         <Grid item xs={12} md={12} lg={12}>

  607.                                             <Grid container direction="row">

  608.                                                 <Grid item xs={12} md={2} lg={2}

  609.                                                     sx={{ display: 'flex', alignItems: 'center' }}>

  610.                                                     <FormLabel><Typography variant="h5" >Manuscript File:</Typography></FormLabel>

  611.                                                 </Grid>

  612.                                                 <Grid item xs={12} md={8} lg={8} sx={{ display: 'flex', alignItems: 'center' }}>

  613.                                                     <Grid container direction="row" justifyContent="flex-start">

  614.                                                         <Grid item xs={10} md={8} lg={8} sx={{ display: 'flex', alignItems: 'center' }}>

  615.                                                             <FormControl variant="outlined" fullWidth  >

  616.                                                                 <Typography

  617.                                                                     // fullWidth

  618.                                                                     id='fileName'

  619.                                                                     variant="h5"

  620.                                                                     sx={{ wordBreak: 'break-word' }}

  621.                                                                 >

  622.                                                                     {fileDetail?.filename}

  623.                                                                 </Typography>

  624.                                                             </FormControl>

  625.                                                         </Grid>

  626.                                                         <Grid item md={2} lg={2}>

  627.                                                             <Button

  628.                                                                 size="small"

  629.                                                                 variant="contained"

  630.                                                                 onClick={onDownloadClick()}

  631.                                                                 disabled={!fileDetail?.filename}

  632.                                                                 sx={{

  633.                                                                     textTransform: 'capitalize',

  634.                                                                     alignItems: 'end',

  635.                                                                 }}>

  636.                                                                 <DownloadIcon />

  637.                                                             </Button>

  638.                                                         </Grid>

  639.                                                     </Grid>

  640.                                                 </Grid>

  641.                                             </Grid>

  642.                                         </Grid>

  643.                                     </Grid>

  644.                                 </Grid>

  645.                             </Grid>

  646.                             <Grid container direction="row" justifyContent="space-start" alignItems="center">

  647.                                 <Grid item xs={12} md={12} lg={12} sx={{ mb: 1, }}>

  648.                                     <Grid container alignItems={"center"}>

  649.                                         <Grid item xs={12} md={2} lg={2}

  650.                                             sx={{ display: 'flex', alignItems: 'center' }}>

  651.                                             <FormLabel><Typography variant="h5">Remarks:</Typography></FormLabel>

  652.                                         </Grid>

  653. 

  654.                                         <Grid item xs={12} md={10} lg={10}>

  655.                                             <Grid container direction="row" >

  656.                                                 <Grid item  xs={12} md={9} lg={9} >

  657.                                                     <FormControl variant="outlined" fullWidth disabled >

  658.                                                         <OutlinedInput

  659.                                                             fullWidth

  660.                                                             size="small"

  661.                                                             {...register("gldRemarks",

  662.                                                                 {

  663.                                                                     value: currentApplicationDetailData.gldRemarks,

  664.                                                                 })}

  665.                                                             id='appNo'

  666.                                                             sx={{

  667.                                                                 "& .MuiInputBase-input.Mui-disabled": {

  668.                                                                     WebkitTextFillColor: "#000000",

  669.                                                                     background: "#f8f8f8",

  670.                                                                 },

  671.                                                             }}

  672.                                                         />

  673.                                                     </FormControl>

  674.                                                 </Grid>

  675.                                                 <Grid item  xs={12} ml={1} md={2} lg={2}>

  676.                                                     <Button

  677.                                                         // size="large"

  678.                                                         variant="contained"

  679.                                                         onClick={() => setRemarksPopUp(true)}

  680.                                                         sx={{

  681.                                                             textTransform: 'capitalize',

  682.                                                             alignItems: 'end',

  683.                                                             

  684.                                                         }}>

  685.                                                         <EditNoteIcon />

  686.                                                         <Typography ml={1} variant="h5"> Edit</Typography>

  687.                                                     </Button>

  688.                                                 </Grid>

  689.                                             </Grid>

  690.                                         </Grid>

  691. 

  692.                                     </Grid>

  693.                                 </Grid>

  694.                             </Grid>

  695.                         </Grid>

  696.                     </Grid>

  697.                 </form>

  698.                 <div>

  699.                     <Dialog

  700.                         open={isWarningPopUp}

  701.                         onClose={() => setIsWarningPopUp(false)}

  702.                         PaperProps={{

  703.                             sx: {

  704.                                 minWidth: '40vw',

  705.                                 maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '70vw' },

  706.                                 maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '60vh' }

  707.                             }

  708.                         }}

  709.                     >

  710.                         <DialogTitle><Typography variant="h3">Warning</Typography></DialogTitle>

  711.                         <DialogContent style={{ display: 'flex', }}>

  712.                             <Typography variant="h4" style={{ padding: '16px' }}>{warningText}</Typography>

  713.                         </DialogContent>

  714.                         <DialogActions>

  715.                             <Button onClick={() => setIsWarningPopUp(false)}><Typography variant="h5">OK</Typography></Button>

  716.                         </DialogActions>

  717.                     </Dialog>

  718.                 </div>

  719.                 <div>

  720.                     <Dialog

  721.                         open={remarksPopUp}

  722.                         onClose={() => setRemarksPopUp(false)}

  723.                         PaperProps={{

  724.                             sx: {

  725.                                 minWidth: '40vw',

  726.                                 maxWidth: { xs: '90vw', s: '90vw', m: '70vw', lg: '70vw' },

  727.                                 maxHeight: { xs: '90vh', s: '70vh', m: '70vh', lg: '60vh' }

  728.                             }

  729.                         }}

  730.                     >

  731.                         <form onSubmit={handleSubmit(onSubmit)}>

  732.                             <DialogTitle><Typography variant="h3">Remarks</Typography></DialogTitle>

  733.                             <DialogContent style={{ display: 'flex', }}>

  734.                                 <Grid container direction="column">

  735.                                     <Grid item sx={{ padding: '16px' }}>

  736.                                         <TextField

  737.                                             fullWidth

  738.                                             {...register("makeRemarks")}

  739.                                             id='makeRemarks'

  740.                                             // label="Remarks"

  741.                                             defaultValue={currentApplicationDetailData.gldRemarks!=null?currentApplicationDetailData.gldRemarks:""}

  742.                                             InputLabelProps={{

  743.                                                 shrink: true

  744.                                             }}

  745.                                         />

  746.                                     </Grid>

  747.                                 </Grid>

  748. 

  749.                             </DialogContent>

  750.                             <DialogActions>

  751.                                 <Stack direction="row" justifyContent="space-between">

  752.                                     <Button onClick={() => setRemarksPopUp(false)}><Typography variant="h5">Cancel</Typography></Button>

  753.                                     <Button type="submit"><Typography variant="h5">Save</Typography></Button>

  754.                                     {/* <Button onClick={() => markAsCreditor()}><Typography variant="h5">Confirm</Typography></Button> */}

  755.                                 </Stack>

  756.                             </DialogActions>

  757.                         </form>

  758.                     </Dialog>

  759.                 </div>

  760.             </MainCard>

  761.     );

  762. };

  763. 

  764. export default ApplicationDetailCard;