Tom Butcher
b8adc777a4
Some checks are pending
farmcontrol/farmcontrol-ui/pipeline/head Build started...
- Added 'modalCentered' property to the 'post' modal in Invoice, Payment, ProductStock, and PartStock models to improve modal presentation. - Reformatted content return statements in Invoice, Payment, and PurchaseOrder models for better readability and consistency.
476 lines
11 KiB
JavaScript
476 lines
11 KiB
JavaScript
import { createElement, lazy } from 'react'
|
|
|
|
const PurchaseOrderInfo = lazy(
|
|
() =>
|
|
import('../../components/Dashboard/Inventory/PurchaseOrders/PurchaseOrderInfo')
|
|
)
|
|
const NewPurchaseOrder = lazy(
|
|
() =>
|
|
import('../../components/Dashboard/Inventory/PurchaseOrders/NewPurchaseOrder')
|
|
)
|
|
const PostPurchaseOrder = lazy(
|
|
() =>
|
|
import('../../components/Dashboard/Inventory/PurchaseOrders/PostPurchaseOrder')
|
|
)
|
|
const AcknowledgePurchaseOrder = lazy(
|
|
() =>
|
|
import('../../components/Dashboard/Inventory/PurchaseOrders/AcknowledgePurchaseOrder')
|
|
)
|
|
const CancelPurchaseOrder = lazy(
|
|
() =>
|
|
import('../../components/Dashboard/Inventory/PurchaseOrders/CancelPurchaseOrder')
|
|
)
|
|
const DeleteObject = lazy(
|
|
() => import('../../components/Dashboard/common/DeleteObject')
|
|
)
|
|
import PurchaseOrderIcon from '../../components/Icons/PurchaseOrderIcon'
|
|
import PlusIcon from '../../components/Icons/PlusIcon'
|
|
import InfoCircleIcon from '../../components/Icons/InfoCircleIcon'
|
|
import CheckIcon from '../../components/Icons/CheckIcon'
|
|
import EditIcon from '../../components/Icons/EditIcon'
|
|
import XMarkIcon from '../../components/Icons/XMarkIcon'
|
|
import BinIcon from '../../components/Icons/BinIcon'
|
|
import ListIcon from '../../components/Icons/ListIcon'
|
|
|
|
export const PurchaseOrder = {
|
|
name: 'purchaseOrder',
|
|
label: 'Purchase Order',
|
|
labelPlural: 'Purchase Orders',
|
|
url: '/dashboard/inventory/purchaseorders',
|
|
prefix: 'POR',
|
|
icon: PurchaseOrderIcon,
|
|
actions: [
|
|
{
|
|
name: 'new',
|
|
type: 'modal',
|
|
pageName: 'list',
|
|
modalWidth: 800,
|
|
label: 'New Purchase Order',
|
|
icon: PlusIcon,
|
|
content: (objectData, { onOk } = {}) => {
|
|
return createElement(NewPurchaseOrder, {
|
|
defaultValues: objectData,
|
|
onOk,
|
|
reset: true
|
|
})
|
|
}
|
|
},
|
|
{
|
|
name: 'list',
|
|
type: 'page',
|
|
pageName: 'list',
|
|
label: 'List',
|
|
icon: ListIcon
|
|
},
|
|
{
|
|
name: 'info',
|
|
type: 'page',
|
|
pageName: 'info',
|
|
label: 'Info',
|
|
default: true,
|
|
row: true,
|
|
icon: InfoCircleIcon
|
|
},
|
|
{
|
|
name: 'edit',
|
|
type: 'page',
|
|
pageName: 'info',
|
|
label: 'Edit',
|
|
row: true,
|
|
icon: EditIcon,
|
|
visible: (objectData) => {
|
|
return !(objectData?._isEditing && objectData?._isEditing == true)
|
|
},
|
|
disabled: (objectData) => {
|
|
return objectData?.state?.type != 'draft'
|
|
}
|
|
},
|
|
{
|
|
name: 'cancelEdit',
|
|
label: 'Cancel Edits',
|
|
type: 'page',
|
|
pageName: 'info',
|
|
icon: XMarkIcon,
|
|
visible: (objectData) => {
|
|
return objectData?._isEditing && objectData?._isEditing == true
|
|
}
|
|
},
|
|
{
|
|
name: 'finishEdit',
|
|
label: 'Save Edits',
|
|
type: 'page',
|
|
pageName: 'info',
|
|
icon: CheckIcon,
|
|
visible: (objectData) => {
|
|
return objectData?._isEditing && objectData?._isEditing == true
|
|
}
|
|
},
|
|
{
|
|
name: 'delete',
|
|
type: 'modal',
|
|
modalWidth: 520,
|
|
modalCentered: true,
|
|
label: 'Delete',
|
|
icon: BinIcon,
|
|
danger: true,
|
|
visible: (objectData) => {
|
|
return !(objectData?._isEditing && objectData?._isEditing == true)
|
|
},
|
|
disabled: (objectData) => {
|
|
return objectData?.state?.type != 'draft'
|
|
},
|
|
content: (objectData, { onOk } = {}) => {
|
|
return createElement(DeleteObject, { objectData, onOk })
|
|
}
|
|
},
|
|
{ type: 'divider' },
|
|
{
|
|
name: 'newOrderItem',
|
|
type: 'alias',
|
|
objectType: 'orderItem',
|
|
aliasAction: 'new',
|
|
disabled: (objectData) => {
|
|
return objectData?.state?.type != 'draft'
|
|
},
|
|
objectData: (objectData) => ({
|
|
order: { _id: objectData._id },
|
|
orderType: 'purchaseOrder',
|
|
syncAmount: 'itemCost'
|
|
})
|
|
},
|
|
{
|
|
name: 'newShipment',
|
|
type: 'alias',
|
|
objectType: 'shipment',
|
|
aliasAction: 'new',
|
|
disabled: (objectData) => {
|
|
return objectData?.state?.type != 'draft'
|
|
},
|
|
objectData: (objectData) => ({
|
|
orderType: 'purchaseOrder',
|
|
order: { _id: objectData._id }
|
|
})
|
|
},
|
|
{
|
|
name: 'newInvoice',
|
|
type: 'alias',
|
|
objectType: 'invoice',
|
|
aliasAction: 'new',
|
|
disabled: (objectData) => {
|
|
const allowedStates = [
|
|
'received',
|
|
'shipped',
|
|
'partiallyReceived',
|
|
'partiallyShipped'
|
|
]
|
|
return !allowedStates.includes(objectData?.state?.type)
|
|
},
|
|
objectData: (objectData) => ({
|
|
orderType: 'purchaseOrder',
|
|
order: objectData
|
|
})
|
|
},
|
|
{
|
|
type: 'divider'
|
|
},
|
|
{
|
|
name: 'post',
|
|
type: 'modal',
|
|
modalCentered: true,
|
|
modalWidth: 520,
|
|
label: 'Post',
|
|
icon: CheckIcon,
|
|
visible: (objectData) => {
|
|
return objectData?.state?.type == 'draft'
|
|
},
|
|
content: (objectData, { onOk } = {}) => {
|
|
return createElement(PostPurchaseOrder, { objectData, onOk })
|
|
}
|
|
},
|
|
{
|
|
name: 'acknowledge',
|
|
type: 'modal',
|
|
modalWidth: 520,
|
|
label: 'Acknowledge',
|
|
icon: CheckIcon,
|
|
visible: (objectData) => {
|
|
return objectData?.state?.type == 'sent'
|
|
},
|
|
content: (objectData, { onOk } = {}) => {
|
|
return createElement(AcknowledgePurchaseOrder, { objectData, onOk })
|
|
}
|
|
},
|
|
{
|
|
name: 'complete',
|
|
label: 'Complete',
|
|
icon: CheckIcon,
|
|
url: (_id) =>
|
|
`/dashboard/inventory/shipments/info?shipmentId=${_id}&action=complete`,
|
|
disabled: (objectData) => {
|
|
return objectData?.state?.type != 'received'
|
|
},
|
|
visible: (objectData) => {
|
|
return objectData?.state?.type == 'received'
|
|
}
|
|
},
|
|
{
|
|
name: 'cancel',
|
|
type: 'modal',
|
|
modalWidth: 520,
|
|
label: 'Cancel',
|
|
icon: XMarkIcon,
|
|
danger: true,
|
|
disabled: (objectData) => {
|
|
return objectData?.state?.type == 'cancelled'
|
|
},
|
|
visible: (objectData) => {
|
|
return (
|
|
objectData?.state?.type != 'draft' &&
|
|
objectData?.state?.type != 'completed' &&
|
|
objectData?.state?.type != 'received'
|
|
)
|
|
},
|
|
content: (objectData, { onOk } = {}) => {
|
|
return createElement(CancelPurchaseOrder, { objectData, onOk })
|
|
}
|
|
}
|
|
],
|
|
pages: [
|
|
{
|
|
name: 'info',
|
|
content: () => createElement(PurchaseOrderInfo)
|
|
}
|
|
],
|
|
group: ['vendor'],
|
|
filters: [
|
|
'vendor',
|
|
'state',
|
|
'value',
|
|
'totalAmount',
|
|
'totalAmountWithTax',
|
|
'totalTaxAmount',
|
|
'shippingAmount',
|
|
'shippingAmountWithTax',
|
|
'grandTotalAmount',
|
|
'createdAt',
|
|
'updatedAt',
|
|
'_reference'
|
|
],
|
|
sorters: [
|
|
'createdAt',
|
|
'state',
|
|
'updatedAt',
|
|
'totalAmount',
|
|
'totalAmountWithTax',
|
|
'totalTaxAmount',
|
|
'shippingAmount',
|
|
'shippingAmountWithTax',
|
|
'grandTotalAmount'
|
|
],
|
|
columns: [
|
|
'_reference',
|
|
'state',
|
|
'vendor',
|
|
'totalAmount',
|
|
'totalAmountWithTax',
|
|
'totalTaxAmount',
|
|
'shippingAmount',
|
|
'shippingAmountWithTax',
|
|
'grandTotalAmount',
|
|
'createdAt',
|
|
'updatedAt',
|
|
'vendor'
|
|
],
|
|
properties: [
|
|
{
|
|
name: '_id',
|
|
label: 'ID',
|
|
type: 'id',
|
|
columnFixed: 'left',
|
|
objectType: 'purchaseOrder',
|
|
columnWidth: 140,
|
|
showCopy: true
|
|
},
|
|
{
|
|
name: 'createdAt',
|
|
label: 'Created At',
|
|
type: 'dateTime',
|
|
readOnly: true,
|
|
columnWidth: 175
|
|
},
|
|
{
|
|
name: '_reference',
|
|
label: 'Reference',
|
|
type: 'reference',
|
|
columnFixed: 'left',
|
|
required: true,
|
|
objectType: 'purchaseOrder',
|
|
showCopy: true,
|
|
readOnly: true,
|
|
columnWidth: 180
|
|
},
|
|
{
|
|
name: 'updatedAt',
|
|
label: 'Updated At',
|
|
type: 'dateTime',
|
|
readOnly: true,
|
|
columnWidth: 175
|
|
},
|
|
{
|
|
name: 'state',
|
|
label: 'State',
|
|
type: 'state',
|
|
readOnly: true,
|
|
columnWidth: 260
|
|
},
|
|
{
|
|
name: 'postedAt',
|
|
label: 'Posted At',
|
|
type: 'dateTime',
|
|
readOnly: true,
|
|
columnWidth: 175
|
|
},
|
|
{
|
|
name: 'vendor',
|
|
label: 'Vendor',
|
|
required: true,
|
|
type: 'object',
|
|
objectType: 'vendor',
|
|
showHyperlink: true,
|
|
columnWidth: 200
|
|
},
|
|
{
|
|
name: 'acknowledgedAt',
|
|
label: 'Acknowledged At',
|
|
type: 'dateTime',
|
|
readOnly: true,
|
|
columnWidth: 175
|
|
},
|
|
{
|
|
name: 'totalTaxAmount',
|
|
label: 'Total Tax Amount',
|
|
type: 'number',
|
|
prefix: '£',
|
|
roundNumber: 2,
|
|
readOnly: true,
|
|
columnWidth: 185
|
|
},
|
|
{
|
|
name: 'completedAt',
|
|
label: 'Completed At',
|
|
type: 'dateTime',
|
|
readOnly: true,
|
|
columnWidth: 175
|
|
},
|
|
{
|
|
name: 'totalAmountWithTax',
|
|
label: 'Total Amount w/ Tax',
|
|
type: 'number',
|
|
prefix: '£',
|
|
readOnly: true,
|
|
columnWidth: 215,
|
|
roundNumber: 2
|
|
},
|
|
{
|
|
name: 'shippingAmount',
|
|
label: 'Shipping Amount',
|
|
type: 'number',
|
|
prefix: '£',
|
|
roundNumber: 2,
|
|
readOnly: true,
|
|
columnWidth: 190
|
|
},
|
|
{
|
|
name: 'shippingAmountWithTax',
|
|
label: 'Shipping Amount w/ Tax',
|
|
type: 'number',
|
|
prefix: '£',
|
|
readOnly: true,
|
|
roundNumber: 2,
|
|
columnWidth: 240
|
|
},
|
|
{
|
|
name: 'totalAmount',
|
|
label: 'Total Amount',
|
|
type: 'number',
|
|
prefix: '£',
|
|
roundNumber: 2,
|
|
readOnly: true,
|
|
columnWidth: 170
|
|
},
|
|
{
|
|
name: 'grandTotalAmount',
|
|
label: 'Grand Total Amount',
|
|
type: 'number',
|
|
prefix: '£',
|
|
roundNumber: 2,
|
|
columnWidth: 215,
|
|
readOnly: true
|
|
}
|
|
],
|
|
stats: [
|
|
{
|
|
name: 'draft.count',
|
|
label: 'Draft',
|
|
type: 'number',
|
|
color: 'default'
|
|
},
|
|
{
|
|
name: 'sent.count',
|
|
label: 'Sent',
|
|
type: 'number',
|
|
color: 'cyan'
|
|
},
|
|
{
|
|
name: 'acknowledged.count',
|
|
label: 'Acknowledged',
|
|
type: 'number',
|
|
color: 'purple'
|
|
},
|
|
{
|
|
name: 'shipped.count',
|
|
label: 'Shipped',
|
|
type: 'number',
|
|
sum: ['partiallyShipped.count', 'shipped.count'],
|
|
color: 'processing'
|
|
},
|
|
{
|
|
name: 'received.count',
|
|
label: 'Received',
|
|
type: 'number',
|
|
sum: ['partiallyReceived.count', 'received.count'],
|
|
color: 'success'
|
|
},
|
|
{
|
|
name: 'cancelled.count',
|
|
label: 'Cancelled',
|
|
type: 'number',
|
|
color: 'error'
|
|
},
|
|
{
|
|
name: 'completed.count',
|
|
label: 'Completed',
|
|
type: 'number',
|
|
color: 'success'
|
|
},
|
|
{
|
|
name: 'awaitingReceiptValue.grandTotalAmount.sum',
|
|
label: 'Awaiting Receipt Value',
|
|
type: 'number',
|
|
prefix: '£',
|
|
roundNumber: 2,
|
|
color: 'warning',
|
|
cardWidth: 220
|
|
},
|
|
{
|
|
name: 'receivedValue.grandTotalAmount.sum',
|
|
label: 'Received Value',
|
|
type: 'number',
|
|
prefix: '£',
|
|
roundNumber: 2,
|
|
color: 'success',
|
|
cardWidth: 200
|
|
}
|
|
]
|
|
}
|