diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 65cead2a..e5bd30cb 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -6,6 +6,7 @@ import useSWR from 'swr';
import { Icon } from '@iconify/react';
import { SortingState, CellContext } from '@tanstack/react-table';
import { cn, formatDate } from '@/lib/helper';
+import RequirePermission from '@/components/helper/RequirePermission';
import { useModal } from '@/components/Modal';
import Modal from '@/components/Modal';
import Button from '@/components/Button';
@@ -59,60 +60,70 @@ const RowOptionsMenu = ({
return (
-
+
+
+
{selectedRowIds.length > 0 && (
<>
-
+
+
+
-
+
+
+
)}
diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 4dca38dc..c8fa3ca0 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -8,6 +8,7 @@ import useSWR from 'swr';
import { Icon } from '@iconify/react';
import Button from '@/components/Button';
+import RequirePermission from '@/components/helper/RequirePermission';
import Card from '@/components/Card';
import Badge from '@/components/Badge';
import NumberInput from '@/components/input/NumberInput';
@@ -1492,41 +1493,45 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
!isRecordingApproved(initialValues) &&
!isRecordingRejected(initialValues) && (
-
+
+
+
-
+
+
+
)}
@@ -2696,36 +2701,40 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
{/* Left side - Detail & Edit actions */}
{type === 'detail' && deleteRecordingClickHandler && (
-
+
+
+
)}
{type === 'detail' && initialValues && (
-
+
+
+
)}
{/* Right side actions */}
diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
index 424cc3c2..18ce404d 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
@@ -26,6 +26,7 @@ import TextInput from '@/components/input/TextInput';
import CheckboxInput from '@/components/input/CheckboxInput';
import RowOptionsMenuWrapper from '@/components/table/RowOptionsMenuWrapper';
import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
+import RequirePermission from '@/components/helper/RequirePermission';
import { TransferToLaying } from '@/types/api/production/transfer-to-laying';
import { TransferToLayingApi } from '@/services/api/production/transfer-to-laying';
@@ -56,72 +57,81 @@ const RowOptionsMenu = ({
const showDeleteButton = showEditButton;
- // TODO: apply RBAC
const showApproveButton = showEditButton;
const showRejectButton = showEditButton;
return (
-
-
- {showEditButton && (
+
+
+
+ {showEditButton && (
+
+
+
)}
{/* TODO: apply RBAC */}
{showApproveButton && (
-
+
+
+
)}
{showRejectButton && (
-
+
+
+
)}
{showDeleteButton && (
-
+
+
+
)}
);
@@ -502,47 +512,53 @@ const TransferToLayingsTable = () => {
-
+
+
+
{selectedRowIds.length > 0 && (
<>
-
+
+
+
-
+
+
+
)}
diff --git a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx
index 16885062..4d60f69a 100644
--- a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx
+++ b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.tsx
@@ -8,6 +8,7 @@ import useSWR from 'swr';
import { Icon } from '@iconify/react';
import Button from '@/components/Button';
+import RequirePermission from '@/components/helper/RequirePermission';
import SelectInput, {
OptionType,
useSelect,
@@ -500,34 +501,37 @@ const TransferToLayingForm = ({
<>
{isShowApproveRejectButton && (
- {/* TODO: apply RBAC */}
-
+
+
+
-
+
+
+
)}
@@ -788,37 +792,41 @@ const TransferToLayingForm = ({
{type !== 'add' && (
{isShowDeleteButton && (
-
+
+
+
)}
{type !== 'edit' && isShowEditButton && (
-
+
+
+
)}
)}
@@ -833,15 +841,23 @@ const TransferToLayingForm = ({
Reset
-
+
+
)}
diff --git a/src/components/pages/purchase/PurchaseTable.tsx b/src/components/pages/purchase/PurchaseTable.tsx
index a77e1158..81f45cc9 100644
--- a/src/components/pages/purchase/PurchaseTable.tsx
+++ b/src/components/pages/purchase/PurchaseTable.tsx
@@ -15,6 +15,7 @@ import SelectInput, { OptionType } from '@/components/input/SelectInput';
import RowDropdownOptions from '@/components/table/RowDropdownOptions';
import RowCollapseOptions from '@/components/table/RowCollapseOptions';
import RowOptionsMenuWrapper from '@/components/table/RowOptionsMenuWrapper';
+import RequirePermission from '@/components/helper/RequirePermission';
import { cn, formatDate } from '@/lib/helper';
import { isResponseSuccess } from '@/lib/api-helper';
@@ -38,15 +39,17 @@ const RowOptionsMenu = ({
}: RowOptionsMenuProps) => {
return (
-
+
+
+
{/**/}
-
+
+
+
);
};
@@ -227,15 +232,17 @@ const PurchaseTable = () => {
-
+
+
+
{canUpdatePurchaseItems &&
canShowDeleteAddButtons && (
-
+
+
+
)}
diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index 35d9e104..de07ee52 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -39,19 +39,22 @@ import { toast } from 'react-hot-toast';
import { useSearchParams } from 'next/navigation';
import { formatCurrency, formatNumber, formatDate } from '@/lib/helper';
import { PURCHASE_ORDER_APPROVAL_LINE } from '@/config/approval-line';
+import RequirePermission from '@/components/helper/RequirePermission';
const ItemPembelianDropdown = ({ onEdit }: { onEdit: () => void }) => {
return (
-
+
+
+
);
};
@@ -59,15 +62,17 @@ const ItemPembelianDropdown = ({ onEdit }: { onEdit: () => void }) => {
const PenerimaanBarangDropdown = ({ onEdit }: { onEdit: () => void }) => {
return (
-
+
+
+
);
};
@@ -496,14 +501,16 @@ const PurchaseOrderDetail = ({
};
return (
-
+
+
+
);
},
},
@@ -632,25 +639,45 @@ const PurchaseOrderDetail = ({
{showApprovalButton && (
-
+
+
-
+
+
)}
diff --git a/src/components/pages/report/DailyMarketingReportContent.tsx b/src/components/pages/report/DailyMarketingReportContent.tsx
new file mode 100644
index 00000000..1eba4ea3
--- /dev/null
+++ b/src/components/pages/report/DailyMarketingReportContent.tsx
@@ -0,0 +1,413 @@
+'use client';
+
+import { ChangeEventHandler, useState } from 'react';
+import { pdf } from '@react-pdf/renderer';
+import toast from 'react-hot-toast';
+
+import { Icon } from '@iconify/react';
+import Button from '@/components/Button';
+import Dropdown from '@/components/dropdown/Dropdown';
+import DateInput from '@/components/input/DateInput';
+import SelectInput, {
+ OptionType,
+ useSelect,
+} from '@/components/input/SelectInput';
+import Menu from '@/components/menu/Menu';
+import MenuItem from '@/components/menu/MenuItem';
+import DailyMarketingsTable from '@/components/pages/report/DailyMarketingsTable';
+import { useTableFilter } from '@/services/hooks/useTableFilter';
+import DailyMarketingReportPDF from '@/components/pages/report/DailyMarketingReportPDF';
+
+import { Area } from '@/types/api/master-data/area';
+import {
+ AreaApi,
+ CustomerApi,
+ LocationApi,
+ WarehouseApi,
+} from '@/services/api/master-data';
+import { Warehouse } from '@/types/api/master-data/warehouse';
+import { Customer } from '@/types/api/master-data/customer';
+import { MarketingReportApi } from '@/services/api/report/marketing-report';
+import { MARKETING_TYPE_OPTIONS } from '@/config/constant';
+import { httpClient } from '@/services/http/client';
+import { BaseApiResponse } from '@/types/api/api-general';
+import { DailyMarketingReport } from '@/types/api/report/marketing';
+import { isResponseError } from '@/lib/api-helper';
+
+const DailyMarketingReportContent = () => {
+ const {
+ state: tableFilterState,
+ updateFilter,
+ setPage,
+ setPageSize,
+ toQueryString: getTableFilterQueryString,
+ reset: resetFilter,
+ } = useTableFilter({
+ initial: {
+ search: '',
+ area_id: '',
+ location_id: '',
+ warehouse_id: '',
+ customer_id: '',
+ start_date: '',
+ end_date: '',
+ marketing_type: '',
+ filter_by: '',
+ sort_by: '',
+ },
+ paramMap: {
+ page: 'page',
+ pageSize: 'limit',
+ area_id: 'area_id',
+ location_id: 'location_id',
+ warehouse_id: 'warehouse_id',
+ customer_id: 'customer_id',
+ start_date: 'start_date',
+ end_date: 'end_date',
+ marketing_type: 'marketing_type',
+ filter_by: 'filter_by',
+ sort_by: 'sort_by',
+ },
+ });
+
+ const dailyMarketingsReportUrl = `${MarketingReportApi.basePath}${getTableFilterQueryString()}`;
+
+ const [isLoadingExportingToExcel, setIsLoadingExportingToExcel] =
+ useState(false);
+ const [isLoadingExportingToPdf, setIsLoadingExportingToPdf] = useState(false);
+
+ const [selectedArea, setSelectedArea] = useState
(null);
+ const {
+ setInputValue: setAreaInputValue,
+ options: areaOptions,
+ isLoadingOptions: isLoadingAreaOptions,
+ } = useSelect(AreaApi.basePath, 'id', 'name');
+
+ const areaChangeHandler = (val: OptionType | OptionType[] | null) => {
+ setSelectedArea(val as OptionType);
+ updateFilter('area_id', val ? ((val as OptionType).value as string) : '');
+ };
+
+ const [selectedLocation, setSelectedLocation] = useState(
+ null
+ );
+ const {
+ setInputValue: setLocationInputValue,
+ options: locationOptions,
+ isLoadingOptions: isLoadingLocationOptions,
+ } = useSelect(LocationApi.basePath, 'id', 'name');
+
+ const locationChangeHandler = (val: OptionType | OptionType[] | null) => {
+ setSelectedLocation(val as OptionType);
+ updateFilter(
+ 'location_id',
+ val ? ((val as OptionType).value as string) : ''
+ );
+ };
+
+ const [selectedWarehouse, setSelectedWarehouse] = useState(
+ null
+ );
+ const {
+ setInputValue: setWarehouseInputValue,
+ options: warehouseOptions,
+ isLoadingOptions: isLoadingWarehouseOptions,
+ } = useSelect(WarehouseApi.basePath, 'id', 'name');
+
+ const warehouseChangeHandler = (val: OptionType | OptionType[] | null) => {
+ setSelectedWarehouse(val as OptionType);
+ updateFilter(
+ 'warehouse_id',
+ val ? ((val as OptionType).value as string) : ''
+ );
+ };
+
+ const [selectedCustomer, setSelectedCustomer] = useState(
+ null
+ );
+ const {
+ setInputValue: setCustomerInputValue,
+ options: customerOptions,
+ isLoadingOptions: isLoadingCustomerOptions,
+ } = useSelect(CustomerApi.basePath, 'id', 'name');
+
+ const customerChangeHandler = (val: OptionType | OptionType[] | null) => {
+ setSelectedCustomer(val as OptionType);
+ updateFilter(
+ 'customer_id',
+ val ? ((val as OptionType).value as string) : ''
+ );
+ };
+
+ const startDateChangeHandler = (e: React.ChangeEvent) => {
+ updateFilter('start_date', e.target.value ? e.target.value : '');
+ };
+
+ const endDateChangeHandler = (e: React.ChangeEvent) => {
+ updateFilter('end_date', e.target.value ? e.target.value : '');
+ };
+
+ const [selectedMarketingType, setSelectedMarketingType] =
+ useState(null);
+ const marketingTypeChangeHandler = (
+ val: OptionType | OptionType[] | null
+ ) => {
+ setSelectedMarketingType(val as OptionType);
+ updateFilter(
+ 'marketing_type',
+ val ? ((val as OptionType).value as string) : ''
+ );
+ };
+
+ const searchChangeHandler: ChangeEventHandler = (e) => {
+ updateFilter('search', e.target.value);
+ };
+
+ const filterByChangeHandler = (filterBy: string) => {
+ updateFilter('filter_by', filterBy);
+ };
+
+ const sortByChangeHandler = (sort: 'asc' | 'desc' | '') => {
+ updateFilter('sort_by', sort);
+ };
+
+ const exportToExcelHandler = async () => {
+ setIsLoadingExportingToExcel(true);
+
+ await MarketingReportApi.exportDailyMarketingToExcel(
+ getTableFilterQueryString()
+ );
+
+ setIsLoadingExportingToExcel(false);
+ };
+
+ const exportToPdfHandler = async () => {
+ setIsLoadingExportingToPdf(true);
+
+ const params = new URLSearchParams(getTableFilterQueryString());
+
+ params.set('limit', '9999999');
+
+ const queryString = `?${params.toString()}`;
+
+ try {
+ const dailyMarketingsReport = await httpClient<
+ BaseApiResponse
+ >(`${MarketingReportApi.basePath}${queryString}`);
+
+ if (isResponseError(dailyMarketingsReport)) {
+ toast.error('Gagal melakukan export penjualan harian! Coba lagi.');
+ return;
+ }
+
+ const openPdf = async () => {
+ const dailyMarketingReportPdfBlob = await pdf(
+
+ ).toBlob();
+
+ const dailyMarketingReportPdfUrl = URL.createObjectURL(
+ dailyMarketingReportPdfBlob
+ );
+ window.open(dailyMarketingReportPdfUrl, '_blank');
+ };
+
+ const downloadPdf = async () => {
+ const blob = await pdf(
+
+ ).toBlob();
+ const url = URL.createObjectURL(blob);
+
+ const link = document.createElement('a');
+ link.href = url;
+ link.download = 'laporan-penjualan-harian.pdf';
+ link.click();
+
+ URL.revokeObjectURL(url);
+ };
+
+ await openPdf();
+ } catch (error) {
+ toast.error('Gagal melakukan export penjualan harian! Coba lagi.');
+ }
+
+ setIsLoadingExportingToPdf(false);
+ };
+
+ const handleReset = () => {
+ setSelectedArea(null);
+ setSelectedLocation(null);
+ setSelectedWarehouse(null);
+ setSelectedCustomer(null);
+ setSelectedMarketingType(null);
+ resetFilter();
+ };
+
+ return (
+
+
+
Penjualan Harian
+
+
+ {/* Filters */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Export{' '}
+
+
+ }
+ >
+
+
+
+
+
+
+
+
Penjualan Harian
+
+
+
+ }
+ className='w-full!'
+ titleClassName='w-full p-0!'
+ >
+
+
+
+ );
+};
+
+export default DailyMarketingsTable;
diff --git a/src/components/pages/report/MarketingReportContent.tsx b/src/components/pages/report/MarketingReportContent.tsx
new file mode 100644
index 00000000..d54c935a
--- /dev/null
+++ b/src/components/pages/report/MarketingReportContent.tsx
@@ -0,0 +1,50 @@
+'use client';
+
+import { JSX, useState } from 'react';
+
+import Tabs from '@/components/Tabs';
+import DailyMarketingReportContent from '@/components/pages/report/DailyMarketingReportContent';
+import HppPerKandangTab from './sale/tab/HppPerKandangTab';
+
+type MarketingReportTabType =
+ | 'daily'
+ | 'transaction'
+ | 'hpp-comparison'
+ | 'daily-hpp';
+
+const marketingReportTabs: {
+ id: MarketingReportTabType;
+ label: string;
+ content: JSX.Element;
+}[] = [
+ {
+ id: 'daily',
+ label: 'Penjualan Harian',
+ content:
,
+ },
+ {
+ id: 'daily-hpp',
+ label: 'HPP Harian Kandang',
+ content:
,
+ },
+];
+
+const MarketingReportContent = () => {
+ const [activeTab, setActiveTab] = useState