Initial commit, repo migration

2024-05-14 22:19:14 +07:00
commit b51b940ac4
137 changed files with 19393 additions and 0 deletions
@@ -0,0 +1,118 @@
+import { CardFilterLaporan } from '@/components/CardCustom'
+import { DatatablePrime } from '@/components/Datatables'
+import { Belakang } from '@/components/Layouts'
+import { Judul } from '@/components/TextCustom'
+import { Laporan31 } from '@/services/laporan/laporan-service'
+import { Formik } from 'formik'
+import moment from 'moment'
+import Head from 'next/head'
+import { Button } from 'primereact/button'
+import { Calendar } from 'primereact/calendar'
+import { Column } from 'primereact/column'
+import { useEffect, useState } from 'react'
+
+export default function RekapBulananPerUser() {
+	const [data, setData] = useState([])
+	const [draw, setDraw] = useState(1)
+	const [refresh, setRefresh] = useState(0)
+	const [periodeFrom, setPeriodeFrom] = useState('')
+	const [periodeTo, setPeriodeTo] = useState('')
+
+	const headers = ['Bulan', 'Dokumen', 'Disetujui Tanpa Catatan', 'Disetujui Dengan Catatan', 'Tidak Disetujui']
+
+	useEffect(() => {
+		let params = {
+			from: periodeFrom,
+			to: periodeTo,
+		}
+
+		Laporan31(params)
+			.then((res) => {
+				if (res.status === 'error') {
+					setData([])
+				} else {
+					setData(res.data)
+				}
+			})
+			.catch((err) => console.log(err))
+	}, [refresh])
+
+	const bodyTanggal = (rowData) => {
+		return moment(rowData[0]).format('MMM YYYY')
+	}
+
+	const dynamicColumns = headers.map((col, i) => {
+		let bodyx
+		if (i === 0) {
+			bodyx = { body: bodyTanggal }
+		}
+		return <Column key={i} field={[i]} header={col} {...bodyx} />
+	})
+
+	return (
+		<>
+			<Head>
+				<title>Laporan Rekapitulasi Hasil Verifikasi per Bulan</title>
+			</Head>
+			<Belakang>
+				<Judul>Laporan Rekapitulasi Hasil Verifikasi per Bulan</Judul>
+				<CardFilterLaporan header={'Filter'}>
+					<Formik
+						initialValues={{ user_id: '', from: undefined, to: undefined }}
+						onSubmit={(values, { setSubmitting }) => {
+							let periodeFromBefore = values.from
+							let periodeToBefore = values.to
+							Object.assign(values, { from: moment(values.from).format('YYYY-MM') })
+							Object.assign(values, { to: moment(values.to).format('YYYY-MM') })
+							setPeriodeFrom(values.from)
+							setPeriodeTo(values.to)
+
+							values.from = periodeFromBefore
+							values.to = periodeToBefore
+							setRefresh(Math.random())
+							setSubmitting(false)
+						}}
+						validateOnChange={false}
+					>
+						{({ values, handleChange, handleSubmit, isSubmitting }) => {
+							return (
+								<form onSubmit={handleSubmit} className='flex gap-x-5 items-center'>
+									<div className='flex flex-col'>
+										<label htmlFor='from'>Periode From</label>
+										<Calendar
+											name='from'
+											value={values.from}
+											onChange={handleChange}
+											view='month'
+											dateFormat='MM yy'
+											placeholder='Select a Periode From'
+										/>
+									</div>
+									<p>S/D</p>
+									<div className='flex flex-col'>
+										<label htmlFor='periode'>Periode To</label>
+										<Calendar
+											name='to'
+											value={values.to}
+											onChange={handleChange}
+											view='month'
+											dateFormat='MM yy'
+											placeholder='Select a Periode To'
+										/>
+									</div>
+									<div className='flex items-end mb-1'>
+										<Button type='submit' label='Tampilkan' className='p-button-sm' loading={isSubmitting} />
+									</div>
+								</form>
+							)
+						}}
+					</Formik>
+				</CardFilterLaporan>
+
+				<DatatablePrime data={data} draw={draw} setDraw={setDraw} buttonAddCustom={false} showHeader={false}>
+					{dynamicColumns}
+				</DatatablePrime>
+			</Belakang>
+		</>
+	)
+}