{
realization.cost_items.forEach((costItem) => {
- const unitPrice =
- parseFloat(String(costItem.total_cost)) /
- parseFloat(String(costItem.quantity));
-
const realizationItem = {
expense_nonstock_id: costItem.nonstock?.value as number,
qty: parseFloat(String(costItem.quantity)) as number,
- unit_price: unitPrice,
- total_price: parseFloat(String(costItem.total_cost)) as number,
+ price: parseFloat(String(costItem.price)) as number,
notes: costItem.notes ?? '',
};
@@ -177,7 +172,7 @@ const ExpenseRealizationForm = ({
{
nonstock: undefined,
quantity: undefined,
- total_cost: undefined,
+ price: undefined,
notes: '',
},
],
diff --git a/src/components/pages/expense/form/ExpenseRealizationKandangDetailExpense.tsx b/src/components/pages/expense/form/ExpenseRealizationKandangDetailExpense.tsx
index 8b889c5b..017a733e 100644
--- a/src/components/pages/expense/form/ExpenseRealizationKandangDetailExpense.tsx
+++ b/src/components/pages/expense/form/ExpenseRealizationKandangDetailExpense.tsx
@@ -48,7 +48,7 @@ const ExpenseRealizationKandangDetailExpense: React.FC<
};
const isExpenseRepeaterInputError = (
- column: 'nonstock' | 'quantity' | 'total_cost' | 'notes',
+ column: 'nonstock' | 'quantity' | 'price' | 'notes',
kandangExpenseIdx: number,
expenseIdx: number
) => {
@@ -112,7 +112,7 @@ const ExpenseRealizationKandangDetailExpense: React.FC<
| Nonstock |
Total Kuantitas |
- Total Biaya |
+ Harga Satuan |
Catatan |
@@ -163,17 +163,17 @@ const ExpenseRealizationKandangDetailExpense: React.FC<
=
documents: Yup.array().of(Yup.mixed().required()).optional(),
- cost_per_kandangs: Yup.array()
+ expense_nonstocks: Yup.array()
.of(
Yup.object({
kandang_id: Yup.number().min(1, 'Wajib memilih kandang!').required(),
@@ -86,7 +86,7 @@ export const ExpenseRequestFormSchema: Yup.ObjectSchema =
label: Yup.string().required(),
}).required('Nonstock wajib diisi!'),
quantity: Yup.number().required('Total kuantitas wajib diisi!'),
- total_cost: Yup.number().required('Total biaya wajib diisi!'),
+ price: Yup.number().required('Harga satuan wajib diisi!'),
notes: Yup.string(),
})
)
@@ -128,8 +128,8 @@ export const getExpenseFormInitialValues = (
label: initialValues.location.name,
}
: undefined,
- transaction_date: initialValues?.expense_date
- ? formatDate(initialValues.expense_date, 'YYYY-MM-DD')
+ transaction_date: initialValues?.transaction_date
+ ? formatDate(initialValues.transaction_date, 'YYYY-MM-DD')
: undefined,
kandangs: initialValues?.kandangs.map((kandang) => ({
id: kandang.kandang_id,
@@ -148,7 +148,7 @@ export const getExpenseFormInitialValues = (
})),
deleted_documents: [],
documents: [],
- cost_per_kandangs: initialValues?.kandangs
+ expense_nonstocks: initialValues?.kandangs
? initialValues.kandangs.map((kandangExpense) => ({
kandang_id: kandangExpense.kandang_id,
cost_items: kandangExpense.pengajuans
@@ -158,7 +158,7 @@ export const getExpenseFormInitialValues = (
label: expenseItem.nonstock.name,
},
quantity: expenseItem.qty,
- total_cost: expenseItem.total_price,
+ price: expenseItem.price,
notes: expenseItem.note,
}))
: [],
diff --git a/src/components/pages/expense/form/ExpenseRequestForm.tsx b/src/components/pages/expense/form/ExpenseRequestForm.tsx
index e47f2f76..d52bde0d 100644
--- a/src/components/pages/expense/form/ExpenseRequestForm.tsx
+++ b/src/components/pages/expense/form/ExpenseRequestForm.tsx
@@ -110,12 +110,12 @@ const ExpenseRequestForm = ({
transaction_date: values?.transaction_date as string,
supplier_id: values.supplier?.value as number,
documents: values.documents as File[],
- cost_per_kandangs: values.cost_per_kandangs.map((costPerKandang) => ({
- kandang_id: costPerKandang.kandang_id,
- cost_items: costPerKandang.cost_items.map((costItem) => ({
+ expense_nonstocks: values.expense_nonstocks.map((expenseNonstock) => ({
+ kandang_id: expenseNonstock.kandang_id,
+ cost_items: expenseNonstock.cost_items.map((costItem) => ({
nonstock_id: costItem.nonstock?.value as number,
quantity: parseFloat(String(costItem.quantity)) as number,
- total_cost: parseFloat(String(costItem.total_cost)) as number,
+ price: parseFloat(String(costItem.price)) as number,
notes: costItem.notes ?? '',
})),
})),
@@ -132,13 +132,13 @@ const ExpenseRequestForm = ({
transaction_date: values?.transaction_date as string,
supplier_id: values.supplier?.value as number,
documents: values.documents as File[],
- cost_per_kandang: values.cost_per_kandangs.map(
- (costPerKandang) => ({
- kandang_id: costPerKandang.kandang_id,
- cost_items: costPerKandang.cost_items.map((costItem) => ({
+ expense_nonstocks: values.expense_nonstocks.map(
+ (expenseNonstock) => ({
+ kandang_id: expenseNonstock.kandang_id,
+ cost_items: expenseNonstock.cost_items.map((costItem) => ({
nonstock_id: costItem.nonstock?.value as number,
quantity: parseFloat(String(costItem.quantity)) as number,
- total_cost: parseFloat(String(costItem.total_cost)) as number,
+ price: parseFloat(String(costItem.price)) as number,
notes: costItem.notes ?? '',
})),
})
@@ -179,53 +179,54 @@ const ExpenseRequestForm = ({
formik.setFieldValue('location', val);
formik.setFieldValue('kandangs', []);
- formik.setFieldValue('cost_per_kandangs', []);
+ formik.setFieldValue('expense_nonstocks', []);
};
const kandangsChangeHandler = (kandangs: { id: number; name: string }[]) => {
formik.setFieldTouched('kandangs', true);
formik.setFieldValue('kandangs', kandangs);
- const newCostPerKandangs = [...(formik.values.cost_per_kandangs ?? [])];
+ const newExpenseNonstocks = [...(formik.values.expense_nonstocks ?? [])];
- // add new cost_per_kandangs
+ // add new expense_nonstocks
kandangs.forEach((kandangItem) => {
- const isKandangExistInCostPerKandangs = newCostPerKandangs.find(
- (costPerKandangItem) => costPerKandangItem.kandang_id === kandangItem.id
+ const isKandangExistInExpenseNonstocks = newExpenseNonstocks.find(
+ (expenseNonstockItem) =>
+ expenseNonstockItem.kandang_id === kandangItem.id
);
- if (isKandangExistInCostPerKandangs) return;
+ if (isKandangExistInExpenseNonstocks) return;
- newCostPerKandangs.push({
+ newExpenseNonstocks.push({
kandang_id: kandangItem.id,
cost_items: [
{
nonstock: undefined,
quantity: undefined,
- total_cost: undefined,
+ price: undefined,
notes: '',
},
],
});
});
- // prune cost_per_kandangs
+ // prune expense_nonstocks
const kandangIds = new Set(kandangs.map((kandang) => kandang.id));
- const deletedCostPerKandangsIdx: number[] = [];
+ const deletedExpenseNonstocksIdx: number[] = [];
- newCostPerKandangs.forEach((costPerKandang, idx) => {
- const isCostPerKandangValid = kandangIds.has(costPerKandang.kandang_id);
+ newExpenseNonstocks.forEach((expenseNonstock, idx) => {
+ const isExpenseNonstockValid = kandangIds.has(expenseNonstock.kandang_id);
- if (!isCostPerKandangValid) {
- deletedCostPerKandangsIdx.push(idx);
+ if (!isExpenseNonstockValid) {
+ deletedExpenseNonstocksIdx.push(idx);
}
});
- deletedCostPerKandangsIdx.forEach((deletedCostPerKandangIdx) => {
- newCostPerKandangs.splice(deletedCostPerKandangIdx, 1);
+ deletedExpenseNonstocksIdx.forEach((deletedExpenseNonstockIdx) => {
+ newExpenseNonstocks.splice(deletedExpenseNonstockIdx, 1);
});
- formik.setFieldValue('cost_per_kandangs', newCostPerKandangs);
+ formik.setFieldValue('expense_nonstocks', newExpenseNonstocks);
};
const supplierChangeHandler = (val: OptionType | OptionType[] | null) => {
diff --git a/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx b/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx
index 73e6c9b7..11f54585 100644
--- a/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx
+++ b/src/components/pages/expense/form/ExpenseRequestKandangDetailExpense.tsx
@@ -41,28 +41,28 @@ const ExpenseRequestKandangDetailExpense: React.FC<
val: OptionType | OptionType[] | null
) => {
formik.setFieldTouched(
- `cost_per_kandangs[${kandangExpenseIdx}].cost_items[${expenseIdx}].nonstock`,
+ `expense_nonstocks[${kandangExpenseIdx}].cost_items[${expenseIdx}].nonstock`,
true
);
formik.setFieldValue(
- `cost_per_kandangs[${kandangExpenseIdx}].cost_items[${expenseIdx}].nonstock`,
+ `expense_nonstocks[${kandangExpenseIdx}].cost_items[${expenseIdx}].nonstock`,
val
);
};
const addExpenseItemHandler = (kandangExpenseIdx: number) => {
const newExpensesValue = [
- ...formik.values.cost_per_kandangs[kandangExpenseIdx].cost_items,
+ ...formik.values.expense_nonstocks[kandangExpenseIdx].cost_items,
{
nonstock: undefined,
- total_cost: undefined,
+ price: undefined,
quantity: undefined,
notes: '',
},
];
formik.setFieldValue(
- `cost_per_kandangs[${kandangExpenseIdx}].cost_items`,
+ `expense_nonstocks[${kandangExpenseIdx}].cost_items`,
newExpensesValue
);
};
@@ -71,28 +71,28 @@ const ExpenseRequestKandangDetailExpense: React.FC<
kandangExpenseIdx: number,
expenseIdx: number
) => {
- const path = `cost_per_kandangs[${kandangExpenseIdx}].cost_items`;
+ const path = `expense_nonstocks[${kandangExpenseIdx}].cost_items`;
// trims values, errors, and touched at expenseIdx
removeArrayItemAndSync(formik, path, expenseIdx);
};
const isExpenseRepeaterInputError = (
- column: 'nonstock' | 'quantity' | 'total_cost' | 'notes',
+ column: 'nonstock' | 'quantity' | 'price' | 'notes',
kandangExpenseIdx: number,
expenseIdx: number
) => {
return (
- formik.touched.cost_per_kandangs?.[kandangExpenseIdx]?.cost_items?.[
+ formik.touched.expense_nonstocks?.[kandangExpenseIdx]?.cost_items?.[
expenseIdx
]?.[column] &&
Boolean(
- formik.errors.cost_per_kandangs?.[kandangExpenseIdx] instanceof
+ formik.errors.expense_nonstocks?.[kandangExpenseIdx] instanceof
Object &&
- formik.errors.cost_per_kandangs?.[kandangExpenseIdx].cost_items?.[
+ formik.errors.expense_nonstocks?.[kandangExpenseIdx].cost_items?.[
expenseIdx
] instanceof Object &&
- formik.errors.cost_per_kandangs?.[kandangExpenseIdx].cost_items?.[
+ formik.errors.expense_nonstocks?.[kandangExpenseIdx].cost_items?.[
expenseIdx
]?.[column]
)
@@ -113,7 +113,7 @@ const ExpenseRequestKandangDetailExpense: React.FC<
- {(formik.values.cost_per_kandangs.length === 0 ||
+ {(formik.values.expense_nonstocks.length === 0 ||
!formik.values.supplier?.value) && (
@@ -122,9 +122,9 @@ const ExpenseRequestKandangDetailExpense: React.FC<
)}
- {formik.values.cost_per_kandangs.length > 0 &&
+ {formik.values.expense_nonstocks.length > 0 &&
formik.values.supplier?.value &&
- formik.values.cost_per_kandangs.map(
+ formik.values.expense_nonstocks.map(
(kandangExpense, kandangExpenseIdx) => {
const kandangName = formik.values.kandangs?.find(
(kandang) => kandang.id === kandangExpense.kandang_id
@@ -147,7 +147,7 @@ const ExpenseRequestKandangDetailExpense: React.FC<
| Nonstock |
Total Kuantitas |
- Total Biaya |
+ Harga Satuan |
Catatan |
{type !== 'detail' && Aksi | }
@@ -178,10 +178,10 @@ const ExpenseRequestKandangDetailExpense: React.FC<
{
{ label: 'Vendor', value: expense?.supplier.name },
{
label: 'Tanggal Transaksi',
- value: formatDate(expense?.expense_date, 'DD MMMM YYYY'),
+ value: formatDate(expense?.transaction_date, 'DD MMMM YYYY'),
},
{
label: 'Tanggal Realisasi',
@@ -326,7 +326,7 @@ const ExpensePDF = ({ expense }: ExpensePDFProps) => {
let expenseRequestTotal = 0;
kandangExpense.pengajuans?.forEach(
- (item) => (expenseRequestTotal += item.total_price)
+ (item) => (expenseRequestTotal += item.price)
);
return (
@@ -374,7 +374,7 @@ const ExpensePDF = ({ expense }: ExpensePDFProps) => {
- Total Biaya
+ Harga Satuan
{
]}
>
- {formatCurrency(pengajuan.total_price)}
+ {formatCurrency(pengajuan.price)}
{
let expenseRealizationTotal = 0;
kandangExpense.realisasi?.forEach(
- (item) => (expenseRealizationTotal += item.total_price)
+ (item) => (expenseRealizationTotal += item.price)
);
return (
@@ -532,7 +532,7 @@ const ExpensePDF = ({ expense }: ExpensePDFProps) => {
- Total Biaya
+ Harga Satuan
{
]}
>
- {formatCurrency(realisasi.total_price)}
+ {formatCurrency(realisasi.price)}
{
// Fetch Data
const { data: inventoryAdjustments, isLoading } = useSWR(
- `${inventoryAdjustmentApi.basePath}${getTableFilterQueryString()}`,
- inventoryAdjustmentApi.getAllFetcher
+ `${InventoryAdjustmentApi.basePath}${getTableFilterQueryString()}`,
+ InventoryAdjustmentApi.getAllFetcher
);
// State
diff --git a/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx b/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx
index bbfb3154..2c6c463c 100644
--- a/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx
+++ b/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx
@@ -1,7 +1,7 @@
'use client';
import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
-import { inventoryAdjustmentApi } from '@/services/api/inventory';
+import { InventoryAdjustmentApi } from '@/services/api/inventory';
import {
CreateInventoryAdjustmentPayload,
InventoryAdjustment,
@@ -24,7 +24,7 @@ import Button from '@/components/Button';
import { Icon } from '@iconify/react';
import SelectInput, { OptionType } from '@/components/input/SelectInput';
import TextInput from '@/components/input/TextInput';
-import RadioInput from '@/components/input/RadioInput';
+import { RadioGroup } from '@/components/input/RadioInput';
import TextArea from '@/components/input/TextArea';
interface InventoryAdjustmentFormProps {
@@ -52,7 +52,7 @@ const InventoryAdjustmentForm = ({
const createInventoryAdjustmentHandler = useCallback(
async (payload: CreateInventoryAdjustmentPayload) => {
const createInventoryAdjustmentRes =
- await inventoryAdjustmentApi.create(payload);
+ await InventoryAdjustmentApi.create(payload);
if (isResponseError(createInventoryAdjustmentRes)) {
setInventoryAdjustmentFormErrorMessage(
@@ -347,7 +347,7 @@ const InventoryAdjustmentForm = ({
/>
{/* Radio Button Flag Stock */}
- ;
+}) => (
+
+
+
+);
+
+const InventoryProductTable = () => {
+ const {
+ state: tableFilterState,
+ updateFilter,
+ setPage,
+ setPageSize,
+ toQueryString: getTableFilterQueryString,
+ } = useTableFilter({
+ initial: {
+ search: '',
+ },
+ paramMap: {
+ page: 'page',
+ pageSize: 'limit',
+ },
+ });
+
+ const [sorting, setSorting] = useState([]);
+
+ const { data: inventoryProducts, isLoading } = useSWR(
+ `${InventoryProductApi.basePath}${getTableFilterQueryString()}`,
+ InventoryProductApi.getAllFetcher
+ );
+
+ const searchChangeHandler: ChangeEventHandler = (e) => {
+ updateFilter('search', e.target.value);
+ };
+
+ const pageSizeChangeHandler = (val: OptionType | OptionType[] | null) => {
+ const newVal = val as OptionType;
+ setPageSize(newVal.value as number);
+ setPage(1);
+ };
+
+ const columns: ColumnDef[] = useMemo(
+ () => [
+ {
+ header: '#',
+ cell: (props) =>
+ tableFilterState.pageSize * (tableFilterState.page - 1) +
+ props.row.index +
+ 1,
+ },
+ {
+ accessorKey: 'name',
+ header: 'Nama',
+ },
+ {
+ accessorKey: 'product_price',
+ header: 'Harga Beli',
+ cell: (props) => {
+ return props.row.original.product_price
+ ? formatCurrency(props.row.original.product_price)
+ : '-';
+ },
+ },
+ {
+ accessorKey: 'selling_price',
+ header: 'Harga Jual',
+ cell: (props) => {
+ return props.row.original.selling_price
+ ? formatCurrency(props.row.original.selling_price)
+ : '-';
+ },
+ },
+ {
+ accessorFn: (row) => row.product_category.name,
+ header: 'Kategori',
+ },
+ {
+ accessorFn: (row) => row.total_stock,
+ header: 'Stok',
+ cell: (props) => {
+ return props.row.original.total_stock
+ ? formatNumber(props.row.original.total_stock)
+ : '0';
+ },
+ },
+ {
+ accessorFn: (row) => row.uom.name,
+ header: 'Satuan',
+ },
+ {
+ header: 'Aksi',
+ cell: (props) => {
+ const currentPageSize =
+ props.table.getPaginationRowModel().rows.length;
+ const currentPageRows = props.table.getPaginationRowModel().flatRows;
+ const currentRowRelativeIndex =
+ currentPageRows.findIndex((r) => r.id === props.row.id) + 1;
+
+ const isLast2Rows = currentRowRelativeIndex > currentPageSize - 2;
+
+ return (
+ <>
+ {currentPageSize > 2 && (
+
+
+
+ )}
+
+ {currentPageSize <= 2 && (
+
+
+
+ )}
+
+ );
+ },
+ },
+ ],
+ []
+ );
+
+ return (
+ <>
+
+
+
+
+ data={
+ isResponseSuccess(inventoryProducts) ? inventoryProducts?.data : []
+ }
+ columns={columns}
+ pageSize={tableFilterState.pageSize}
+ page={
+ isResponseSuccess(inventoryProducts)
+ ? inventoryProducts?.meta?.page
+ : 0
+ }
+ totalItems={
+ isResponseSuccess(inventoryProducts)
+ ? inventoryProducts?.meta?.total_results
+ : 0
+ }
+ onPageChange={setPage}
+ isLoading={isLoading}
+ sorting={sorting}
+ setSorting={setSorting}
+ className={{
+ containerClassName: cn({
+ 'mb-20':
+ isResponseSuccess(inventoryProducts) &&
+ inventoryProducts?.data?.length === 0,
+ }),
+ tableWrapperClassName: 'overflow-x-auto min-h-full!',
+ tableClassName: 'font-inter w-full table-auto min-h-full!',
+ headerRowClassName: 'border-b border-b-gray-200',
+ headerColumnClassName:
+ 'px-6 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
+ bodyRowClassName: 'border-b border-b-gray-200',
+ bodyColumnClassName:
+ 'px-6 py-3 last:flex last:flex-row last:justify-end',
+ }}
+ />
+
+
+
+
+
+
+
+
+
+ | SKU |
+ : |
+ {inventoryProduct?.sku} |
+
+
+ | Nama Produk |
+ : |
+ {inventoryProduct?.name} |
+
+
+ | Kategory |
+ : |
+ {inventoryProduct?.product_category.name} |
+
+
+ | Satuan |
+ : |
+ {inventoryProduct?.uom.name} |
+
+
+
+
+
+
+
+
+
+ | Harga Jual |
+ : |
+
+ {inventoryProduct?.selling_price
+ ? formatCurrency(inventoryProduct.selling_price)
+ : '-'}
+ |
+
+
+ | Harga Beli |
+ : |
+
+ {inventoryProduct?.product_price
+ ? formatCurrency(inventoryProduct?.product_price)
+ : '-'}
+ |
+
+
+ | Pajak |
+ : |
+
+ {inventoryProduct?.tax
+ ? formatCurrency(inventoryProduct?.tax)
+ : '-'}
+ |
+
+
+ | Total Stok |
+ : |
+
+ {inventoryProduct?.total_stock
+ ? formatNumber(inventoryProduct?.total_stock)
+ : '0'}
+ |
+
+
+
+
+
+
+
+
+
+
-
+
- {approvals && !approvalsLoading && (
-
- )}
+ {/* Informasi Kandang */}
+
+
+ Informasi Kandang
-
-
- emptyContent={
-
-
- Informasi Kandang belum tersedia...
-
-
- }
- data={[initialValues?.kandang]}
- columns={[
- {
- header: 'Area',
- accessorFn: () => initialValues?.project_flock?.area.name || '-',
- },
- {
- header: 'Lokasi',
- accessorFn: () =>
- initialValues?.project_flock?.location.name || '-',
- },
- {
- header: 'Flock',
- accessorFn: () => initialValues?.project_flock?.flock_name || '-',
- },
- {
- header: 'Kandang',
- accessorFn: (row) => row?.name || '-',
- },
- {
- header: 'Kapasitas',
- accessorFn: (row) =>
- (row?.capacity && formatNumber(row?.capacity)) || '-',
- },
- {
- header: 'Penanggung Jawab',
- accessorFn: (row) => row?.pic?.name || '-',
- },
- ]}
- className={{
- tableWrapperClassName: 'overflow-x-auto min-h-full!',
- tableClassName: 'font-inter w-full table-auto min-h-full!',
- headerRowClassName: 'border-b border-b-gray-200',
- headerColumnClassName:
- 'px-6 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
- bodyRowClassName: 'border-b border-b-gray-200',
- bodyColumnClassName:
- 'px-6 py-3 last:flex last:flex-row last:justify-end',
- paginationClassName: 'hidden',
- }}
+ {approvals && !approvalsLoading && (
+
+ )}
+
+ {/* Badge Row */}
+
+
+ {' '}
+ Aktif
+
+
+
+
+ {` Kapasitas ${formatNumber(initialValues.kandang.capacity)} Ekor`}
+
+
+ {/* Area */}
+
+ Area
+
+
+ {initialValues.project_flock.area.name}
+
+
+ {/* Lokasi */}
+
+ Lokasi
+
+
+ {initialValues.project_flock?.location.name}
+
+
+ {/* Kandang */}
+
+ Kandang
+
+ {initialValues.kandang.name}
+
+ {/* Jumlah DOC */}
+
+ Jumlah DOC
+
+
+ {formatNumber(
+ initialValues.chickins?.reduce(
+ (total, chickin) => total + chickin.usage_qty,
+ 0
+ ) ?? 0
+ )}{' '}
+ Ekor
+
+
+ Informasi Chick In
+ {/* Badge Row */}
+
+
+ {' '}
+ Perlu Chick In ({initialValues.available_qtys?.length ?? 0})
+
+
+ setOpenChickin(!openChickin)}
+ >
+ {`Riwayat Chick In ${formatNumber(initialValues.chickins?.length ?? 0)}`}
+
+
+
+
- {initialValues?.approval?.step_number == 1 && (
-
- )}
-
-
- data={initialValues?.chickins || []}
- columns={[
- {
- header: '#',
- cell: (props) => props.row.index + 1,
- },
- {
- accessorFn: (row) => row.chick_in_date,
- header: 'Tanggal Chick In',
- cell: (props) => {
- return formatDate(props.getValue() as string, 'DD MMM YYYY');
- },
- },
- {
- accessorFn: (row) => row.product_warehouse?.warehouse?.name,
- header: 'Kandang',
- },
- {
- accessorFn: (row) => row.product_warehouse?.product?.name,
- header: 'Produk',
- },
- {
- accessorFn: (row) => row.usage_qty ?? row.pending_usage_qty,
- header: 'Jumlah Chick In',
- cell: (props) => {
- if (props.row.original.usage_qty != 0) {
- return formatNumber(props.row.original.usage_qty);
- } else if (props.row.original.pending_usage_qty != 0) {
- return formatNumber(props.row.original.pending_usage_qty);
- } else {
- return '-';
- }
- },
- },
- {
- accessorFn: (row) => row.pending_usage_qty,
- header: 'Status',
- cell: (props) => {
- return (
-
- );
- },
- },
- ]}
- className={{
- containerClassName: cn({
- 'mb-20': initialValues?.chickins?.length === 0,
- }),
- tableWrapperClassName: 'overflow-x-auto min-h-full!',
- tableClassName: 'font-inter w-full table-auto min-h-full!',
- headerRowClassName: 'border-b border-b-gray-200',
- headerColumnClassName:
- 'px-6 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
- bodyRowClassName: 'border-b border-b-gray-200',
- bodyColumnClassName:
- 'px-6 py-3 last:flex last:flex-row last:justify-end',
- paginationClassName: 'hidden',
- }}
- />
+
+ {/* Card List Chickin Logs */}
+ {(initialValues?.chickins || []).length === 0 ? (
+
+
+ Belum ada riwayat Chick In...
+
+
+ ) : (
+ (initialValues?.chickins || []).map((chickin, index) => {
+ const isApproved = chickin.usage_qty !== 0;
+ const isPending = chickin.pending_usage_qty !== 0;
+ const quantity = isApproved
+ ? chickin.usage_qty
+ : isPending
+ ? chickin.pending_usage_qty
+ : 0;
+
+ return (
+
+
+ {/* Header with Status Badge */}
+
+
+ Chick In #{index + 1}
+
+
+
+
+ {/* Tanggal Chick In */}
+
+
+ {' '}
+ Tanggal Chick In
+
+
+ {formatDate(chickin.chick_in_date, 'DD MMM YYYY')}
+
+
+
+ {/* Kandang */}
+
+
+ {' '}
+ Kandang
+
+
+ {chickin.product_warehouse?.warehouse?.name || '-'}
+
+
+
+ {/* Produk */}
+
+
+ {' '}
+ Produk
+
+
+ {chickin.product_warehouse?.product?.name || '-'}
+
+
+
+ {/* Jumlah Chick In */}
+
+
+ {' '}
+ Jumlah Chick In
+
+
+ {quantity > 0 ? `${formatNumber(quantity)} Ekor` : '-'}
+
+
+
+ );
+ })
+ )}
+
+ {initialValues?.approval?.step_number == 1 && (
+
+ )}
+
{chickinErrorMessage && (
setChickinErrorMessage('')}>
{chickinErrorMessage}
)}
-
+ {availableQty?.product_warehouse?.product?.name}
- );
- },
- },
- {
- accessorFn: (row) => row.product_warehouse_id,
- header: 'Jumlah (ekor)',
- cell(props) {
- const availableQty = initialValues?.available_qtys?.find(
- (availableQty) =>
- availableQty.product_warehouse.id ===
- props.row.original.product_warehouse_id
- );
- return (
-
- {availableQty?.available_qty
- ? formatNumber(availableQty?.available_qty)
- : '-'}
-
- );
- },
- },
- ]}
- className={{
- tableWrapperClassName: 'overflow-x-auto min-h-full!',
- tableClassName: 'font-inter w-full table-auto min-h-full!',
- headerRowClassName: 'border-b border-b-gray-200',
- headerColumnClassName:
- 'px-2 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
- bodyRowClassName: 'border-b border-b-gray-200',
- bodyColumnClassName:
- 'px-2 py-2 last:flex last:flex-row last:justify-end',
- paginationClassName: 'hidden',
- }}
- emptyContent={
-
-
- Isi persediaan DOC untuk kandang belum tersedia...
-
+ {(formik.values.chickin_requests || []).map((chickinRequest, index) => {
+ const availableQty = initialValues?.available_qtys?.find(
+ (availableQty) =>
+ availableQty.product_warehouse.id ===
+ chickinRequest.product_warehouse_id
+ );
+ return (
+
+
+
+ {formatNumber(availableQty?.available_qty ?? 0)} Ekor -{' '}
+ {availableQty?.product_warehouse?.product?.name}
+
+ {chickinRequest.chick_in_date && (
+
+ )}
-
-
+
+
+ );
+ })}
+ {/*
+ data={formik.values.chickin_requests || []}
+ columns={[
+ {
+ accessorFn: (row) => row.chick_in_date,
+ header: 'Tanggal Chick In',
+ cell(props) {
+ return (
+
+ );
+ },
+ },
+ {
+ accessorFn: (row) => row.product_warehouse_id,
+ header: 'Produk',
+ cell(props) {
+ const availableQty = initialValues?.available_qtys?.find(
+ (availableQty) =>
+ availableQty.product_warehouse.id ===
+ props.row.original.product_warehouse_id
+ );
+ return (
+ {availableQty?.product_warehouse?.product?.name}
+ );
+ },
+ },
+ {
+ accessorFn: (row) => row.product_warehouse_id,
+ header: 'Jumlah (ekor)',
+ cell(props) {
+ const availableQty = initialValues?.available_qtys?.find(
+ (availableQty) =>
+ availableQty.product_warehouse.id ===
+ props.row.original.product_warehouse_id
+ );
+ return (
+
+ {availableQty?.available_qty
+ ? formatNumber(availableQty?.available_qty)
+ : '-'}
+
+ );
+ },
+ },
+ ]}
+ className={{
+ tableWrapperClassName: 'overflow-x-auto min-h-full!',
+ tableClassName: 'font-inter w-full table-auto min-h-full!',
+ headerRowClassName: 'border-b border-b-gray-200',
+ headerColumnClassName:
+ 'px-2 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
+ bodyRowClassName: 'border-b border-b-gray-200',
+ bodyColumnClassName:
+ 'px-2 py-2 last:flex last:flex-row last:justify-end',
+ paginationClassName: 'hidden',
+ }}
+ emptyContent={
+
+
+ Isi persediaan DOC untuk kandang belum tersedia...
+
+
+ }
+ /> */}
+ {formik.values.chickin_requests?.length > 0 && (
-
+ )}
{chickinErrorMessage && (
setChickinErrorMessage('')}>
{chickinErrorMessage}
diff --git a/src/components/pages/production/project-flock/ProjectFlockTable.tsx b/src/components/pages/production/project-flock/ProjectFlockTable.tsx
index a315b332..4be30f7a 100644
--- a/src/components/pages/production/project-flock/ProjectFlockTable.tsx
+++ b/src/components/pages/production/project-flock/ProjectFlockTable.tsx
@@ -1,6 +1,8 @@
'use client';
+import Badge from '@/components/Badge';
import Button from '@/components/Button';
+import FloatingActionsButton from '@/components/FloatingActionsButton';
import CheckboxInput from '@/components/input/CheckboxInput';
import DebouncedTextInput from '@/components/input/DebouncedTextInput';
import SelectInput, { OptionType } from '@/components/input/SelectInput';
@@ -8,23 +10,18 @@ import { useModal } from '@/components/Modal';
import ConfirmationModal from '@/components/modal/ConfirmationModal';
import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
import Table from '@/components/Table';
-import RowCollapseOptions from '@/components/table/RowCollapseOptions';
-import RowDropdownOptions from '@/components/table/RowDropdownOptions';
import { ROWS_OPTIONS } from '@/config/constant';
import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
-import { cn } from '@/lib/helper';
+import { cn, formatDate } from '@/lib/helper';
import { AreaApi, KandangApi, LocationApi } from '@/services/api/master-data';
import { ProjectFlockApi } from '@/services/api/production/project-flock';
import { useTableFilter } from '@/services/hooks/useTableFilter';
-import { BaseApiResponse } from '@/types/api/api-general';
import { Kandang } from '@/types/api/master-data/kandang';
-import {
- ProjectFlockApprovalPayload,
- ProjectFlock,
-} from '@/types/api/production/project-flock';
+import { ProjectFlock } from '@/types/api/production/project-flock';
import { Icon } from '@iconify/react';
import { CellContext, SortingState } from '@tanstack/react-table';
-import { ChangeEventHandler, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { ChangeEventHandler, useEffect, useMemo, useState } from 'react';
import toast from 'react-hot-toast';
import useSWR from 'swr';
@@ -98,7 +95,7 @@ const RowOptionsMenu = ({
);
};
-const ProjectFlockTable = () => {
+const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
const {
state: tableFilterState,
updateFilter,
@@ -123,8 +120,9 @@ const ProjectFlockTable = () => {
periodFilter: 'period',
},
});
+ const router = useRouter();
- // State
+ // ===== State =====
const [rowSelection, setRowSelection] = useState >({});
const selectedRowIds = Object.keys(rowSelection)
.filter((id) => rowSelection[id])
@@ -151,14 +149,15 @@ const ProjectFlockTable = () => {
const [isDeleteLoading, setIsDeleteLoading] = useState(false);
const [isApproveLoading, setIsApproveLoading] = useState(false);
- // Fetch Data
+ // ===== Fetch Data =====
const {
data: projectFlocks,
isLoading,
mutate: refreshProjectFlocks,
} = useSWR(
`${ProjectFlockApi.basePath}${getTableFilterQueryString()}`,
- ProjectFlockApi.getAllFetcher
+ ProjectFlockApi.getAllFetcher,
+ { revalidateOnMount: true }
);
const areaUrl = `${AreaApi.basePath}?${new URLSearchParams({
@@ -191,7 +190,7 @@ const ProjectFlockTable = () => {
KandangApi.getAllFetcher
);
- // Data to Options Mapping
+ // ===== Data to Options Mapping ======
const optionsArea = isResponseSuccess(areas)
? areas?.data.map((area) => ({
value: area.id,
@@ -211,7 +210,7 @@ const ProjectFlockTable = () => {
}))
: [];
- // Handler
+ // ====== HANDLER ======
const pageSizeChangeHandler = (val: OptionType | OptionType[] | null) => {
const newVal = val as OptionType;
setPageSize(newVal.value as number);
@@ -219,17 +218,17 @@ const ProjectFlockTable = () => {
const confirmationModalDeleteClickHandler = async () => {
setIsDeleteLoading(true);
- await ProjectFlockApi.delete(selectedProjectFlock?.id as number);
+ await ProjectFlockApi.delete(selectedSingleRow?.id as number);
refreshProjectFlocks();
deleteModal.closeModal();
toast.success('Successfully delete Project Flock!');
setIsDeleteLoading(false);
+ setRowSelection({});
};
const searchChangeHandler: ChangeEventHandler = (e) => {
updateFilter('search', e.target.value);
};
-
const confirmApprovalHandler = async (
notes: string,
approvalAction: 'APPROVED' | 'REJECTED'
@@ -259,22 +258,44 @@ const ProjectFlockTable = () => {
setIsApproveLoading(false);
};
+ // ====== EFFECT ======
+ useEffect(() => {
+ refreshProjectFlocks();
+ }, [refresh]);
+
+ // ====== MEMO ======
+ const selectedSingleRow: ProjectFlock | null | undefined = useMemo(() => {
+ return selectedRowIds.length === 1
+ ? isResponseSuccess(projectFlocks)
+ ? projectFlocks?.data.find((row) => row.id === selectedRowIds[0])
+ : null
+ : null;
+ }, [rowSelection]);
+
+ const canApprove = useMemo(() => {
+ if (!selectedSingleRow || isApproveLoading) return false;
+
+ const isPengajuan = selectedSingleRow.approval.step_number == 1;
+ const isNotRejected = selectedSingleRow.approval.action != 'REJECTED';
+
+ return isPengajuan && isNotRejected;
+ }, [selectedSingleRow, isApproveLoading]);
+
return (
<>
-
+
-
+ */}
{
id: 'select',
header: ({ table }) => {
const allRows = table.getRowModel().rows;
- const selectableRows = allRows.filter(
- (row) => row.original?.approval?.step_number == 1
- );
+ const selectableRows = allRows;
const allSelected =
selectableRows.every((row) => row.getIsSelected()) &&
@@ -417,12 +436,6 @@ const ProjectFlockTable = () => {
checked={allSelected}
indeterminate={someSelected}
onChange={toggleSelectableRows}
- disabled={
- isResponseSuccess(projectFlocks) &&
- projectFlocks?.data?.filter(
- (flock) => flock.approval.step_number == 1
- ).length == 0
- }
/>
);
@@ -431,14 +444,8 @@ const ProjectFlockTable = () => {
return (
@@ -469,6 +476,40 @@ const ProjectFlockTable = () => {
{
accessorKey: 'approval.step_name',
header: 'Status',
+ cell: (props) => {
+ const approval = props.row.original.approval;
+
+ return (
+
+
+ {approval.step_name}
+
+ );
+ },
},
{
header: 'Kandang',
@@ -496,51 +537,51 @@ const ProjectFlockTable = () => {
accessorKey: 'created_at',
header: 'Dibuat pada',
cell: (props) =>
- new Date(props.row.original.created_at).toLocaleDateString(),
+ formatDate(props.row.original.created_at, 'MMM DD, YYYY'),
},
- {
- header: 'Aksi',
- cell: (props) => {
- const currentPageSize =
- props.table.getPaginationRowModel().rows.length;
- const currentPageRows =
- props.table.getPaginationRowModel().flatRows;
- const currentRowRelativeIndex =
- currentPageRows.findIndex((r) => r.id === props.row.id) + 1;
+ // {
+ // header: 'Aksi',
+ // cell: (props) => {
+ // const currentPageSize =
+ // props.table.getPaginationRowModel().rows.length;
+ // const currentPageRows =
+ // props.table.getPaginationRowModel().flatRows;
+ // const currentRowRelativeIndex =
+ // currentPageRows.findIndex((r) => r.id === props.row.id) + 1;
- const isLast2Rows =
- currentRowRelativeIndex > currentPageSize - 2;
+ // const isLast2Rows =
+ // currentRowRelativeIndex > currentPageSize - 2;
- const deleteClickHandler = () => {
- setSelectedProjectFlock(props.row.original);
- deleteModal.openModal();
- };
+ // const deleteClickHandler = () => {
+ // setSelectedProjectFlock(props.row.original);
+ // deleteModal.openModal();
+ // };
- return (
- <>
- {currentPageSize > 2 && (
-
-
-
- )}
+ // return (
+ // <>
+ // {currentPageSize > 2 && (
+ //
+ //
+ //
+ // )}
- {currentPageSize <= 2 && (
-
-
-
- )}
-
- );
- },
- },
+ // {currentPageSize <= 2 && (
+ //
+ //
+ //
+ // )}
+ //
+ // );
+ // },
+ // },
]}
pageSize={tableFilterState.pageSize}
page={
@@ -576,6 +617,57 @@ const ProjectFlockTable = () => {
+ {
+ deleteModal.openModal();
+ },
+ },
+ ]}
+ approvals={[
+ {
+ icon: 'material-symbols:check',
+ label: 'Approve',
+ action: 'APPROVED',
+ onClick: () => {
+ setApprovalAction('APPROVED');
+ confirmModal.openModal();
+ },
+ disabled: !canApprove,
+ },
+ {
+ icon: 'mdi:times',
+ label: 'Reject',
+ action: 'REJECTED',
+ onClick: () => {
+ setApprovalAction('REJECTED');
+ confirmModal.openModal();
+ },
+ },
+ ]}
+ selectedRowIds={selectedRowIds}
+ onClose={() => {
+ setRowSelection({});
+ }}
+ />
+
-
+
+
+
+
+
+
+ Chick In {projectFlock?.flock_name}
+
+
+ {/*
-
+ backUrl={`/production/project-flock/detail?projectFlockId=${projectFlock?.id}`}
+ /> */}
+ {/*
- */}
+ {/* Informasi Umum */}
+ {projectFlock && (
+
+
+ Informasi Umum
+ {/* Badge Row */}
+
+ = 3
+ ? 'error'
+ : undefined
+ }
+ className={{
+ badge: 'rounded-lg px-2',
+ }}
+ >
+ = 3
+ ? 'error'
+ : undefined
+ }
+ />{' '}
+ {projectFlock.approval.step_name}
+
+
+
+
+ {` ${formatTitleCase(projectFlock.category)}`}
+
+
+ {/* Information Grid */}
+
+
+ Submitted
+
+
+
+ {' '}
+ {projectFlock.created_user.name}
+
+
+
+
+ History
+
+
+
+
+
+ {/* BARIS 1 */}
+
+ Area
+
+ {projectFlock.area.name}
+
+ {/* BARIS 2 */}
+
+ Lokasi
+
+ {projectFlock.location.name}
+
+
+ FCR
+
+ {projectFlock.fcr.name}
+
+ {/* BARIS 3 (Terakhir - TIDAK PERLU garis di bawahnya) */}
+
+ {' '}
+ Kategori
+
+
+ {formatTitleCase(projectFlock.category)}
+
+
+
+
- */}
+ {/* Card Kandangs */}
+
+
+ Daftar Kandang
+ {isResponseSuccess(listProjectFlock) ? (
+ <>
+ {/* Badge Row */}
+
+
+ {' '}
+ Disetujui (
+ {isResponseSuccess(listProjectFlockKandang) &&
+ listProjectFlockKandang.data.filter(
+ (k) => k.approval?.step_number == 1
+ ).length}
+ )
+
+
+
+ {' '}
+ Pengajuan (
+ {isResponseSuccess(listProjectFlockKandang) &&
+ listProjectFlockKandang.data.filter(
+ (k) => k.approval?.step_number == 2
+ ).length}
+ )
+
+
+
+
+ Belum Chickin (
+ {isResponseSuccess(listProjectFlockKandang) &&
+ listProjectFlockKandang.data.filter(
+ (k) => k.approval == null
+ ).length}
+ )
+
+
+ {/* Card Kandang */}
+
+
+ {isResponseSuccess(listProjectFlockKandang) &&
+ listProjectFlockKandang.data.map((kandang) => (
+
+
+
+
+
+
+ {kandang.kandang.name}
+
+
+
+
+ ))}
+
+
+ ) : (
+
+
+ Pilih project flock terlebih dahulu...
+
+
+ )}
+
+
+ */}
);
};
diff --git a/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx b/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx
new file mode 100644
index 00000000..bcfb7795
--- /dev/null
+++ b/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx
@@ -0,0 +1,304 @@
+'use client';
+
+import Button from '@/components/Button';
+import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
+import Table from '@/components/Table';
+import Badge from '@/components/Badge';
+import { cn, formatDate, formatNumber, formatTitleCase } from '@/lib/helper';
+import { ProjectFlock } from '@/types/api/production/project-flock';
+import {
+ ClosingExpense,
+ ProjectFlockKandang,
+} from '@/types/api/production/project-flock-kandang';
+import { Icon } from '@iconify/react';
+import useSWR from 'swr';
+import { ProjectFlockKandangApi } from '@/services/api/production/project-flock-kandang';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import { useModal } from '@/components/Modal';
+import ConfirmationModal from '@/components/modal/ConfirmationModal';
+import { useMemo, useState } from 'react';
+import toast from 'react-hot-toast';
+import { useRouter } from 'next/navigation';
+import { ProductWarehouse } from '@/types/api/inventory/product-warehouse';
+
+const ProjectFlockClosingForm = ({
+ projectFlock,
+ projectFlockKandang,
+}: {
+ projectFlock: ProjectFlock;
+ projectFlockKandang: ProjectFlockKandang;
+}) => {
+ const router = useRouter();
+ const closeModal = useModal();
+ const isCanClose = projectFlock.approval?.step_number <= 2;
+ const [isClosingLoading, setIsClosingLoading] = useState(false);
+
+ const { data: closingData, isLoading } = useSWR(
+ `${ProjectFlockKandangApi.basePath}/${projectFlockKandang.id}/closing`,
+ () => ProjectFlockKandangApi.checkClosing(projectFlockKandang.id)
+ );
+
+ const confirmationModalCloseClickHandler = async () => {
+ setIsClosingLoading(true);
+ const deleteProjectFlockRes = await ProjectFlockKandangApi.closing(
+ projectFlock?.id as number,
+ {
+ closed_date: formatDate(new Date(), 'yyyy-MM-dd'),
+ action: isCanClose ? 'close' : 'unclose',
+ }
+ );
+
+ if (isResponseSuccess(deleteProjectFlockRes)) {
+ toast.success(deleteProjectFlockRes?.message as string);
+ router.push(`/production/project-flock`);
+ }
+ if (isResponseError(deleteProjectFlockRes)) {
+ toast.error(deleteProjectFlockRes?.message as string);
+ }
+ setIsClosingLoading(false);
+ closeModal.closeModal();
+ };
+
+ const errorStock = useMemo(() => {
+ return isResponseSuccess(closingData)
+ ? closingData?.data?.stock_remaining.every((stock) => stock.quantity > 0)
+ : false;
+ }, [closingData]);
+
+ const errorExpense = useMemo(() => {
+ return isResponseSuccess(closingData)
+ ? closingData?.data?.expenses.every((expense) => expense.step < 5)
+ : false;
+ }, [closingData]);
+
+ const isCanCloseValid = !errorStock && !errorExpense;
+
+ return (
+ <>
+
+
+ {/* Informasi Kandang */}
+
+
+ Informasi Kandang
+
+ {/* Badge Row */}
+
+
+ {' '}
+ Aktif
+
+
+
+
+ {` Kapasitas ${formatNumber(projectFlockKandang.kandang?.capacity)} Ekor`}
+
+
+
+ {/* Information Grid */}
+
+ {/* Area */}
+
+ Area
+
+ {projectFlock.area?.name}
+
+ {/* Lokasi */}
+
+ Lokasi
+
+ {projectFlock.location?.name}
+
+ {/* Kandang */}
+
+ Kandang
+
+ {projectFlockKandang.kandang?.name}
+
+ {/* Jumlah DOC */}
+
+ Jumlah DOC
+
+
+ {formatNumber(
+ projectFlockKandang.chickins?.reduce(
+ (total, chickin) => total + chickin.usage_qty,
+ 0
+ ) ?? 0
+ )}{' '}
+ Ekor
+
+
+
+
+ {/* Table Biaya */}
+
+
+ Biaya
+
+ data={
+ isResponseSuccess(closingData) ? closingData.data?.expenses : []
+ }
+ columns={[
+ {
+ header: 'PO Number',
+ accessorKey: 'po_number',
+ },
+ {
+ header: 'Total',
+ accessorKey: 'total',
+ },
+ {
+ header: 'Status',
+ accessorKey: 'status',
+ cell(props) {
+ return (
+
+ {formatTitleCase(props.row.original.status)}
+
+ );
+ },
+ },
+ ]}
+ className={{
+ containerClassName: cn('my-4'),
+ tableWrapperClassName: 'overflow-x-auto min-h-full! max-w-120',
+ tableClassName: 'font-inter w-full table-sm min-h-full!',
+ headerRowClassName: 'border-b border-b-gray-200',
+ headerColumnClassName:
+ 'px-3 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
+ bodyRowClassName: 'border-b border-b-gray-200',
+ bodyColumnClassName:
+ 'px-3 py-3 last:flex last:flex-row last:justify-end',
+ paginationClassName: 'hidden',
+ }}
+ />
+ {errorExpense && (
+
+ *Pastikan semua biaya sudah selesai sebelum melakukan closing.
+
+ )}
+
+
+ {/* Table Persediaan Gudang */}
+
+
+ Persediaan Gudang
+
+ data={
+ isResponseSuccess(closingData)
+ ? closingData.data?.stock_remaining
+ : []
+ }
+ columns={[
+ {
+ header: 'Product',
+ accessorKey: 'product.name',
+ },
+ {
+ header: 'Kategori',
+ accessorKey: 'product.product_category.name',
+ },
+ {
+ header: 'Quantity',
+ accessorKey: 'quantity',
+ },
+ {
+ header: 'UOM',
+ accessorKey: 'product.uom.name',
+ },
+ ]}
+ className={{
+ containerClassName: cn('my-4'),
+ tableWrapperClassName: 'overflow-x-auto min-h-full! max-w-120',
+ tableClassName: 'font-inter w-full table-sm min-h-full!',
+ headerRowClassName: 'border-b border-b-gray-200',
+ headerColumnClassName:
+ 'px-3 py-3 text-xs font-semibold text-gray-500 last:flex last:flex-row last:justify-end',
+ bodyRowClassName: 'border-b border-b-gray-200',
+ bodyColumnClassName:
+ 'px-3 py-3 last:flex last:flex-row last:justify-end',
+ paginationClassName: 'hidden',
+ }}
+ />
+ {errorStock && (
+
+ *Masih ada sisa stock yang belum dihabiskan.
+
+ )}
+
+
+
+
+
+
+
+
+ );
+};
+
+export default ProjectFlockClosingForm;
diff --git a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
new file mode 100644
index 00000000..5b54b10e
--- /dev/null
+++ b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
@@ -0,0 +1,439 @@
+import Badge from '@/components/Badge';
+import Button from '@/components/Button';
+import Card from '@/components/Card';
+import { RadioGroup, RadioGroupItem } from '@/components/input/RadioInput';
+import Tooltip from '@/components/Tooltip';
+import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
+import {
+ formatCurrency,
+ formatDate,
+ formatNumber,
+ formatTitleCase,
+} from '@/lib/helper';
+import { ProjectFlock } from '@/types/api/production/project-flock';
+import { Icon } from '@iconify/react';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useModal } from '@/components/Modal';
+import ConfirmationModal from '@/components/modal/ConfirmationModal';
+import { ProjectFlockApi } from '@/services/api/production/project-flock';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import toast from 'react-hot-toast';
+import ApprovalSteps, {
+ useApprovalSteps,
+} from '@/components/pages/ApprovalSteps';
+import { PROJECT_FLOCK_APPROVAL_LINE } from '@/config/approval-line';
+
+const ProjectFlockDetail = ({
+ projectFlock,
+}: {
+ projectFlock: ProjectFlock;
+}) => {
+ const router = useRouter();
+ const deleteModal = useModal();
+ const [isDeleteLoading, setIsDeleteLoading] = useState(false);
+ const [openBudgets, setOpenBudget] = useState(false);
+ const [selectedKandangId, setSelectedKamdangId] = useState (
+ null
+ );
+
+ const selectedKandang = projectFlock.kandangs.find(
+ (kandang) => kandang.id === Number(selectedKandangId)
+ );
+
+ const {
+ approvals,
+ isLoading: approvalsLoading,
+ refresh: refreshApprovals,
+ } = useApprovalSteps({
+ latestApproval: projectFlock?.approval,
+ approvalLines: PROJECT_FLOCK_APPROVAL_LINE,
+ moduleName: 'PROJECT_FLOCKS',
+ moduleId: projectFlock?.id.toString() ?? '',
+ });
+
+ const confirmationModalDeleteClickHandler = async () => {
+ setIsDeleteLoading(true);
+ const deleteProjectFlockRes = await ProjectFlockApi.delete(
+ projectFlock?.id as number
+ );
+
+ if (isResponseSuccess(deleteProjectFlockRes)) {
+ toast.success(deleteProjectFlockRes?.message as string);
+ router.push('/production/project-flock');
+ }
+ if (isResponseError(deleteProjectFlockRes)) {
+ toast.error(deleteProjectFlockRes?.message as string);
+ }
+ setIsDeleteLoading(false);
+ };
+
+ return (
+ <>
+
+ {/* Header */}
+
+
+
+
+
+
+
+
+
+ {/* Informasi Umum */}
+
+
+ Informasi Umum
+ {/* Status Approval */}
+ {approvals && !approvalsLoading && (
+
+ )}
+ {/* Badge Row */}
+
+ = 3
+ ? 'error'
+ : undefined
+ }
+ className={{
+ badge: 'rounded-lg px-2',
+ }}
+ >
+ = 3
+ ? 'error'
+ : undefined
+ }
+ />{' '}
+ {projectFlock.approval?.step_name}
+
+
+
+
+ {` ${formatTitleCase(projectFlock.category)}`}
+
+
+ {/* Information Grid */}
+
+
+ Submitted
+
+
+
+ {' '}
+ {projectFlock.created_user.name}
+
+
+
+ {/*
+ History
+
+
+
+ */}
+
+ {/* BARIS 1 */}
+
+ Area
+
+ {projectFlock.area.name}
+
+ {/* BARIS 2 */}
+
+ Lokasi
+
+ {projectFlock.location.name}
+
+
+ FCR
+
+ {projectFlock.fcr.name}
+
+ {/* BARIS 3 (Terakhir - TIDAK PERLU garis di bawahnya) */}
+
+ {' '}
+ Kategori
+
+
+ {formatTitleCase(projectFlock.category)}
+
+
+
+
+
+ {/* Kandang Aktif */}
+
+
+ Kandang Aktif
+ {/* Badge Row */}
+
+
+ {' '}
+ Kandang Aktif ({projectFlock.kandangs.length})
+
+
+ {
+ setOpenBudget(!openBudgets);
+ }}
+ >
+ {` ${formatCurrency(
+ (projectFlock.project_budgets ?? []).reduce(
+ (acc, curr) => acc + curr.price * curr.qty,
+ 0
+ )
+ )}`}
+
+
+
+
+ {/* Card List Project Budgets */}
+ {openBudgets &&
+ (projectFlock.project_budgets ?? []).map((budget) => (
+
+
+
+
+ {' '}
+ Jenis Produk
+
+
+ {budget.nonstock?.name}
+
+
+
+
+ {' '}
+ Nama Satuan
+
+
+ {budget.nonstock?.uom.name}
+
+
+
+
+ {' '}
+ Jumlah Pembelian
+
+
+ {formatNumber(budget.qty)}
+
+
+
+
+ {' '}
+ Harga Satuan
+
+
+ {formatCurrency(budget.price)}
+
+
+
+
+ {' '}
+ Total Harga
+
+
+ {formatCurrency(budget.price * budget.qty)}
+
+
+
+ ))}
+
+ {/* Card Kandangs */}
+
+ setSelectedKamdangId(e.target.value)}
+ value={selectedKandangId?.toString()}
+ size='md'
+ color='neutral'
+ disabled={projectFlock.approval.step_number == 1}
+ >
+ {projectFlock.kandangs.map((kandang) => (
+
+ projectFlock.approval.step_number > 1 &&
+ setSelectedKamdangId(kandang.id.toString())
+ }
+ >
+
+
+
+ Kapasitas {kandang.capacity} Ekor
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- {formType === 'add' && 'Tambah Project Flock'}
- {formType === 'edit' && 'Edit Project Flock'}
- {formType === 'detail' && 'Detail Project Flock'}
-
-
+ {/* Header */}
+
+ {formType == 'edit' && (
+
+ )}
+
{projectFlockFormErrorMessage && (
@@ -631,21 +764,6 @@ const ProjectFlockForm = ({
Reject
- {initialValues?.approval?.step_number == 2 && (
-
- )}
)}
| |