import { DatatablePrime } from '@/components/Datatables' import { DialogDelete } from '@/components/Dialog' import FormAkun from '@/components/Form/Akun' import { Belakang } from '@/components/Layouts' import { Judul } from '@/components/TextCustom' import { AkunDelete, AkunGetOne, AkunList } from '@/services/referensi/akun-service' import Head from 'next/head' import { Button } from 'primereact/button' import { Column } from 'primereact/column' import { Toast } from 'primereact/toast' import { useEffect, useRef, useState } from 'react' export default function Akun() { const toast = useRef(null) const [data, setData] = useState([]) const [dataDrawPrev, setDataDrawPrev] = useState([]) const [dataDrawNext, setDataDrawNext] = useState([]) const [dialogForm, setDialogForm] = useState(false) const [dataEdit, setDataEdit] = useState([]) const [refresh, setRefresh] = useState(0) const [search, setSearch] = useState('') const [dialogDelete, setDialogDelete] = useState({}) const [draw, setDraw] = useState(1) useEffect(() => { let params = {} params.draw = draw search !== null && search !== '' ? (params.search = search) : '' AkunList(params).then((res) => setData(res.data)) if (draw > 1) { params.draw = draw > 1 ? draw - 1 : draw AkunList(params).then((res) => setDataDrawPrev(res.data)) } params.draw = draw + 1 AkunList(params).then((res) => setDataDrawNext(res.data)) }, [refresh, search, draw]) const editAkun = (data) => { AkunGetOne({ akun_id: data.akun_id }).then((res) => { if (res.status === 'ok') { setDataEdit(res.data) setDialogForm(true) } else { console.log(res.message) } }) } const actionBodyTemplate = (rowData) => { return (
) } const deleteAkun = () => { AkunDelete({ ref_id: dialogDelete.ref_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, }) } }) } return ( <> Akun Akun {dialogDelete.visible === true && ( )} ) }