backend dan penyesian upload file dinamis approval notifikasi
This commit is contained in:
@@ -30,6 +30,7 @@ import { useFieldArray, useForm } from 'react-hook-form';
|
||||
import { useNavigate, useParams, useLocation } from 'react-router-dom';
|
||||
import { useEffect, useState, useRef, useMemo } from 'react';
|
||||
import axios from '../../../utils/axios';
|
||||
import { enqueueSnackbar } from 'notistack';
|
||||
// pages
|
||||
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';
|
||||
import { DetailFinalLogType } from './Model/Types';
|
||||
@@ -43,6 +44,7 @@ import { Delete, EditOutlined, ExpandMore } from '@mui/icons-material';
|
||||
import {BenefitData } from '../FinalLog/Model/Types'
|
||||
import AddIcon from '@mui/icons-material/Add';
|
||||
import { LoadingButton } from '@mui/lab';
|
||||
import { makeFormData } from '@/utils/jsonToFormData';
|
||||
|
||||
// Import Card Detail Final LOG
|
||||
import CardDetail from '../Components/CardDetail';
|
||||
@@ -67,6 +69,8 @@ import CardFile from '../Components/CardFile';
|
||||
import DialogEditFinalLOG from './Components/DialogEditFinalLOG';
|
||||
import DialogDeleteFileLog from './Components/DialogDeleteFileLog';
|
||||
import DialogUploadFileFinalLog from './Components/DialogUploadFileFinalLog';
|
||||
import DialogSendWa from './Components/DialogSendWa';
|
||||
import { set } from 'nprogress';
|
||||
|
||||
|
||||
// ----------------------------------------------------------------------
|
||||
@@ -79,6 +83,7 @@ export default function Detail() {
|
||||
const { themeStretch } = useSettings();
|
||||
const [requestLog, setRequestLog] = useState<DetailFinalLogType>();
|
||||
const [isReversal, setIsReversal] = useState(false);
|
||||
const [submitLoading, setSubmitLoading] = useState(false);
|
||||
|
||||
const defaultValues: any = {nominal : 0};
|
||||
const validationSchema = Yup.object().shape({nominal: Yup.number().typeError('Nominal harus berupa angka').required('Nominal harus diisi')})
|
||||
@@ -91,7 +96,25 @@ export default function Detail() {
|
||||
const { handleSubmit, reset, watch, setValue, formState: { isDirty, isSubmitting, errors } } = methods;
|
||||
|
||||
const onSubmit = async (data: any) => {
|
||||
alert('Nominal: ' + data.nominal);
|
||||
setSubmitLoading(true);
|
||||
const formData = makeFormData({
|
||||
request_logs_id: id,
|
||||
approval_files: fileApprovals,
|
||||
nominal: data.nominal,
|
||||
});
|
||||
axios
|
||||
.post(`/customer-service/request/${id}/approval_files`, formData)
|
||||
.then((response) => {
|
||||
enqueueSnackbar('Berhasil membuat data', { variant: 'success' });
|
||||
|
||||
window.location.reload()
|
||||
})
|
||||
.catch(({ response }) => {
|
||||
enqueueSnackbar('Something Went Wrong', { variant: 'error' });
|
||||
})
|
||||
.then(() => {
|
||||
setSubmitLoading(false);
|
||||
});
|
||||
}
|
||||
|
||||
const { id } = useParams();
|
||||
@@ -130,6 +153,8 @@ export default function Detail() {
|
||||
const [openDialogEditDetail, setDialogDEditDetail] = useState(false);
|
||||
const [openDialogBenefit, setDialogBenefit] = useState(false);
|
||||
const [openDialogMedicine, setDialogMedicine] = useState(false);
|
||||
const [openDialogSendWa, setDialogSendWa] = useState(false);
|
||||
const [shareLink, setShareLink] = useState(false);
|
||||
|
||||
// Handel Delete Detail Benefit
|
||||
const [idBenefitData, setIdBenefitData] = useState<number>();
|
||||
@@ -175,16 +200,16 @@ export default function Detail() {
|
||||
|
||||
|
||||
const fileDiagnosaInput = useRef<HTMLInputElement>(null);
|
||||
const [fileDiagnosas, setFileDiagnosas] = useState<any>([]);
|
||||
const [fileApprovals, setFileApproval] = useState<any>([]);
|
||||
const handleDiagnosaInputChange = (event:any) => {
|
||||
if (event.target.files[0]) {
|
||||
setFileDiagnosas([...fileDiagnosas, ...event.target.files]);
|
||||
setFileApproval([...fileApprovals, ...event.target.files]);
|
||||
} else {
|
||||
console.log('NO FILE');
|
||||
}
|
||||
};
|
||||
const removeDiagnosaFiles = (filesState:any, index:any) => {
|
||||
setFileDiagnosas(
|
||||
const removeApprovalFiles = (filesState:any, index:any) => {
|
||||
setFileApproval(
|
||||
filesState.filter((file:any, fileIndex:any) => {
|
||||
return fileIndex != index;
|
||||
})
|
||||
@@ -381,7 +406,7 @@ export default function Detail() {
|
||||
Upload Tindakan Persetujuan
|
||||
</Typography>
|
||||
|
||||
{fileDiagnosas?.map((file: any, index: number) => (
|
||||
{fileApprovals?.map((file: any, index: number) => (
|
||||
<Stack
|
||||
key={index}
|
||||
direction="row"
|
||||
@@ -395,7 +420,7 @@ export default function Detail() {
|
||||
icon="eva:trash-2-outline"
|
||||
color="darkred"
|
||||
sx={{ cursor: "pointer" }}
|
||||
onClick={() => removeDiagnosaFiles(fileDiagnosas, index)}
|
||||
onClick={() => removeApprovalFiles(fileApprovals, index)}
|
||||
/>
|
||||
</Stack>
|
||||
))}
|
||||
@@ -438,29 +463,60 @@ export default function Detail() {
|
||||
label="Nominal"
|
||||
required
|
||||
placeholder="Nominal"
|
||||
value={requestLog?.nominal || 0}
|
||||
/>
|
||||
|
||||
<LoadingButton
|
||||
{/* <LoadingButton
|
||||
type="submit" // ✅ supaya ikut submit
|
||||
variant="contained"
|
||||
sx={{ marginTop: 2, p: 2, backgroundColor: "#19BBBB" }}
|
||||
loading={false}
|
||||
>
|
||||
Simpan
|
||||
</LoadingButton>
|
||||
</LoadingButton> */}
|
||||
<Stack direction="row" spacing={2} sx={{ mt: 6 }}>
|
||||
{/* TOMBOL SIMPAN DI KIRI */}
|
||||
<LoadingButton
|
||||
type="submit"
|
||||
variant="contained"
|
||||
sx={{ p: 2, backgroundColor: "#19BBBB" }}
|
||||
loading={false}
|
||||
size='small'
|
||||
>
|
||||
Simpan
|
||||
</LoadingButton>
|
||||
|
||||
{/* Ini adalah spacer untuk mendorong tombol berikutnya ke kanan */}
|
||||
<Box sx={{ flexGrow: 1 }} />
|
||||
|
||||
{/* GRUP TOMBOL DI KANAN */}
|
||||
<Stack direction="row" spacing={1.5} mt={2}>
|
||||
<Button variant="contained" size="small" sx={{ p: 2, backgroundColor: "#19BBBB" }}
|
||||
onClick={() => {setDialogSendWa(true); setShareLink(false); }}>
|
||||
Kirim (WA Chatbot)
|
||||
</Button>
|
||||
|
||||
<Button variant="contained" size="small" sx={{ p: 2, backgroundColor: "#19BBBB" }}
|
||||
onClick={() => {setDialogSendWa(true); setShareLink(true); }}>
|
||||
Share Link
|
||||
</Button>
|
||||
</Stack>
|
||||
</Stack>
|
||||
</FormProvider>
|
||||
</Stack>
|
||||
</FormProvider>
|
||||
|
||||
)}
|
||||
|
||||
{/* FILE YANG SUDAH TERUPLOAD */}
|
||||
{requestLog?.files?.map((documentType, index) => (
|
||||
{requestLog?.files
|
||||
?.filter((document) => document.type === 'approval')
|
||||
?.map((documentType, index) => (
|
||||
<Stack
|
||||
key={index}
|
||||
direction="row"
|
||||
justifyContent="space-between"
|
||||
alignItems="center"
|
||||
sx={{ mb: 2 }}
|
||||
sx={{ mt: 2 }}
|
||||
>
|
||||
<a
|
||||
href={documentType.url}
|
||||
@@ -778,6 +834,16 @@ export default function Detail() {
|
||||
requestLog={requestLog}
|
||||
openDialog={openDialogEditDetail}
|
||||
/>
|
||||
|
||||
<DialogSendWa
|
||||
requestLog={requestLog}
|
||||
openDialog={openDialogSendWa}
|
||||
setOpenDialog={setDialogSendWa}
|
||||
shareLink={shareLink}
|
||||
|
||||
/>
|
||||
|
||||
|
||||
</Grid>
|
||||
|
||||
{/* Medicine */}
|
||||
@@ -843,7 +909,9 @@ export default function Detail() {
|
||||
) : null }
|
||||
|
||||
</Stack>
|
||||
{requestLog?.files?.map((documentType, index) => (
|
||||
{requestLog?.files
|
||||
?.filter((document) => document.type !== 'approval')
|
||||
?.map((documentType, index) => (
|
||||
<Stack direction="row" alignItems="center" justifyContent="space-between" sx={{marginBottom: 2}} key={index}>
|
||||
<Stack direction="column" spacing={2} >
|
||||
<a
|
||||
|
||||
Reference in New Issue
Block a user