\n \n \n \n HALAMAN INI MASIH DALAM PENGEMBANGAN...\n
\n \n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\n// import Axios from \"../../../Axios\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Legend,\n XAxis,\n YAxis,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function PemasukanBarang() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/pemasukan-barang\", {\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Pemasukan barang periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/pemasukan-barang/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Pemasukan barang periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Pemasukan Barang Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/pemasukan-barang/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Pemasukan barang periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Pemasukan Barang Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n { Header: \"No\", accessor: \"no\", width: 40 },\n {\n Header: \"Dokumen Pabean\",\n columns: [\n {\n Header: \"Jenis\",\n accessor: \"jenis_doc\",\n width: 70,\n },\n {\n Header: \"Nomor\",\n accessor: \"no_bc\",\n width: 70,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Bukti Penerimaan\",\n columns: [\n {\n Header: \"Nomor\",\n accessor: \"no_sj\",\n width: 90,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl_sj\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Supplier\",\n accessor: \"vendor\",\n },\n {\n Header: \"Kode Barang\",\n accessor: \"kode_barang\",\n width: 100,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"description\",\n },\n {\n Header: \"Jumlah\",\n accessor: \"receieved\",\n width: 80,\n },\n {\n Header: \"Satuan\",\n accessor: \"unit\",\n width: 40,\n },\n {\n Header: \"Valas\",\n accessor: \"currency\",\n width: 40,\n },\n {\n Header: \"Nilai Barang\",\n accessor: \"price\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.count ? (\n \n \n \n \n
TOTAL
\n
\n
\n
DOKUMEN
\n
\n \n \n \n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import React, { useState } from \"react\";\nimport { Fragment } from \"react\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport PageTitle from \"../PageTitle\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport ReactTable from \"react-table\";\nimport { useSelector } from \"react-redux\";\nimport DatePicker from \"react-datepicker\";\nimport Axios from \"../../../Axios\";\nimport moment from \"moment\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faLocationArrow,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { toast } from \"react-toastify\";\nimport Swal from \"sweetalert2\";\n\nexport default function UserLog() {\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"year\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const auth = useSelector((state) => state.auth);\n\n const mapboxToken =\n \"sk.eyJ1IjoiaXQteWFzdW5hZ2EiLCJhIjoiY2tuNzdpaHlsMDU3MTJubXE1bHl1dmRidCJ9._D5pztPvfeSpUn3gb-qfYA\";\n const getData = () => {\n setTblLoad(true);\n Axios.post(`${auth.endPoint}admin/user-log/get-data-tbl`, {\n api_token: auth.user.api_token,\n tglDari,\n tglSampai,\n })\n .then(({ data }) => setTblData(data))\n .finally(() => setTblLoad(false))\n .catch(({ response }) => {\n toast.error(\"Gagal mengambil data\");\n console.log(response);\n });\n };\n\n const trackLocation = (ip) => {\n setTblLoad(true);\n Axios.get(`https://ipapi.co/${ip}/json`)\n .then(({ data }) => {\n var htm = '';\n htm += `Kota ${data.city} Negara ${data.country_name} Provider ${data.org}
\n {c.value}\n trackLocation(c.value)}\n icon={faLocationArrow}\n className=\"ml-2 text-success\"\n style={{ cursor: \"pointer\" }}\n id={\"t\" + c.original.id}\n />\n \n Track Location\n \n
\n ) : (\n \"-\"\n ),\n },\n {\n Header: \"Waktu\",\n accessor: \"waktu\",\n },\n ];\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Legend,\n XAxis,\n YAxis,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function PengeluaranBarang() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/pengeluaran-barang\", {\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Pengeluaran barang periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/pengeluaran-barang/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Pengeluaran barang periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Pengeluaran Barang Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/pengeluaran-barang/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Pengeluaran barang periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Pengeluaran Barang Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n { Header: \"No\", accessor: \"no\", width: 40 },\n {\n Header: \"Dokumen Pabean\",\n columns: [\n {\n Header: \"Jenis\",\n accessor: \"jenis_doc\",\n width: 70,\n },\n {\n Header: \"Nomor\",\n accessor: \"no_bc\",\n width: 70,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Bukti Penerimaan\",\n columns: [\n {\n Header: \"Nomor\",\n accessor: \"no_sj\",\n width: 90,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl_sj\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Penerima Barang\",\n accessor: \"penerima\",\n },\n {\n Header: \"Kode Barang\",\n accessor: \"kode_barang\",\n width: 100,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"description\",\n },\n {\n Header: \"Jumlah\",\n accessor: \"qty\",\n width: 80,\n },\n {\n Header: \"Satuan\",\n accessor: \"unit\",\n width: 40,\n },\n {\n Header: \"Valas\",\n accessor: \"currency\",\n width: 40,\n },\n {\n Header: \"Nilai Barang\",\n accessor: \"price\",\n width: 100,\n },\n {\n Header: \"Invoice\",\n accessor: \"invoice\",\n width: 120,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n filterable\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.count ? (\n \n \n \n \n
TOTAL
\n
\n
\n
DOKUMEN
\n
\n \n \n \n \n \n \n \n \n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport ReactTable from \"react-table\";\nimport { toast } from \"react-toastify\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n Card,\n CardBody,\n Button,\n UncontrolledTooltip,\n Modal,\n ModalBody,\n ModalFooter,\n ModalHeader,\n FormGroup,\n Label,\n Input,\n Row,\n} from \"reactstrap\";\nimport DatePicker from \"react-datepicker\";\nimport Axios from \"../../../Axios\";\nimport { faPenAlt, faTimesCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport moment from \"moment\";\nimport Swal from \"sweetalert2\";\n\nexport default function ListPengeluaran({ auth }) {\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [mdEdit, setMdEdit] = useState(false);\n const [editData, setEditData] = useState();\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n const [editLoad, setEditLoad] = useState(false);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n useEffect(() => {\n setTblLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/pengeluaran-barang?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblData(data))\n .finally(() => setTblLoad(false))\n .catch((er) => {\n toast.error(\"Pengambilan data error\");\n console.log(er);\n });\n }, [auth.endPoint, auth.user.api_token]);\n\n const toggleMdEdit = () => {\n setMdEdit(false);\n setEditData();\n };\n\n const getData = () => {\n setTblLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/pengeluaran-barang?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblData(data))\n .finally(() => setTblLoad(false))\n .catch((er) => {\n toast.error(\"Pengambilan data error\");\n console.log(er);\n });\n };\n\n const submitEdit = () => {\n setEditLoad(true);\n Axios.put(\n `${auth.endPoint}it-inventory/pengeluaran-barang/${editData._id}/update`,\n {\n api_token: auth.user.api_token,\n ...editData,\n }\n )\n .then(({ data }) => {\n setTblData(data);\n toggleMdEdit();\n toast.success(\"Data berhasil dirubah!\");\n })\n .finally(() => setEditLoad(false))\n .catch((er) => {\n console.log(er);\n if (er.response) {\n if (er.response.status === 422) {\n toast.error(er.response.data);\n } else {\n toast.error(\"Server Error!\");\n }\n }\n });\n };\n\n const deletePengeluaran = (dt) => {\n Swal.fire({\n title: \"Hapus \" + dt.jenis_dokumen + \" No \" + dt.no_dokumen + \"?\",\n showCancelButton: true,\n confirmButtonText: \"Hapus\",\n showLoaderOnConfirm: true,\n allowOutsideClick: !Swal.isLoading,\n icon: \"question\",\n preConfirm: () => {\n return Axios.delete(\n `${auth.endPoint}it-inventory/pengeluaran-barang/${dt._id}?api_token=${auth.user.api_token}`\n )\n .then(() => {\n getData();\n })\n .catch((er) => {\n Swal.showValidationMessage(\"Error \" + er.response.status);\n });\n },\n }).then((e) => {\n if (e.isConfirmed) {\n toast.success(\"Data berhasil dihapus!\");\n }\n });\n };\n\n const cols = [\n {\n Header: \"Act\",\n accessor: \"_id\",\n width: 70,\n Cell: (c) => {\n return (\n \n {\n setEditData(c.original);\n setMdEdit(true);\n }}\n />\n deletePengeluaran(c.original)}\n />\n \n Edit\n \n \n Hapus\n \n
\n );\n },\n },\n {\n Header: \"No\",\n id: \"no\",\n width: 40,\n Cell: (d) => d.index + 1,\n },\n {\n Header: \"Dokumen Pabean\",\n columns: [\n {\n Header: \"Jenis\",\n accessor: \"jenis_dokumen\",\n width: 70,\n },\n {\n Header: \"Nomor\",\n accessor: \"no_dokumen\",\n width: 70,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl_dokumen\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Bukti Penerimaan\",\n columns: [\n {\n Header: \"Nomor\",\n accessor: \"no_pengiriman\",\n width: 90,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl_pengiriman\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Penerima Barang\",\n accessor: \"penerima_barang\",\n },\n {\n Header: \"Kode Barang\",\n accessor: \"kode_barang\",\n width: 100,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Jumlah\",\n accessor: \"jumlah\",\n width: 80,\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n width: 40,\n },\n {\n Header: \"Valas\",\n accessor: \"valas\",\n width: 40,\n },\n {\n Header: \"Nilai Barang\",\n accessor: \"nilai_barang\",\n width: 100,\n },\n {\n Header: \"Invoice\",\n accessor: \"invoice\",\n width: 100,\n },\n ];\n return (\n \n \n \n \n Refresh\n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={cols}\n data={tblData}\n loading={tblLoad}\n className=\"-striped -highlight -fixed mt-3\"\n style={{ height: winHeight }}\n />\n \n \n \n Edit Pengeluaran Barang \n {editData ? (\n \n \n \n Jenis Dokumen \n \n setEditData({ ...editData, jenis_dokumen: target.value })\n }\n />\n \n \n No Dokumen \n \n setEditData({ ...editData, no_dokumen: target.value })\n }\n />\n \n
\n \n \n Tgl Dokumen \n \n setEditData({\n ...editData,\n tgl_dokumen: moment(e).format(\"YYYY-MM-DD\"),\n })\n }\n />\n \n \n No Pengiriman \n \n setEditData({ ...editData, no_pengiriman: target.value })\n }\n />\n \n
\n \n \n Tgl Pengiriman \n \n setEditData({\n ...editData,\n tgl_pengiriman: moment(e).format(\"YYYY-MM-DD\"),\n })\n }\n />\n \n \n Penerima Barang \n \n setEditData({ ...editData, penerima_barang: target.value })\n }\n />\n \n
\n \n \n Kode Barang \n \n setEditData({ ...editData, kode_barang: target.value })\n }\n />\n \n \n Nama Barang \n \n setEditData({ ...editData, nama_barang: target.value })\n }\n />\n \n
\n \n \n Jumlah \n \n setEditData({ ...editData, jumlah: target.value })\n }\n />\n \n \n Satuan \n \n setEditData({ ...editData, satuan: target.value })\n }\n />\n \n
\n \n \n Valas \n \n setEditData({ ...editData, valas: target.value })\n }\n />\n \n \n Nilai Barang \n \n setEditData({ ...editData, nilai_barang: target.value })\n }\n />\n \n
\n \n \n Invoice \n \n setEditData({ ...editData, invoice: target.value })\n }\n />\n \n
\n \n ) : (\n \"\"\n )}\n \n \n Save\n \n \n \n \n );\n}\n","import React, { useState } from \"react\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n Label,\n CardBody,\n CardSubtitle,\n CardTitle,\n FormGroup,\n Input,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport FileDownload from \"js-file-download\";\nimport Axios from \"../../../Axios\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport Tabs, { TabPane } from \"rc-tabs\";\nimport TabContent from \"rc-tabs/lib/SwipeableTabContent\";\nimport ScrollableInkTabBar from \"rc-tabs/lib/ScrollableInkTabBar\";\nimport Loader from \"react-loaders\";\nimport ListPengeluaran from \"./ListPengeluaran\";\n\nexport default function UploadPengeluaran() {\n const [excelFile, setExcelFile] = useState();\n const [upLoad, setUpLoad] = useState(false);\n const [downLoad, setDownLoad] = useState(false);\n const auth = useSelector((state) => state.auth);\n\n const getTemplate = () => {\n setDownLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/template/pengeluaran-barang?api_token=${auth.user.api_token}`,\n {\n responseType: \"blob\",\n }\n )\n .then(({ data }) =>\n FileDownload(data, \"Template Upload Pengeluaran Barang.xlsx\")\n )\n .finally(() => setDownLoad(false))\n .catch(() => toast.error(\"Download Template Error!\"));\n };\n\n const submitImport = () => {\n let frm = new FormData();\n frm.append(\"excel_file\", excelFile);\n frm.append(\"api_token\", auth.user.api_token);\n setUpLoad(true);\n Axios.post(`${auth.endPoint}it-inventory/import/pengeluaran-barang`, frm)\n .then(({ data }) => toast.success(data))\n .finally(() => setUpLoad(false))\n .catch(() => toast.error(\"Failed to upload data\"));\n };\n\n return (\n \n
\n \n \n \n Upload Pengeluaran Barang \n Barang Reject, Tools, dll... \n \n 1. Download Template \n \n {downLoad ? (\n \n \n )}\n \n \n \n 2. Pilih File \n setExcelFile(e.target.files[0])}\n />\n \n \n 3. Submit \n \n {upLoad ? (\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n {\n setEditData(c.original);\n setMdEdit(true);\n }}\n />\n deletePemasukan(c.original)}\n />\n \n Edit\n \n \n Hapus\n \n
\n );\n },\n },\n {\n Header: \"No\",\n id: \"no\",\n width: 40,\n Cell: (d) => d.index + 1,\n },\n {\n Header: \"Dokumen Pabean\",\n columns: [\n {\n Header: \"Jenis\",\n accessor: \"jenis_dokumen\",\n width: 70,\n },\n {\n Header: \"Nomor\",\n accessor: \"no_dokumen\",\n width: 70,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl_dokumen\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Bukti Penerimaan\",\n columns: [\n {\n Header: \"Nomor\",\n accessor: \"no_pengiriman\",\n width: 90,\n },\n {\n Header: \"Tanggal\",\n accessor: \"tgl_pengiriman\",\n width: 90,\n },\n ],\n },\n {\n Header: \"Supplier\",\n accessor: \"supplier\",\n },\n {\n Header: \"Kode Barang\",\n accessor: \"kode_barang\",\n width: 100,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Jumlah\",\n accessor: \"jumlah\",\n width: 80,\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n width: 40,\n },\n {\n Header: \"Valas\",\n accessor: \"valas\",\n width: 40,\n },\n {\n Header: \"Nilai Barang\",\n accessor: \"nilai_barang\",\n width: 100,\n },\n ];\n return (\n \n \n \n \n Refresh\n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={cols}\n data={tblData}\n loading={tblLoad}\n className=\"-striped -highlight -fixed mt-3\"\n style={{ height: winHeight }}\n />\n \n \n \n Edit Pemasukan Barang \n {editData ? (\n \n \n \n Jenis Dokumen \n \n setEditData({ ...editData, jenis_dokumen: target.value })\n }\n />\n \n \n No Dokumen \n \n setEditData({ ...editData, no_dokumen: target.value })\n }\n />\n \n
\n \n \n Tgl Dokumen \n \n setEditData({\n ...editData,\n tgl_dokumen: moment(e).format(\"YYYY-MM-DD\"),\n })\n }\n />\n \n \n No Pengiriman \n \n setEditData({ ...editData, no_pengiriman: target.value })\n }\n />\n \n
\n \n \n Tgl Pengiriman \n \n setEditData({\n ...editData,\n tgl_pengiriman: moment(e).format(\"YYYY-MM-DD\"),\n })\n }\n />\n \n \n Supplier \n \n setEditData({ ...editData, supplier: target.value })\n }\n />\n \n
\n \n \n Kode Barang \n \n setEditData({ ...editData, kode_barang: target.value })\n }\n />\n \n \n Nama Barang \n \n setEditData({ ...editData, nama_barang: target.value })\n }\n />\n \n
\n \n \n Jumlah \n \n setEditData({ ...editData, jumlah: target.value })\n }\n />\n \n \n Satuan \n \n setEditData({ ...editData, satuan: target.value })\n }\n />\n \n
\n \n \n Valas \n \n setEditData({ ...editData, valas: target.value })\n }\n />\n \n \n Nilai Barang \n \n setEditData({ ...editData, nilai_barang: target.value })\n }\n />\n \n
\n \n ) : (\n \"\"\n )}\n \n \n Save\n \n \n \n \n );\n}\n","import React, { useState } from \"react\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n Label,\n CardBody,\n CardTitle,\n FormGroup,\n Input,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport FileDownload from \"js-file-download\";\nimport Axios from \"../../../Axios\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport Loader from \"react-loaders\";\nimport Tabs, { TabPane } from \"rc-tabs\";\nimport TabContent from \"rc-tabs/lib/SwipeableTabContent\";\nimport ScrollableInkTabBar from \"rc-tabs/lib/ScrollableInkTabBar\";\nimport ListPemasukan from \"./ListPemasukan\";\n\nexport default function UploadPemasukan() {\n const [excelFile, setExcelFile] = useState();\n const [upLoad, setUpLoad] = useState(false);\n const [downLoad, setDownLoad] = useState(false);\n const auth = useSelector((state) => state.auth);\n\n const getTemplate = () => {\n setDownLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/template/pemasukan-barang?api_token=${auth.user.api_token}`,\n {\n responseType: \"blob\",\n }\n )\n .then(({ data }) =>\n FileDownload(data, \"Template Upload Pemasukan Barang.xlsx\")\n )\n .finally(() => setDownLoad(false))\n .catch(() => toast.error(\"Download Template Error!\"));\n };\n\n const submitImport = () => {\n let frm = new FormData();\n frm.append(\"excel_file\", excelFile);\n frm.append(\"api_token\", auth.user.api_token);\n setUpLoad(true);\n Axios.post(`${auth.endPoint}it-inventory/import/pemasukan-barang`, frm)\n .then(({ data }) => toast.success(data))\n .finally(() => setUpLoad(false))\n .catch(() => toast.error(\"Failed to upload data\"));\n };\n\n return (\n \n
\n \n \n \n Upload Pemasukan Barang \n \n 1. Download Template \n \n {downLoad ? (\n \n \n )}\n \n \n \n 2. Pilih File \n setExcelFile(e.target.files[0])}\n />\n \n \n 3. Submit \n \n {upLoad ? (\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function MutasiBarangJadi() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/mutasi-barang-jadi\", {\n tgl_dari: tglDari,\n tgl_sampai: tglSampai,\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Mutasi barang jadi periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-barang-jadi/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Mutasi barang jadi periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Barang Jadi Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-barang-jadi/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Mutasi barang jadi periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Barang Jadi Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n {\n Header: \"No\",\n Cell: ({ index }) => index + 1,\n width: 40,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"item_no\",\n maxWidth: 120,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Saldo Awal\",\n accessor: \"saldo_awal\",\n width: 100,\n },\n {\n Header: \"Total Pemasukan\",\n accessor: \"total_pemasukan\",\n width: 100,\n },\n {\n Header: \"Total Pengeluaran\",\n accessor: \"total_pengeluaran\",\n width: 100,\n },\n {\n Header: \"Penyesuaian\",\n accessor: \"penyesuaian\",\n width: 100,\n },\n {\n Header: \"Saldo Akhir\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function MutasiMesin() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/mutasi-mesin\", {\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Mutasi mesin periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-mesin/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Mutasi mesin periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Mesin Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-mesin/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Mutasi barang jadi periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Mesin Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n {\n Header: \"No\",\n Cell: ({ index }) => index + 1,\n width: 40,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"item_no\",\n maxWidth: 120,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Saldo Awal\",\n accessor: \"saldo_awal\",\n width: 100,\n },\n {\n Header: \"Total Pemasukan\",\n accessor: \"total_pemasukan\",\n width: 100,\n },\n {\n Header: \"Total Pengeluaran\",\n accessor: \"total_pengeluaran\",\n width: 100,\n },\n {\n Header: \"Penyesuaian\",\n accessor: \"penyesuaian\",\n width: 100,\n Cell: () => 0,\n },\n {\n Header: \"Saldo Akhir\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport PageTitle from \"../PageTitle\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n CardSubtitle,\n CardTitle,\n Col,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport { useSelector } from \"react-redux\";\nimport Axios from \"../../../Axios\";\nimport ReactTable from \"react-table\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSync } from \"@fortawesome/free-solid-svg-icons\";\n\nexport default function MyActivity() {\n const auth = useSelector((state) => state.auth);\n const [tblDat, setTblDat] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n\n useEffect(() => {\n setTblLoad(true);\n Axios.get(\n `${auth.endPoint}user-log/personal-log?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblDat(data))\n .finally(() => setTblLoad(false));\n }, [auth.endPoint, auth.user.api_token]);\n const getData = () => {\n setTblLoad(true);\n Axios.get(\n `${auth.endPoint}user-log/personal-log?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblDat(data))\n .finally(() => setTblLoad(false));\n };\n const columns = [\n {\n Header: \"Name\",\n accessor: \"user_name\",\n },\n {\n Header: \"Username\",\n accessor: \"username\",\n },\n {\n Header: \"Category\",\n accessor: \"category\",\n },\n {\n Header: \"Activity\",\n accessor: \"activity\",\n },\n {\n Header: \"Origin\",\n accessor: \"origin\",\n },\n {\n Header: \"Waktu\",\n accessor: \"waktu\",\n },\n ];\n\n return (\n \n
\n \n \n \n User Activity \n {auth.user.name} \n \n \n Refresh Data\n \n \n \n \n \n
\n \n \n
\n \n \n Ganti Password \n \n \n Perlihatkan Password \n setVis(!vis)}\n />\n \n \n \n Submit\n \n \n \n \n Setelah password berhasil diganti, anda akan logout otomatis.\n Setelah itu silahkan login kembali dengan password baru\n \n \n \n \n \n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function MutasiBarangScrap() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/mutasi-barang-scrap\", {\n tgl_dari: tglDari,\n tgl_sampai: tglSampai,\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Mutasi barang scrap periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-barang-scrap/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Mutasi barang scrap periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Barang Scrap Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-barang-scrap/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Mutasi barang scrap periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Barang Scrap Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n {\n Header: \"No\",\n Cell: ({ index }) => index + 1,\n width: 40,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"item_no\",\n maxWidth: 125,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Saldo Awal\",\n accessor: \"saldo_awal\",\n width: 100,\n },\n {\n Header: \"Total Pemasukan\",\n accessor: \"pemasukan\",\n width: 100,\n },\n {\n Header: \"Total Pengeluaran\",\n accessor: \"pengeluaran\",\n width: 100,\n },\n {\n Header: \"Penyesuaian\",\n accessor: \"penyesuaian\",\n width: 100,\n },\n {\n Header: \"Saldo Akhir\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function PosisiWIP() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/posisi-wip\", {\n tgl_dari: tglDari,\n tgl_sampai: tglSampai,\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Posisi WIP periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/posisi-wip/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Posisi WIP periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Posisi WIP Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/posisi-wip/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Posisi WIP periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Posisi WIP Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n {\n Header: \"No\",\n Cell: ({ index }) => index + 1,\n width: 40,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"item_no\",\n maxWidth: 125,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Jumlah\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function MutasiPeralatan() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/mutasi-peralatan\", {\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Mutasi peralatan periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-peralatan/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Mutasi peralatan periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Peralatan & Tools Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-peralatan/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download PDF Mutasi peralatan periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Peralatan & Tools Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n {\n Header: \"No\",\n Cell: ({ index }) => index + 1,\n width: 40,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"item_no\",\n maxWidth: 125,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Saldo Awal\",\n accessor: \"saldo_awal\",\n width: 100,\n },\n {\n Header: \"Total Pemasukan\",\n accessor: \"pemasukan\",\n width: 100,\n },\n {\n Header: \"Total Pengeluaran\",\n accessor: \"pengeluaran\",\n width: 100,\n },\n {\n Header: \"Penyesuaian\",\n accessor: \"penyesuaian\",\n width: 100,\n },\n {\n Header: \"Saldo Akhir\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport ReactTable from \"react-table\";\nimport { toast } from \"react-toastify\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n Card,\n CardBody,\n Button,\n UncontrolledTooltip,\n Modal,\n ModalBody,\n ModalFooter,\n ModalHeader,\n FormGroup,\n Label,\n Input,\n Row,\n} from \"reactstrap\";\nimport DatePicker from \"react-datepicker\";\nimport Axios from \"../../../Axios\";\nimport { faPenAlt, faTimesCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport moment from \"moment\";\nimport Swal from \"sweetalert2\";\n\nexport default function ListBarangReject({ auth }) {\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [mdEdit, setMdEdit] = useState(false);\n const [editData, setEditData] = useState();\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n const [editLoad, setEditLoad] = useState(false);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n useEffect(() => {\n setTblLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/mutasi-barang-reject?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblData(data))\n .finally(() => setTblLoad(false))\n .catch((er) => {\n toast.error(\"Pengambilan data error\");\n console.log(er);\n });\n }, [auth.endPoint, auth.user.api_token]);\n\n const toggleMdEdit = () => {\n setMdEdit(false);\n setEditData();\n };\n\n const getData = () => {\n setTblLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/mutasi-barang-reject?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblData(data))\n .finally(() => setTblLoad(false))\n .catch((er) => {\n toast.error(\"Pengambilan data error\");\n console.log(er);\n });\n };\n\n const submitEdit = () => {\n setEditLoad(true);\n Axios.put(\n `${auth.endPoint}it-inventory/mutasi-barang-reject/${editData._id}/update`,\n {\n api_token: auth.user.api_token,\n ...editData,\n }\n )\n .then(({ data }) => {\n setTblData(data);\n toggleMdEdit();\n toast.success(\"Data berhasil dirubah!\");\n })\n .finally(() => setEditLoad(false))\n .catch((er) => {\n console.log(er);\n if (er.response) {\n if (er.response.status === 422) {\n toast.error(er.response.data);\n } else {\n toast.error(\"Server Error!\");\n }\n }\n });\n };\n\n const deleteMBR = (dt) => {\n Swal.fire({\n title: \"Hapus \" + dt.kode_barang + \" (\" + dt.nama_barang + \")?\",\n showCancelButton: true,\n confirmButtonText: \"Hapus\",\n showLoaderOnConfirm: true,\n allowOutsideClick: !Swal.isLoading,\n icon: \"question\",\n preConfirm: () => {\n return Axios.delete(\n `${auth.endPoint}it-inventory/mutasi-barang-reject/${dt._id}?api_token=${auth.user.api_token}`\n )\n .then(() => {\n getData();\n })\n .catch((er) => {\n Swal.showValidationMessage(\"Error \" + er.response.status);\n });\n },\n }).then((e) => {\n if (e.isConfirmed) {\n toast.success(\"Data berhasil dihapus!\");\n }\n });\n };\n\n const cols = [\n {\n Header: \"Act\",\n accessor: \"_id\",\n width: 70,\n Cell: (c) => {\n return (\n \n {\n setEditData(c.original);\n setMdEdit(true);\n }}\n />\n deleteMBR(c.original)}\n />\n \n Edit\n \n \n Hapus\n \n
\n );\n },\n },\n {\n Header: \"No\",\n id: \"no\",\n width: 40,\n Cell: (d) => d.index + 1,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"kode_barang\",\n maxWidth: 125,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Saldo Awal\",\n accessor: \"saldo_awal\",\n width: 100,\n },\n {\n Header: \"Total Pemasukan\",\n accessor: \"total_pemasukan\",\n width: 100,\n },\n {\n Header: \"Total Pengeluaran\",\n accessor: \"total_pengeluaran\",\n width: 100,\n },\n {\n Header: \"Penyesuaian\",\n accessor: \"penyesuaian\",\n width: 100,\n },\n {\n Header: \"Saldo Akhir\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ];\n return (\n \n \n \n \n Refresh\n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={cols}\n data={tblData}\n loading={tblLoad}\n className=\"-striped -highlight -fixed mt-3\"\n style={{ height: winHeight }}\n />\n \n \n \n Edit Pemasukan Barang \n {editData ? (\n \n \n \n Kode Barang \n \n setEditData({ ...editData, kode_barang: target.value })\n }\n />\n \n \n Nama Barang \n \n setEditData({ ...editData, nama_barang: target.value })\n }\n />\n \n
\n \n \n Saldo Awal \n \n setEditData({ ...editData, saldo_awal: target.value })\n }\n />\n \n \n Total Pemasukan \n \n setEditData({ ...editData, total_pemasukan: target.value })\n }\n />\n \n
\n \n \n Total Pengeluaran \n \n setEditData({\n ...editData,\n total_pengeluaran: target.value,\n })\n }\n />\n \n \n Penyesuaian \n \n setEditData({ ...editData, penyesuaian: target.value })\n }\n />\n \n
\n \n \n Saldo Akhir \n \n setEditData({ ...editData, saldo_akhir: target.value })\n }\n />\n \n \n Tanggal \n \n setEditData({\n ...editData,\n tanggal: moment(e).format(\"YYYY-MM-DD\"),\n })\n }\n />\n \n
\n \n ) : (\n \"\"\n )}\n \n \n Save\n \n \n \n \n );\n}\n","import React, { useState } from \"react\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n Label,\n CardBody,\n CardTitle,\n FormGroup,\n Input,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport FileDownload from \"js-file-download\";\nimport Axios from \"../../../Axios\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport Loader from \"react-loaders\";\nimport Tabs, { TabPane } from \"rc-tabs\";\nimport TabContent from \"rc-tabs/lib/SwipeableTabContent\";\nimport ScrollableInkTabBar from \"rc-tabs/lib/ScrollableInkTabBar\";\nimport ListBarangReject from \"./ListBarangReject\";\n\nexport default function UploadBarangReject() {\n const [excelFile, setExcelFile] = useState();\n const [upLoad, setUpLoad] = useState(false);\n const [downLoad, setDownLoad] = useState(false);\n const auth = useSelector((state) => state.auth);\n\n const getTemplate = () => {\n setDownLoad(true);\n Axios.get(\n `${auth.endPoint}it-inventory/template/mutasi-barang-reject?api_token=${auth.user.api_token}`,\n {\n responseType: \"blob\",\n }\n )\n .then(({ data }) =>\n FileDownload(data, \"Template Upload Barang Reject.xlsx\")\n )\n .finally(() => setDownLoad(false))\n .catch(() => toast.error(\"Download Template Error!\"));\n };\n\n const submitImport = () => {\n let frm = new FormData();\n frm.append(\"excel_file\", excelFile);\n frm.append(\"api_token\", auth.user.api_token);\n setUpLoad(true);\n Axios.post(`${auth.endPoint}it-inventory/import/mutasi-barang-reject`, frm)\n .then(({ data }) => toast.success(data))\n .finally(() => setUpLoad(false))\n .catch(() => toast.error(\"Failed to upload data\"));\n };\n\n return (\n \n
\n \n \n \n Upload Barang Reject \n \n 1. Download Template \n \n {downLoad ? (\n \n \n )}\n \n \n \n 2. Pilih File \n setExcelFile(e.target.files[0])}\n />\n \n \n 3. Submit \n \n {upLoad ? (\n \n \n )}\n \n \n \n \n \n \n \n \n \n \n resetPassword(e.original)}\n />\n editUser(e.original)}\n />\n deleteUser(e.original)}\n id={\"delete\" + e.value}\n />\n \n Edit\n \n \n Delete\n \n \n Reset Password\n \n
\n ),\n },\n {\n Header: \"Nama\",\n accessor: \"name\",\n },\n {\n Header: \"Username\",\n accessor: \"username\",\n },\n {\n Header: \"Role\",\n accessor: \"role.description\",\n },\n {\n Header: \"EMail\",\n accessor: \"email\",\n },\n {\n Header: \"Terakhir Aktif\",\n accessor: \"lastseen\",\n },\n ];\n const deleteUser = (d) => {\n Swal.fire({\n title: \"Hapus?\",\n text: d.name,\n showCancelButton: true,\n confirmButtonText: \"Hapus\",\n }).then((e) => {\n if (e.isConfirmed) {\n Axios.delete(\n `${auth.endPoint}admin/users/${d._id}?api_token=${auth.user.api_token}`\n )\n .then(() => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"USER DELETE\",\n activity: \"Menghapus User \" + d.name,\n });\n });\n toast(d.name + \" dihapus!\");\n getData();\n })\n .catch(() => toast(\"Gagal menghapus\"));\n }\n });\n };\n const storeUser = (e) => {\n e.preventDefault();\n Axios.post(`${auth.endPoint}admin/users/store`, {\n api_token: auth.user.api_token,\n ...addData,\n })\n .then(() => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"USER ADD\",\n activity: \"Menambahkan user \" + addData.name,\n });\n });\n toast.success(\"User berhasil ditambahkan!\");\n getData();\n toggleMdAdd();\n })\n .catch(({ response }) => {\n if (response.status === 422) {\n toast.error(response.data);\n if (response.data === \"Username sudah ada!\") {\n setAddData({ ...addData, username: null });\n let a = document.getElementById(\"add_username\");\n a.value = \"\";\n a.focus();\n }\n } else {\n toast.error(\"Gagal menambahkan user\");\n }\n });\n };\n const submitEdit = (e) => {\n e.preventDefault();\n Axios.put(`${auth.endPoint}admin/users/${editData.id}`, {\n api_token: auth.user.api_token,\n ...editData,\n })\n .then(() => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"USER MODIFY\",\n activity: \"Merubah user \" + editData.name,\n });\n });\n toast.success(\"User berhasil dirubah!\");\n getData();\n toggleMdEdit();\n })\n .catch(({ response }) => {\n if (response.status === 422) {\n toast.error(response.data);\n if (response.data === \"Username sudah ada!\") {\n setAddData({ ...editData, username: null });\n let a = document.getElementById(\"edit_username\");\n a.value = \"\";\n a.focus();\n }\n } else {\n toast.error(\"Gagal merubah user\");\n }\n });\n };\n return (\n \n \n \n \n \n \n \n
\n \n \n \n Tambah User Baru \n \n \n \n \n \n Tambah User Baru \n \n \n \n \n \n \n );\n}\n","import {\n faFileExcel,\n faFilePdf,\n faSyncAlt,\n faTable,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport CSSTransitionGroup from \"react-transition-group/CSSTransitionGroup\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n FormGroup,\n InputGroup,\n InputGroupAddon,\n Row,\n UncontrolledTooltip,\n} from \"reactstrap\";\nimport PageTitle from \"../PageTitle\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\nimport Axios from \"../../../Axios\";\nimport Swal from \"sweetalert2\";\nimport ReactTable from \"react-table\";\nimport CountUp from \"react-countup\";\nimport FileDownload from \"js-file-download\";\n\nexport default function MutasiBarangReject() {\n const auth = useSelector((state) => state.auth);\n const [tglDari, setTglDari] = useState(\n moment()\n .startOf(\"month\")\n .toDate()\n );\n const [tglSampai, setTglSampai] = useState(new Date());\n const [tblData, setTblData] = useState([]);\n const [tblLoad, setTblLoad] = useState(false);\n const [excelLoad, setExcelLoad] = useState(false);\n const [pdfLoad, setPdfLoad] = useState(false);\n const [winHeight, setWinHeight] = useState(window.innerHeight / 1.5);\n\n useEffect(() => {\n window.addEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n return () => {\n window.removeEventListener(\"resize\", () => {\n setWinHeight(window.innerHeight / 1.5);\n });\n };\n }, []);\n\n const getData = () => {\n setTblLoad(true);\n Axios.post(auth.endPoint + \"it-inventory/report/mutasi-barang-reject\", {\n tgl_dari: tglDari,\n tgl_sampai: tglSampai,\n api_token: auth.user.api_token,\n })\n .then(({ data }) => {\n setTblData(data);\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA ACCESS\",\n activity:\n \"Melihat Mutasi barang reject periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error...\", \"error\"))\n .finally(() => setTblLoad(false));\n };\n\n const downloadExcel = () => {\n setExcelLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-barang-reject/export\",\n {\n type: \"EXCEL\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Mutasi barang jadi periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Barang Reject Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".xlsx\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setExcelLoad(false));\n };\n const downloadPdf = () => {\n setPdfLoad(true);\n Axios.post(\n auth.endPoint + \"it-inventory/report/mutasi-barang-reject/export\",\n {\n type: \"PDF\",\n tgl_dari: moment(tglDari).format(\"YYYY-MM-DD\"),\n tgl_sampai: moment(tglSampai).format(\"YYYY-MM-DD\"),\n api_token: auth.user.api_token,\n },\n {\n responseType: \"blob\",\n }\n )\n .then((res) => {\n let publicIp = \"\";\n Axios.get(\"https://api.ipify.org/?format=json\")\n .then(({ data }) => (publicIp = data.ip))\n .finally(() => {\n Axios.post(`${auth.endPoint}log`, {\n api_token: auth.user.api_token,\n origin: publicIp,\n category: \"DATA DOWNLOAD\",\n activity:\n \"Download Excel Mutasi barang reject periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\"),\n });\n });\n return FileDownload(\n res.data,\n \"Laporan Mutasi Barang Reject Periode \" +\n moment(tglDari).format(\"DD MMM YYYY\") +\n \" - \" +\n moment(tglSampai).format(\"DD MMM YYYY\") +\n \".pdf\"\n );\n })\n .catch((er) => Swal.fire(\"Error!\", \"Server Error\", \"error\"))\n .finally(() => setPdfLoad(false));\n };\n\n const columns = useMemo(\n () => [\n {\n Header: \"No\",\n Cell: ({ index }) => index + 1,\n width: 40,\n },\n {\n Header: \"Kode Barang\",\n accessor: \"kode_barang\",\n maxWidth: 125,\n },\n {\n Header: \"Nama Barang\",\n accessor: \"nama_barang\",\n },\n {\n Header: \"Satuan\",\n accessor: \"satuan\",\n maxWidth: 100,\n },\n {\n Header: \"Saldo Awal\",\n accessor: \"saldo_awal\",\n width: 100,\n },\n {\n Header: \"Total Pemasukan\",\n accessor: \"total_pemasukan\",\n width: 100,\n },\n {\n Header: \"Total Pengeluaran\",\n accessor: \"total_pengeluaran\",\n width: 100,\n },\n {\n Header: \"Penyesuaian\",\n accessor: \"penyesuaian\",\n width: 100,\n },\n {\n Header: \"Saldo Akhir\",\n accessor: \"saldo_akhir\",\n width: 100,\n },\n ],\n []\n );\n return (\n \n \n \n \n \n \n \n \n Start
\n \n setTglDari(e)}\n />\n \n \n \n \n \n \n End
\n \n setTglSampai(e)}\n />\n \n \n \n \n Show Data\n \n \n \n \n \n \n <>\n \n \n Download Excel\n \n \n \n \n Download PDF\n \n
\n \n
\n \n \n \n \n {\n return {\n style: { fontSize: \"9pt\" },\n };\n }}\n getTdProps={() => {\n return {\n style: {\n fontSize: \"9pt\",\n },\n };\n }}\n columns={columns}\n data={tblData.data}\n loading={tblLoad}\n className=\"-striped -highlight -fixed\"\n style={{ height: winHeight }}\n />\n \n \n {tblData.data ? (\n \n \n \n \n
TOTAL
\n
\n
\n
RECORDS
\n
\n \n \n
\n ) : (\n \"\"\n )}\n \n \n );\n}\n","import { faHome } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Axios from \"axios\";\nimport React, { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport { Button, Card, CardBody, Jumbotron } from \"reactstrap\";\n\nexport default function UnauthorizedPage() {\n const [back, setBack] = useState(false);\n const hist = useHistory();\n const dispatch = useDispatch();\n const auth = useSelector((state) => state.auth);\n useEffect(() => {\n if (auth.signedIn) {\n Axios.get(`${auth.endPoint}/user?api_token=${auth.user.api_token}`)\n .then(() => setBack(true))\n .catch(() => dispatch({ type: \"AUTH_LOGOUT\" }));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n return (\n \n
\n \n \n 401 \n UNAUTHORIZED \n \n hist.push(\"/dashboard\")}\n >\n
\n \n \n \n
\n {\n setEdtData(c.original);\n setMdEdit(true);\n }}\n className=\"ml-2 text-warning\"\n style={{ cursor: \"pointer\" }}\n id={\"edt-\" + c.index}\n />\n deleteRow(c.original)}\n />\n \n Edit\n \n \n Hapus\n \n
\n ),\n },\n {\n Header: \"No\",\n id: \"no\",\n filterable: false,\n maxWidth: 50,\n Cell: (c) => c.index + 1,\n },\n {\n Header: \"Dokumen Pabean\",\n columns: [\n {\n Header: \"Jenis BC\",\n accessor: \"jenis_doc_dp\",\n },\n {\n Header: \"No BC\",\n accessor: \"no_bc_dp\",\n },\n {\n Header: \"Tgl BC\",\n accessor: \"tgl_bc_dp\",\n },\n ],\n },\n {\n Header: \"Kesalahan Input\",\n columns: [\n {\n Header: \"Jenis BC\",\n accessor: \"jenis_doc_k\",\n },\n {\n Header: \"No BC\",\n accessor: \"no_bc_k\",\n },\n {\n Header: \"Tgl BC\",\n accessor: \"tgl_bc_k\",\n },\n ],\n },\n {\n Header: \"Keterangan\",\n accessor: \"keterangan\",\n },\n {\n Header: \"Diinput Oleh\",\n accessor: \"input\",\n },\n {\n Header: \"Diinput Tgl\",\n accessor: \"tgl_input\",\n },\n ];\n const submitAdd = () => {\n setAddLoad(true);\n Axios.post(`${auth.endPoint}it-inventory/notes`, {\n api_token: auth.user.api_token,\n ...addData,\n })\n .then(({ data }) => {\n setTblData(data);\n toast.success(\"Catatan berhasil ditambahkan\");\n })\n .finally(() => setAddLoad(false))\n .catch((er) => {\n console.log(er);\n if (er.response.status === 422) {\n toast.error(er.response.data);\n } else {\n toast.error(\"Server Error!\");\n }\n });\n };\n const deleteRow = (dt) => {\n Swal.fire({\n title: \"Hapus Catatan?\",\n showCancelButton: true,\n confirmButtonText: \"Hapus!\",\n icon: \"question\",\n allowOutsideClick: !Swal.isLoading,\n showLoaderOnConfirm: true,\n preConfirm: () => {\n setTblLoad(true);\n return Axios.delete(\n `${auth.endPoint}it-inventory/notes/${dt._id}/delete?api_token=${auth.user.api_token}`\n )\n .then(({ data }) => setTblData(data))\n .finally(() => setTblLoad(false))\n .catch((er) =>\n Swal.showValidationMessage(\"Error menghapus catatan!\")\n );\n },\n }).then((e) => {\n if (e.isConfirmed) {\n toast.success(\"Catatan Dihapus!\");\n }\n });\n };\n const submitEdit = () => {\n setEdtLoad(true);\n Axios.put(`${auth.endPoint}it-inventory/notes/${edtData._id}/update`, {\n api_token: auth.user.api_token,\n ...edtData,\n })\n .then(({ data }) => {\n setTblData(data);\n toast.success(\"Catatan berhasil dirubah\");\n toggleMdEdit();\n })\n .finally(() => setEdtLoad(false))\n .catch((er) => {\n console.log(er);\n if (er.response.status === 422) {\n toast.error(er.response.data);\n } else {\n toast.error(\"Server Error!\");\n }\n });\n };\n return (\n \n \n \n \n Tambah Catatan \n \n \n \n\n \n \n \n \n \n \n Edit Catatan \n {edtData ? (\n \n \n \n ) : (\n \n \n );\n}\n","import React, { Suspense } from \"react\";\nimport { Redirect, Route } from \"react-router-dom\";\nimport Loader from \"react-loaders\";\nimport Dashboard from \"./Dashboard\";\nimport PageSample from \"./PageSample\";\nimport PemasukanBarang from \"./Laporan/PemasukanBarang\";\nimport UserLog from \"./AdminMenu/UserLog\";\nimport PengeluaranBarang from \"./Laporan/PengeluaranBarang\";\nimport UploadPengeluaran from \"./AdminMenu/UploadPengeluaran\";\nimport UploadPemasukan from \"./AdminMenu/UploadPemasukan\";\nimport MutasiBahanPenolong from \"./Laporan/MutasiBahanPenolong\";\nimport MutasiBarangJadi from \"./Laporan/MutasiBarangJadi\";\nimport MutasiMesin from \"./Laporan/MutasiMesin\";\nimport MyActivity from \"./Extra/MyActivity\";\nimport { useSelector } from \"react-redux\";\nimport ChangePassword from \"./Extra/ChangePassword\";\nimport MutasiBahanBaku from \"./Laporan/MutasiBahanBaku\";\nimport MutasiBarangScrap from \"./Laporan/MutasiBarangScrap\";\nimport PosisiWIP from \"./Laporan/PosisiWIP\";\nimport MutasiPeralatan from \"./Laporan/MutasiPeralatan\";\nimport UploadBarangReject from \"./AdminMenu/UploadBarangReject\";\nimport MasterUser from \"./AdminMenu/MasterUser\";\nimport MutasiBarangReject from \"./Laporan/MutasiBarangReject\";\nimport UnauthorizedPage from \"./Extra/UnauthorizedPage\";\nimport EximNote from \"./AdminMenu/EximNote/EximNote\";\n\nexport default function Contents() {\n const auth = useSelector((state) => state.auth);\n return (\n \n
\n \n
\n
\n
Please wait... \n
\n \n
\n
\n
Please wait... \n
\n
\n
\n
\n
\n
\n
\n
\n
\n Welcome back,
\n Please sign in to your account below. \n \n
\n
\n
\n
\n
\n \n Change Endpoint\n \n
\n
\n \n {submitLoad ? (\n
\n
\n
\n
\n
\n Copyright © Yasunaga Indonesia {moment().format(\"YYYY\")}\n
\n \n
\n
\n \n \n \n );\n } else {\n return (\n \n \n );\n }\n};\n\nexport default MainLayout;\n","import \"./polyfills\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport * as serviceWorker from \"./serviceWorker\";\n\nimport { HashRouter } from \"react-router-dom\";\nimport \"./assets/base.scss\";\nimport Main from \"./Components/Layouts\";\nimport { configureStore } from \"@reduxjs/toolkit\";\nimport { Provider } from \"react-redux\";\nimport reducers from \"./reducers\";\n\nconst rootElement = document.getElementById(\"root\");\nconst store = configureStore({\n reducer: reducers,\n});\n\nconst renderApp = (Component) => {\n ReactDOM.render(\n \n \n \n ,\n rootElement\n );\n};\n\nrenderApp(Main);\n\nif (module.hot) {\n module.hot.accept(\"./Components/Layouts\", () => {\n const NextApp = require(\"./Components/Layouts\").default;\n renderApp(NextApp);\n });\n}\nserviceWorker.unregister();\n","import React, { Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport cx from \"classnames\";\nimport { withRouter } from \"react-router-dom\";\n\nimport ResizeDetector from \"react-resize-detector\";\n\nimport MainLayout from \"./MainLayout\";\n\nclass Main extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n closedSmallerSidebar: false,\n };\n }\n\n render() {\n let {\n colorScheme,\n enableFixedHeader,\n enableFixedSidebar,\n enableFixedFooter,\n enableClosedSidebar,\n closedSmallerSidebar,\n enableMobileMenu,\n enablePageTabsAlt,\n } = this.props;\n\n return (\n (\n \n \n \n )}\n />\n );\n }\n}\n\nconst mapStateToProp = (state) => ({\n colorScheme: state.ThemeOptions.colorScheme,\n enableFixedHeader: state.ThemeOptions.enableFixedHeader,\n enableMobileMenu: state.ThemeOptions.enableMobileMenu,\n enableFixedFooter: state.ThemeOptions.enableFixedFooter,\n enableFixedSidebar: state.ThemeOptions.enableFixedSidebar,\n enableClosedSidebar: state.ThemeOptions.enableClosedSidebar,\n enablePageTabsAlt: state.ThemeOptions.enablePageTabsAlt,\n});\n\nexport default withRouter(connect(mapStateToProp)(Main));\n","const { createAction, createReducer } = require(\"@reduxjs/toolkit\");\n\nconst login = createAction(\"AUTH_LOGIN\");\nconst logout = createAction(\"AUTH_LOGOUT\");\nconst upic = createAction(\"AUTH_UPIC\");\nconst changePageTitle = createAction(\"AUTH_PAGETITLE\");\nconst changeEndPoint = createAction(\"AUTH_ENDPOINT\");\n\nconst user = localStorage.getItem(\"user\")\n ? JSON.parse(localStorage.getItem(\"user\"))\n : null;\nconst userpic = localStorage.getItem(\"userpic\")\n ? localStorage.getItem(\"userpic\")\n : null;\nconst signedIn = user ? true : false;\nconst defaultState = {\n user: user,\n signedIn: signedIn,\n endPoint: \"https://api-exim.yasunaga.co.id/api/\",\n userPic: userpic,\n};\n\nconst auth = createReducer(defaultState, {\n [login]: (stat, action) => {\n localStorage.setItem(\"user\", JSON.stringify(action.user));\n return {\n ...stat,\n user: action.user,\n signedIn: true,\n };\n },\n [upic]: (stat, action) => {\n localStorage.setItem(\"userpic\", action.pic);\n return {\n ...stat,\n userPic: action.pic,\n signedIn: true,\n };\n },\n [logout]: (stat) => {\n localStorage.removeItem(\"user\");\n localStorage.removeItem(\"userpic\");\n return {\n ...stat,\n user: null,\n signedIn: false,\n userPic: null,\n };\n },\n [changePageTitle]: (stat, action) => {\n return {\n ...stat,\n pageTitle: action.title,\n };\n },\n [changeEndPoint]: (stat, action) => {\n return {\n ...stat,\n endPoint: action.ep,\n };\n },\n});\nexport default auth;\n","import auth from \"./AuthReducers\";\nimport ThemeOptions from \"./ThemeOptions\";\n\nexport default {\n auth,\n ThemeOptions,\n};\n"],"sourceRoot":""} 
\n