import { DatatablePrime } from '@/components/Datatables' import { DialogDelete } from '@/components/Dialog' import FormPersyaratan from '@/components/Form/Persyaratan' import { Belakang } from '@/components/Layouts' import { Judul } from '@/components/TextCustom' import { PersyaratanDelete, PersyaratanGetOne, PersyaratanList } from '@/services/referensi/persyaratan-service' import { Form, Formik } from 'formik' import Head from 'next/head' import { Button } from 'primereact/button' import { Column } from 'primereact/column' import { Dialog } from 'primereact/dialog' import { Dropdown } from 'primereact/dropdown' // import { Dropdown } from 'primereact/dropdown' import { Toast } from 'primereact/toast' import { useEffect, useRef, useState } from 'react' export default function Persyaratan() { const toast = useRef(null) const [data, setData] = useState([]) const [dialogForm, setDialogForm] = useState(false) const [dataEdit, setDataEdit] = useState([]) const [refresh, setRefresh] = useState(0) const [search, setSearch] = useState('') const [dialogDelete, setDialogDelete] = useState({}) const [dialogUpload, setDialogUpload] = useState(false) const [dataDrawPrev, setDataDrawPrev] = useState([]) const [dataDrawNext, setDataDrawNext] = useState([]) const [draw, setDraw] = useState(1) useEffect(() => { let params = {} if (search !== null && search !== '') { params.search = search } else { params.search = '' } params.draw = draw PersyaratanList(params).then((res) => setData(res.data)) if (draw > 1) { params.draw = draw > 1 ? draw - 1 : draw PersyaratanList(params).then((res) => setDataDrawPrev(res.data)) } params.draw = draw + 1 PersyaratanList(params).then((res) => setDataDrawNext(res.data)) }, [search, refresh, draw]) const editPersyaratan = (data) => { PersyaratanGetOne({ syarat_id: data.syarat_id }).then((res) => { if (res.status === 'ok') { setDataEdit(res.data) setDialogForm(true) } else { console.log(res.message) } }) } const deletePersyaratan = () => { PersyaratanDelete({ syarat_id: dialogDelete.syarat_id }).then((res) => { if (res.status === 'success') { setRefresh(Math.random) setDialogDelete({ visible: false }) toast.current.show({ severity: 'success', detail: res.message, closable: false, }) } else { setDialogDelete({ visible: false }) toast.current.show({ severity: 'error', detail: res.message, closable: false, }) } }) } const actionBodyTemplate = (rowData) => { return (
) } return ( <> Persyaratan Persyaratan {dialogDelete.visible === true && ( )} setDialogUpload(false)} > { console.log(values) }} > {({ values, handleChange, setFieldValue }) => { const onBrowseFile = async (event) => { const files = event.target.files if (files) { if (files[0].type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') { setFieldValue('fileupload', files[0].name) } else { event.target.value = '' toast.current.show({ severity: 'error', detail: 'Invalid format file', closable: false, }) } } } return (
{values.fileupload ? (
onBrowseFile(e)} accept='.xlsx' style={{ display: 'none' }} />
) : ( <> onBrowseFile(e)} accept='.xlsx' /> )}
) }}
) }