farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor dashboard components to replace LockIndicator with ActivityIndicator
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
Details

Browse Source 
- Updated various components to use ActivityIndicator instead of LockIndicator for better activity tracking.
- Adjusted layout spacing by changing Space component size from 'middle' to 'small' for improved UI consistency.
- Modified object form state to include activities instead of lock status, enhancing the user experience during editing.
This commit is contained in:
Tom Butcher 2026-07-26 00:51:36 +01:00
parent 86b43481d8
commit dcbf308988
56 changed files with 1022 additions and 481 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/components/Dashboard/Developer/ApiContextDebug.jsx
View File

@ -31,16 +31,16 @@ const ApiContextDebug = () => {
connecting,
connected,
fetchLoading,
lockObject,
unlockObject,
fetchObjectLock,
setObjectActivity,
clearObjectActivity,
fetchObjectActivities,
updateObject,
createObject,
deleteObject,
subscribeToObjectUpdates,
subscribeToObjectEvent,
subscribeToObjectTypeUpdates,
subscribeToObjectLock,
subscribeToObjectActivity,
fetchObject,
fetchObjects,
fetchObjectsByProperty,
@ -169,40 +169,40 @@ const ApiContextDebug = () => {
}
}
const testLockObject = () => {
const testSetObjectActivity = () => {
try {
lockObject(testInputs.objectId, testInputs.objectType)
msgApi.success('Lock command sent')
setObjectActivity(testInputs.objectId, testInputs.objectType, 'viewing')
msgApi.success('setActivity command sent')
} catch (err) {
msgApi.error('Lock command failed')
logger.error('Lock error:', err)
msgApi.error('setActivity command failed')
logger.error('setActivity error:', err)
}
}
const testUnlockObject = () => {
const testClearObjectActivity = () => {
try {
unlockObject(testInputs.objectId, testInputs.objectType)
msgApi.success('Unlock command sent')
clearObjectActivity(testInputs.objectId, testInputs.objectType)
msgApi.success('clearActivity command sent')
} catch (err) {
msgApi.error('Unlock command failed')
logger.error('Unlock error:', err)
msgApi.error('clearActivity command failed')
logger.error('clearActivity error:', err)
}
}
const testFetchObjectLock = async () => {
const testFetchObjectActivities = async () => {
try {
msgApi.loading('Testing fetchObjectLock...', 0)
const result = await fetchObjectLock(
msgApi.loading('Testing fetchObjectActivities...', 0)
const result = await fetchObjectActivities(
testInputs.objectId,
testInputs.objectType
)
msgApi.destroy()
msgApi.success('fetchObjectLock test completed')
logger.debug('fetchObjectLock test completed', result)
msgApi.success('fetchObjectActivities test completed')
logger.debug('fetchObjectActivities test completed', result)
} catch (err) {
msgApi.destroy()
msgApi.error('fetchObjectLock test failed')
logger.error('fetchObjectLock error:', err)
msgApi.error('fetchObjectActivities test failed')
logger.error('fetchObjectActivities error:', err)
}
}
@ -477,28 +477,27 @@ const ApiContextDebug = () => {
}
}
const testSubscribeToObjectLock = () => {
const testSubscribeToObjectActivity = () => {
try {
const callback = (lockData) => {
logger.debug('Object lock update received:', lockData)
const callback = (activity) => {
logger.debug('Object activity update received:', activity)
}
const unsubscribe = subscribeToObjectLock(
const unsubscribe = subscribeToObjectActivity(
testInputs.objectId,
testInputs.objectType,
callback
)
msgApi.success('Subscribed to object lock updates')
logger.debug('Subscribed to object lock updates for test-id')
msgApi.success('Subscribed to object activity updates')
logger.debug('Subscribed to object activity updates for test-id')
// Store unsubscribe function for cleanup
setTimeout(() => {
if (unsubscribe) {
unsubscribe()
logger.debug('Unsubscribed from object lock updates')
logger.debug('Unsubscribed from object activity updates')
}
}, 10000) // Auto-unsubscribe after 10 seconds
}, 10000)
} catch (err) {
msgApi.error('Subscribe to object lock updates failed')
msgApi.error('Subscribe to object activity updates failed')
logger.error('Subscribe error:', err)
}
}
@ -719,8 +718,8 @@ const ApiContextDebug = () => {
<Button onClick={testFetchObjects} block>
Test fetchObjects
</Button>
<Button onClick={testFetchObjectLock} block>
Test fetchObjectLock
<Button onClick={testFetchObjectActivities} block>
Test fetchObjectActivities
</Button>
<Button onClick={testFetchObjectsByProperty} block>
Test fetchObjectsByProperty
@ -746,11 +745,11 @@ const ApiContextDebug = () => {
collapseKey='crudTests'
>
<Space direction='vertical' style={{ width: '100%' }}>
<Button onClick={testLockObject} block>
Test Lock Object
<Button onClick={testSetObjectActivity} block>
Test Set Activity
</Button>
<Button onClick={testUnlockObject} block>
Test Unlock Object
<Button onClick={testClearObjectActivity} block>
Test Clear Activity
</Button>
<Button onClick={testUpdateObject} block>
Test updateObject
@ -803,8 +802,8 @@ const ApiContextDebug = () => {
<Button onClick={testSubscribeToObjectTypeUpdates} block>
Test Subscribe Object Type Updates
</Button>
<Button onClick={testSubscribeToObjectLock} block>
Test Subscribe Object Lock
<Button onClick={testSubscribeToObjectActivity} block>
Test Subscribe Object Activity
</Button>
</Space>
</InfoCollapse>

13
src/components/Dashboard/Finance/Invoices/InvoiceInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -16,7 +16,7 @@ import PaymentIcon from '../../../Icons/PaymentIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -110,7 +110,7 @@ const InvoiceInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='invoice'
@ -142,7 +142,10 @@ const InvoiceInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -159,7 +162,7 @@ const InvoiceInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

13
src/components/Dashboard/Finance/Payments/PaymentInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -106,7 +106,7 @@ const PaymentInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='payment'
@ -135,7 +135,10 @@ const PaymentInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -152,7 +155,7 @@ const PaymentInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

13
src/components/Dashboard/Finance/TaxRecords/TaxRecordInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -74,7 +74,7 @@ const TaxRecordInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='taxRecord'
@ -103,7 +103,10 @@ const TaxRecordInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -119,7 +122,7 @@ const TaxRecordInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

11
src/components/Dashboard/Inventory/FilamentStocks/FilamentStockInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import ObjectForm from '../../common/ObjectForm'
import ObjectInfo from '../../common/ObjectInfo'
@ -11,7 +11,7 @@ import EditButtons from '../../common/EditButtons'
import ActionHandler from '../../common/ActionHandler'
import InfoCollapse from '../../common/InfoCollapse'
import NotesPanel from '../../common/NotesPanel'
import LockIndicator from '../../common/LockIndicator'
import ActivityIndicator from '../../common/ActivityIndicator'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon'
import FilamentStockIcon from '../../../Icons/FilamentStockIcon'
import NoteIcon from '../../../Icons/NoteIcon'
@ -69,7 +69,7 @@ const FilamentStockInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='filamentStock'
@ -99,7 +99,10 @@ const FilamentStockInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons

13
src/components/Dashboard/Inventory/OrderItems/OrderItemInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -78,7 +78,7 @@ const OrderItemInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='orderItem'
@ -102,7 +102,10 @@ const OrderItemInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -118,7 +121,7 @@ const OrderItemInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Inventory/PartStocks/PartStockInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -45,7 +45,7 @@ const PartStockInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -76,7 +76,7 @@ const PartStockInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='partStock'
@ -105,7 +105,10 @@ const PartStockInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -121,7 +124,7 @@ const PartStockInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Inventory/ProductStocks/ProductStockInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -21,7 +21,7 @@ import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import PartStockIcon from '../../../Icons/PartStockIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -55,7 +55,7 @@ const ProductStockInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -99,7 +99,7 @@ const ProductStockInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='productStock'
@ -129,7 +129,10 @@ const ProductStockInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -146,7 +149,7 @@ const ProductStockInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

13
src/components/Dashboard/Inventory/PurchaseOrders/PurchaseOrderInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -136,7 +136,7 @@ const PurchaseOrderInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='purchaseOrder'
@ -169,7 +169,10 @@ const PurchaseOrderInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -186,7 +189,7 @@ const PurchaseOrderInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

13
src/components/Dashboard/Inventory/Shipments/PurchaseOrderInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -112,7 +112,7 @@ const PurchaseOrderInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='purchaseOrder'
@ -138,7 +138,10 @@ const PurchaseOrderInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -154,7 +157,7 @@ const PurchaseOrderInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Inventory/Shipments/ShipmentInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -98,7 +98,7 @@ const ShipmentInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='shipment'
@ -127,7 +127,10 @@ const ShipmentInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -143,7 +146,7 @@ const ShipmentInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Inventory/StockAudits/StockAuditInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -45,7 +45,7 @@ const StockAuditInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -76,7 +76,7 @@ const StockAuditInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='stockAudit'
@ -105,7 +105,10 @@ const StockAuditInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -121,7 +124,7 @@ const StockAuditInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Inventory/StockLocations/StockLocationInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -46,7 +46,7 @@ const StockLocationInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -77,7 +77,7 @@ const StockLocationInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='stockLocation'
@ -106,7 +106,10 @@ const StockLocationInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -122,7 +125,7 @@ const StockLocationInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Inventory/StockTransfers/StockTransferInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import useCollapseState from '../../hooks/useCollapseState.jsx'
import NotesPanel from '../../common/NotesPanel.jsx'
@ -19,7 +19,7 @@ import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import StockTransferIcon from '../../../Icons/StockTransferIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -50,7 +50,7 @@ const StockTransferInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -94,7 +94,7 @@ const StockTransferInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='stockTransfer'
@ -124,7 +124,10 @@ const StockTransferInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -141,7 +144,7 @@ const StockTransferInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

13
src/components/Dashboard/Management/AppPasswords/AppPasswordInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState, useContext } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Modal } from 'antd'
import { Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import useCollapseState from '../../hooks/useCollapseState'
import InfoCollapse from '../../common/InfoCollapse'
@ -10,7 +10,7 @@ import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -78,7 +78,7 @@ const AppPasswordInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='appPassword'
@ -106,7 +106,10 @@ const AppPasswordInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -123,7 +126,7 @@ const AppPasswordInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

13
src/components/Dashboard/Management/CourierServices/CourierServiceInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -76,7 +76,7 @@ const CourierServiceInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='courierService'
@ -105,7 +105,10 @@ const CourierServiceInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -121,7 +124,7 @@ const CourierServiceInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Couriers/CourierInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -72,7 +72,7 @@ const CourierInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='courier'
@ -101,7 +101,10 @@ const CourierInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -117,7 +120,7 @@ const CourierInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/DocumentJobs/DocumentJobInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -73,7 +73,7 @@ const DocumentJobInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='documentJob'
@ -102,7 +102,10 @@ const DocumentJobInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -118,7 +121,7 @@ const DocumentJobInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Management/DocumentPrinters/DocumentPrinterInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -47,7 +47,7 @@ const DocumentPrinterInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -78,7 +78,7 @@ const DocumentPrinterInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='documentPrinter'
@ -110,7 +110,10 @@ const DocumentPrinterInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -126,7 +129,7 @@ const DocumentPrinterInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -73,7 +73,7 @@ const DocumentSizeInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='documentSize'
@ -102,7 +102,10 @@ const DocumentSizeInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -118,7 +121,7 @@ const DocumentSizeInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

8
src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateDesign.jsx
View File

@ -10,7 +10,7 @@ import ViewButton from '../../common/ViewButton.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
@ -41,7 +41,7 @@ const DocumentTemplateDesign = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -97,7 +97,7 @@ const DocumentTemplateDesign = () => {
updateVisibleState={updateCollapseState}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator activities={objectFormState.activities} />
</Space>
<Space>
<EditButtons
@ -113,7 +113,7 @@ const DocumentTemplateDesign = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -47,7 +47,7 @@ const DocumentTemplateInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -78,7 +78,7 @@ const DocumentTemplateInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='documentTemplate'
@ -107,7 +107,10 @@ const DocumentTemplateInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -123,7 +126,7 @@ const DocumentTemplateInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/FilamentSkus/FilamentSkuInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
import InfoCollapse from '../../common/InfoCollapse'
@ -8,7 +8,7 @@ import ObjectInfo from '../../common/ObjectInfo'
import ViewButton from '../../common/ViewButton'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@ -71,7 +71,7 @@ const FilamentSkuInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='filamentSku'
@ -100,7 +100,10 @@ const FilamentSkuInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -116,7 +119,7 @@ const FilamentSkuInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Filaments/FilamentInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -90,7 +90,7 @@ const FilamentInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='filament'
@ -121,7 +121,10 @@ const FilamentInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -137,7 +140,7 @@ const FilamentInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Files/FileInfo.jsx
View File

@ -1,6 +1,6 @@
import { useContext, useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config.js'
import useCollapseState from '../../hooks/useCollapseState.jsx'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -82,7 +82,7 @@ const FileInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='file'
@ -112,7 +112,10 @@ const FileInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -128,7 +131,7 @@ const FileInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

15
src/components/Dashboard/Management/Hosts/HostInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -47,7 +47,7 @@ const HostInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -86,7 +86,7 @@ const HostInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='host'
@ -117,7 +117,10 @@ const HostInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -133,7 +136,7 @@ const HostInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Materials/MaterialInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -74,7 +74,7 @@ const MaterialInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='material'
@ -103,7 +103,10 @@ const MaterialInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -119,7 +122,7 @@ const MaterialInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/NoteTypes/NoteTypeInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex } from 'antd'
import { Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import useCollapseState from '../../hooks/useCollapseState'
import InfoCollapse from '../../common/InfoCollapse'
@ -10,7 +10,7 @@ import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -63,7 +63,7 @@ const NoteTypeInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='noteType'
@ -91,7 +91,10 @@ const NoteTypeInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -107,7 +110,7 @@ const NoteTypeInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Notes/NoteInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -16,7 +16,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -76,7 +76,7 @@ const NoteInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='note'
@ -106,7 +106,10 @@ const NoteInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -122,7 +125,7 @@ const NoteInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/PartSkus/PartSkuInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
import InfoCollapse from '../../common/InfoCollapse'
@ -8,7 +8,7 @@ import ObjectInfo from '../../common/ObjectInfo'
import ViewButton from '../../common/ViewButton'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@ -66,7 +66,7 @@ const PartSkuInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='partSku'
@ -95,7 +95,10 @@ const PartSkuInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -111,7 +114,7 @@ const PartSkuInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Parts/PartInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
import InfoCollapse from '../../common/InfoCollapse'
@ -8,7 +8,7 @@ import ObjectInfo from '../../common/ObjectInfo'
import ViewButton from '../../common/ViewButton'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@ -71,7 +71,7 @@ const PartInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='part'
@ -101,7 +101,10 @@ const PartInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -117,7 +120,7 @@ const PartInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/ProductCategories/ProductCategoryInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
import InfoCollapse from '../../common/InfoCollapse'
@ -11,7 +11,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -71,7 +71,7 @@ const ProductCategoryInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='productCategory'
@ -100,7 +100,10 @@ const ProductCategoryInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -116,7 +119,7 @@ const ProductCategoryInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/ProductSkus/ProductSkuInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
import InfoCollapse from '../../common/InfoCollapse'
@ -8,7 +8,7 @@ import ObjectInfo from '../../common/ObjectInfo'
import ViewButton from '../../common/ViewButton'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@ -73,7 +73,7 @@ const ProductSkuInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='productSku'
@ -103,7 +103,10 @@ const ProductSkuInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -119,7 +122,7 @@ const ProductSkuInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

14
src/components/Dashboard/Management/Products/ProductInfo.jsx
View File

@ -1,7 +1,6 @@
import { useRef, useState } from 'react'
import { Modal } from 'antd'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
import InfoCollapse from '../../common/InfoCollapse'
@ -9,7 +8,7 @@ import ObjectInfo from '../../common/ObjectInfo'
import ViewButton from '../../common/ViewButton'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@ -72,7 +71,7 @@ const ProductInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='product'
@ -102,7 +101,10 @@ const ProductInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -118,7 +120,7 @@ const ProductInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/TaxRates/TaxRateInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -71,7 +71,7 @@ const TaxRateInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='taxRate'
@ -100,7 +100,10 @@ const TaxRateInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -116,7 +119,7 @@ const TaxRateInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Users/UserInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
@ -13,7 +13,7 @@ import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import AppPasswordIcon from '../../../Icons/AppPasswordIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -76,7 +76,7 @@ const UserInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='user'
@ -106,7 +106,10 @@ const UserInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -122,7 +125,7 @@ const UserInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

13
src/components/Dashboard/Management/Vendors/VendorInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -71,7 +71,7 @@ const VendorInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='vendor'
@ -100,7 +100,10 @@ const VendorInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -116,7 +119,7 @@ const VendorInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

11
src/components/Dashboard/Production/FilamentProfiles/FilamentProfileInfo.jsx
View File

@ -12,7 +12,7 @@ import HotEndIcon from '../../../Icons/HotEndIcon'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon'
import InfoCollapse from '../../common/InfoCollapse'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder'
import LockIndicator from '../../common/LockIndicator'
import ActivityIndicator from '../../common/ActivityIndicator'
import MultiMotionIcon from '../../../Icons/MultiMotionIcon'
import NoteIcon from '../../../Icons/NoteIcon'
import NotesPanel from '../../common/NotesPanel'
@ -108,7 +108,7 @@ const FilamentProfileInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify='space-between'>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='filamentProfile'
@ -150,7 +150,10 @@ const FilamentProfileInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<EditButtons
isEditing={objectFormState.isEditing}
@ -161,7 +164,7 @@ const FilamentProfileInfo = () => {
startEditing={() => actionHandlerRef.current.callAction('edit')}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Flex>

15
src/components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -15,7 +15,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -48,7 +48,7 @@ const GCodeFileInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -79,7 +79,7 @@ const GCodeFileInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='gcodeFile'
@ -109,7 +109,10 @@ const GCodeFileInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -125,7 +128,7 @@ const GCodeFileInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

4
src/components/Dashboard/Production/GCodeFiles/GCodeFilePreview.jsx
View File

@ -10,7 +10,7 @@ import ViewButton from '../../common/ViewButton.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import EyeIcon from '../../../Icons/EyeIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import FilePreview from '../../common/FilePreview.jsx'
@ -79,7 +79,7 @@ const GCodeFilePreview = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator activities={objectFormState.activities} />
</Space>
</Flex>

15
src/components/Dashboard/Production/Jobs/JobInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
import config from '../../../../config.js'
@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -47,7 +47,7 @@ const JobInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {
_id: jobId
@ -89,7 +89,7 @@ const JobInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='job'
@ -119,7 +119,10 @@ const JobInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -136,7 +139,7 @@ const JobInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

11
src/components/Dashboard/Production/PrinterProfiles/PrinterProfileInfo.jsx
View File

@ -13,7 +13,7 @@ import PictureIcon from '../../../Icons/PictureIcon'
import RulerIcon from '../../../Icons/RulerIcon'
import InfoCollapse from '../../common/InfoCollapse'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder'
import LockIndicator from '../../common/LockIndicator'
import ActivityIndicator from '../../common/ActivityIndicator'
import NoteIcon from '../../../Icons/NoteIcon'
import NotesPanel from '../../common/NotesPanel'
import ObjectActions from '../../common/ObjectActions'
@ -87,7 +87,7 @@ const PrinterProfileInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify='space-between'>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='printerProfile'
@ -123,7 +123,10 @@ const PrinterProfileInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<EditButtons
isEditing={objectFormState.isEditing}
@ -134,7 +137,7 @@ const PrinterProfileInfo = () => {
startEditing={() => actionHandlerRef.current.callAction('edit')}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Flex>

2
src/components/Dashboard/Production/Printers/ControlPrinter.jsx
View File

@ -79,7 +79,7 @@ const ControlPrinter = ({ slicerIntegration = false }) => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})

15
src/components/Dashboard/Production/Printers/PrinterInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import NewPrinterProfile from '../PrinterProfiles/NewPrinterProfile'
import { LoadingOutlined } from '@ant-design/icons'
import loglevel from 'loglevel'
@ -15,7 +15,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -45,7 +45,7 @@ const PrinterInfo = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {}
})
@ -81,7 +81,7 @@ const PrinterInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='printer'
@ -111,7 +111,10 @@ const PrinterInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -127,7 +130,7 @@ const PrinterInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

2
src/components/Dashboard/Production/Printers/SlicerIntegration.jsx
View File

@ -34,7 +34,7 @@ const SlicerIntegration = () => {
isEditing: false,
editLoading: false,
formValid: false,
locked: false,
activities: [],
loading: false,
objectData: {
pendingSlicerUploads: []

11
src/components/Dashboard/Production/SubJobs/SubJobInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import useCollapseState from '../../hooks/useCollapseState'
import NotesPanel from '../../common/NotesPanel'
@ -12,7 +12,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -64,7 +64,7 @@ const SubJobInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='subJob'
@ -93,7 +93,10 @@ const SubJobInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons

13
src/components/Dashboard/Sales/Clients/ClientInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Card } from 'antd'
import { Card, Flex, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -71,7 +71,7 @@ const ClientInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='client'
@ -100,7 +100,10 @@ const ClientInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -116,7 +119,7 @@ const ClientInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

14
src/components/Dashboard/Sales/ListingVarients/ListingVarientInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -23,7 +23,6 @@ import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import PublishListingVarient from './PublishListingVarient.jsx'
import UnpublishListingVarient from './UnpublishListingVarient.jsx'
import { Card } from 'antd'
const log = loglevel.getLogger('ListingVarientInfo')
log.setLevel(config.logLevel)
@ -89,7 +88,7 @@ const ListingVarientInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='listingVarient'
@ -118,7 +117,10 @@ const ListingVarientInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -134,7 +136,7 @@ const ListingVarientInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

14
src/components/Dashboard/Sales/Listings/ListingInfo.jsx
View File

@ -1,6 +1,6 @@
import { useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Modal } from 'antd'
import { Card, Flex, Modal, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -14,7 +14,7 @@ import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ListingVarientIcon from '../../../Icons/ListingVarientIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -25,7 +25,6 @@ import ScrollBox from '../../common/ScrollBox.jsx'
import NewListingVarient from '../ListingVarients/NewListingVarient.jsx'
import PublishListing from './PublishListing.jsx'
import UnpublishListing from './UnpublishListing.jsx'
import { Card } from 'antd'
const log = loglevel.getLogger('ListingInfo')
log.setLevel(config.logLevel)
@ -93,7 +92,7 @@ const ListingInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='listing'
@ -123,7 +122,10 @@ const ListingInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -139,7 +141,7 @@ const ListingInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

14
src/components/Dashboard/Sales/Marketplaces/MarketplaceInfo.jsx
View File

@ -1,6 +1,6 @@
import { useContext, useRef, useState } from 'react'
import { useLocation } from 'react-router-dom'
import { Space, Flex, Modal, message } from 'antd'
import { Card, Flex, message, Modal, Space } from 'antd'
import loglevel from 'loglevel'
import config from '../../../../config'
import useCollapseState from '../../hooks/useCollapseState'
@ -13,7 +13,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm'
import EditButtons from '../../common/EditButtons'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -21,7 +21,6 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import DocumentPrintButton from '../../common/DocumentPrintButton.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import { Card } from 'antd'
import SyncListings from './SyncListings.jsx'
import SyncOrders from './SyncOrders.jsx'
import ConfigureMarketplace from './ConfigureMarketplace.jsx'
@ -162,7 +161,7 @@ const MarketplaceInfo = () => {
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='marketplace'
@ -191,7 +190,10 @@ const MarketplaceInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -207,7 +209,7 @@ const MarketplaceInfo = () => {
}}
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={objectFormState.lock?.locked || objectFormState.loading}
disabled={objectFormState.beingEditedByOther || objectFormState.loading}
loading={objectFormState.editLoading}
/>
</Space>

11
src/components/Dashboard/Sales/SalesOrders/SalesOrderInfo.jsx
View File

@ -14,7 +14,7 @@ import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
import ObjectForm from '../../common/ObjectForm.jsx'
import EditButtons from '../../common/EditButtons.jsx'
import LockIndicator from '../../common/LockIndicator.jsx'
import ActivityIndicator from '../../common/ActivityIndicator.jsx'
import ActionHandler from '../../common/ActionHandler.jsx'
import ObjectActions from '../../common/ObjectActions.jsx'
import ObjectTable from '../../common/ObjectTable.jsx'
@ -133,7 +133,7 @@ const SalesOrderInfo = () => {
}}
>
<Flex justify={'space-between'}>
<Space size='middle'>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='salesOrder'
@ -166,7 +166,10 @@ const SalesOrderInfo = () => {
disabled={objectFormState.loading}
/>
</Space>
<LockIndicator lock={objectFormState.lock} />
<ActivityIndicator
activities={objectFormState.activities}
showStartingDivider={true}
/>
</Space>
<Space>
<EditButtons
@ -183,7 +186,7 @@ const SalesOrderInfo = () => {
editLoading={objectFormState.editLoading}
formValid={objectFormState.formValid}
disabled={
objectFormState.lock?.locked ||
objectFormState.beingEditedByOther ||
objectFormState.loading ||
editDisabled
}

255
src/components/Dashboard/common/ActivityIndicator.jsx Normal file
View File

@ -0,0 +1,255 @@
import { useState, useEffect, useContext, useRef, memo } from 'react'
import { Flex, Card, Popover, Divider } from 'antd'
import { UserOutlined } from '@ant-design/icons'
import PropTypes from 'prop-types'
import EditIcon from '../../Icons/EditIcon'
import { ApiServerContext } from '../context/ApiServerContext'
import { AuthContext } from '../context/AuthContext'
import SpotlightTooltip from './SpotlightTooltip'
import { useNavigate } from 'react-router-dom'
import { getModelByName } from '../../../database/ObjectModels'
const getUserId = (user) => user?._id || user
const getProfileImageId = (user) => {
const profileImage = user?.profileImage
return (
profileImage?._id ||
(typeof profileImage === 'string' ? profileImage : null)
)
}
const getDisplayName = (user) =>
user?.name ||
[user?.firstName, user?.lastName].filter(Boolean).join(' ') ||
user?.username ||
'User'
const avatarImageStyle = {
width: 32,
height: 32,
borderRadius: '12px',
objectFit: 'cover',
border: '1px solid rgb(128, 128, 128, 0.4)'
}
const avatarCardStyle = { borderRadius: '12px', width: 32, height: 32 }
const UserProfileImage = memo(function UserProfileImage({
profileImageId,
displayName
}) {
const { fetchFileContent } = useContext(ApiServerContext)
const fetchFileContentRef = useRef(fetchFileContent)
fetchFileContentRef.current = fetchFileContent
const [profileImageUrl, setProfileImageUrl] = useState(null)
const profileImageUrlRef = useRef(null)
const loadedImageIdRef = useRef(null)
useEffect(() => {
if (!profileImageId) {
if (profileImageUrlRef.current) {
URL.revokeObjectURL(profileImageUrlRef.current)
profileImageUrlRef.current = null
}
loadedImageIdRef.current = null
setProfileImageUrl(null)
return
}
if (
loadedImageIdRef.current === profileImageId &&
profileImageUrlRef.current
) {
return
}
let cancelled = false
const file = { _id: profileImageId, name: '', extension: '' }
const loadProfileImage = async () => {
try {
const fileURL = await fetchFileContentRef.current(file, false)
if (!cancelled) {
if (profileImageUrlRef.current) {
URL.revokeObjectURL(profileImageUrlRef.current)
}
profileImageUrlRef.current = fileURL || null
loadedImageIdRef.current = profileImageId
setProfileImageUrl(fileURL || null)
} else if (fileURL) {
URL.revokeObjectURL(fileURL)
}
} catch {
if (!cancelled) {
setProfileImageUrl(null)
}
}
}
loadProfileImage()
return () => {
cancelled = true
}
}, [profileImageId])
useEffect(() => {
return () => {
if (profileImageUrlRef.current) {
URL.revokeObjectURL(profileImageUrlRef.current)
profileImageUrlRef.current = null
}
loadedImageIdRef.current = null
}
}, [])
if (profileImageUrl) {
return (
<img src={profileImageUrl} alt={displayName} style={avatarImageStyle} />
)
}
return (
<Card
style={avatarCardStyle}
styles={{ body: { padding: 0, height: '100%' } }}
>
<Flex justify='center' align='center' style={{ height: '100%' }}>
<UserOutlined
style={{
fontSize: 14,
color: 'var(--color-text-secondary)'
}}
/>
</Flex>
</Card>
)
})
UserProfileImage.propTypes = {
profileImageId: PropTypes.string,
displayName: PropTypes.string.isRequired
}
const UserActivityAvatar = memo(
function UserActivityAvatar({ user, mode }) {
const profileImageId = getProfileImageId(user)
const displayName = getDisplayName(user)
const navigate = useNavigate()
const model = getModelByName('user')
// Get hyperlink URL from model's default actions
var hyperlink = null
const defaultModelActions =
model.actions?.filter((action) => action.default == true) || []
if (defaultModelActions.length >= 1 && getUserId(user)) {
hyperlink = defaultModelActions[0].url(getUserId(user))
}
return (
<Popover
content={<SpotlightTooltip query={`USR:${user?._id}`} type='user' />}
placement='bottomLeft'
arrow={false}
style={{ padding: 0 }}
>
<div
style={{
position: 'relative',
width: 32,
height: 32,
cursor: 'pointer',
borderRadius: '12px'
}}
onClick={() => {
navigate(hyperlink)
}}
>
<UserProfileImage
profileImageId={profileImageId}
displayName={displayName}
/>
{mode === 'editing' && (
<div
style={{
position: 'absolute',
right: -4,
bottom: -4,
width: 14,
height: 14,
borderRadius: '50%',
background: 'var(--color-warning)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
boxShadow: '0 0 0 1px var(--color-border)'
}}
>
<EditIcon style={{ fontSize: 8, color: '#ffffff' }} />
</div>
)}
</div>
</Popover>
)
},
(prevProps, nextProps) => {
return (
prevProps.mode === nextProps.mode &&
getUserId(prevProps.user) === getUserId(nextProps.user) &&
getProfileImageId(prevProps.user) === getProfileImageId(nextProps.user)
)
}
)
UserActivityAvatar.propTypes = {
user: PropTypes.object,
mode: PropTypes.string
}
const ActivityIndicator = ({
activities = [],
showStartingDivider = false
}) => {
const { userProfile } = useContext(AuthContext)
const currentUserId = userProfile?._id
const otherActivities = activities.filter((activity) => {
if (!activity?.mode) return false
const userId = getUserId(activity.user)
return userId && userId !== currentUserId
})
if (otherActivities.length === 0) {
return null
}
return (
<Flex gap='small' align='center'>
{showStartingDivider && otherActivities.length >= 1 && (
<Divider type='vertical' style={{ margin: '0 4px', height: '18px' }} />
)}
{otherActivities.map((activity) => {
const userId = getUserId(activity.user)
return (
<UserActivityAvatar
key={userId}
user={activity.user}
mode={activity.mode}
/>
)
})}
</Flex>
)
}
ActivityIndicator.propTypes = {
activities: PropTypes.array,
showStartingDivider: PropTypes.bool
}
export default ActivityIndicator

27
src/components/Dashboard/common/LockIndicator.jsx
View File

@ -1,27 +0,0 @@
import { Flex, Tag } from 'antd'
import IdDisplay from './IdDisplay'
import LockIcon from '../../Icons/LockIcon'
import PropTypes from 'prop-types'
const LockIndicator = ({ lock }) => {
if (!lock?.locked || lock?.locked == false) {
return
}
return (
<Flex gap={'small'} align='center'>
<Tag icon={<LockIcon />} style={{ margin: 0 }} color={'orange'} />
<IdDisplay
id={lock?.user}
type={'user'}
longId={false}
showCopy={false}
/>
</Flex>
)
}
LockIndicator.propTypes = {
lock: PropTypes.object
}
export default LockIndicator

302
src/components/Dashboard/common/ObjectForm.jsx
View File

@ -11,13 +11,13 @@ import { Form } from 'antd'
import { ApiServerContext } from '../context/ApiServerContext'
import { AuthContext } from '../context/AuthContext'
import { useMessageContext } from '../context/MessageContext'
import PropTypes from 'prop-types'
import DeleteObjectModal from './DeleteObjectModal'
import merge from 'lodash/merge'
import mergeWith from 'lodash/mergeWith'
import set from 'lodash/set'
import { getModelByName } from '../../../database/ObjectModels'
import { useNavigate } from 'react-router-dom'
import { useLocation, useNavigate } from 'react-router-dom'
import PropTypes from 'prop-types'
const arrayReplaceCustomizer = (objValue, srcValue) => {
if (Array.isArray(srcValue)) {
@ -25,6 +25,45 @@ const arrayReplaceCustomizer = (objValue, srcValue) => {
}
}
const getUserId = (user) => user?._id || user
const getBeingEditedByOther = (activities, currentUserId) =>
activities.some(
(activity) =>
activity?.mode === 'editing' &&
getUserId(activity.user) &&
getUserId(activity.user) !== currentUserId
)
const isUserEditing = (activities, currentUserId) =>
activities.some(
(activity) =>
activity?.mode === 'editing' && getUserId(activity.user) === currentUserId
)
const applyActivityUpdate = (activities, activity) => {
const userId = getUserId(activity?.user)
if (!userId) {
return activities
}
if (!activity?.mode) {
return activities.filter((item) => getUserId(item.user) !== userId)
}
const existingIndex = activities.findIndex(
(item) => getUserId(item.user) === userId
)
if (existingIndex >= 0) {
const next = [...activities]
next[existingIndex] = { ...activities[existingIndex], ...activity }
return next
}
return [...activities, activity]
}
const buildObjectFromEntries = (entries = []) => {
return entries.reduce((acc, entry) => {
const { namePath, value } = entry || {}
@ -55,7 +94,7 @@ const ObjectForm = forwardRef(
const onStateChangeRef = useRef(onStateChange)
const [fetchLoading, setFetchLoading] = useState(true)
const [editLoading, setEditLoading] = useState(false)
const [lock, setLock] = useState({})
const [activities, setActivities] = useState([])
const [initialized, setInitialized] = useState(false)
const [isEditing, setIsEditing] = useState(false)
const isEditingRef = useRef(false)
@ -70,20 +109,49 @@ const ObjectForm = forwardRef(
fetchObject,
updateObject,
deleteObject,
lockObject,
unlockObject,
fetchObjectLock,
setObjectActivity,
clearObjectActivity,
fetchObjectActivities,
showError,
connected,
subscribeToObjectUpdates,
subscribeToObjectLock,
subscribeToObjectActivity,
flushFile
} = useContext(ApiServerContext)
const { token } = useContext(AuthContext)
const { token, userProfile } = useContext(AuthContext)
const location = useLocation()
const navigate = useNavigate()
const clearAction = useCallback(
(actionParam = 'action') => {
const searchParams = new URLSearchParams(location.search)
searchParams.delete(actionParam)
const newSearch = searchParams.toString()
console.log('newSearch', newSearch)
console.log('location.pathname', location.pathname)
const newPath = location.pathname + (newSearch ? `?${newSearch}` : '')
navigate(newPath, { replace: true })
},
[location.pathname, location.search, navigate]
)
// Get the model definition for this object type
const model = getModelByName(type)
const notifyActivityState = useCallback(
(nextActivities) => {
onStateChangeRef.current({
activities: nextActivities,
beingEditedByOther: getBeingEditedByOther(
nextActivities,
userProfile?._id
)
})
},
[userProfile?._id]
)
// Check if the model has properties with type 'file' or 'fileList'
const hasFileProperties = useCallback(() => {
if (!model || !model.properties) return false
@ -122,7 +190,8 @@ const ObjectForm = forwardRef(
const currentIdRef = useRef(id)
const currentTypeRef = useRef(type)
const currentIsEditingRef = useRef(isEditing)
const currentUnlockObjectRef = useRef(unlockObject)
const currentSetObjectActivityRef = useRef(setObjectActivity)
const currentClearObjectActivityRef = useRef(clearObjectActivity)
const currentHasFilePropertiesRef = useRef(hasFileProperties)
const currentFlushOrphanFilesRef = useRef(flushOrphanFiles)
@ -131,7 +200,8 @@ const ObjectForm = forwardRef(
currentIdRef.current = id
currentTypeRef.current = type
currentIsEditingRef.current = isEditing
currentUnlockObjectRef.current = unlockObject
currentSetObjectActivityRef.current = setObjectActivity
currentClearObjectActivityRef.current = clearObjectActivity
currentHasFilePropertiesRef.current = hasFileProperties
currentFlushOrphanFilesRef.current = flushOrphanFiles
})
@ -233,6 +303,67 @@ const ObjectForm = forwardRef(
[]
)
const releaseEditingState = useCallback(
(options = {}) => {
const { notifyParent = true } = options
if (serverObjectData.current) {
const computedEntries = calculateComputedValues(
serverObjectData.current,
model
)
const computedValuesObject = buildObjectFromEntries(computedEntries)
const resetFormData = merge(
{},
serverObjectData.current,
computedValuesObject
)
setIsEditing(false)
isEditingRef.current = false
form.setFieldsValue(resetFormData)
setObjectData({ ...resetFormData, _isEditing: false })
} else {
setIsEditing(false)
isEditingRef.current = false
}
if (notifyParent) {
onStateChangeRef.current({ isEditing: false })
}
},
[calculateComputedValues, form, model]
)
const handleEditingConflict = useCallback(
(nextActivities) => {
const currentUserId = userProfile?._id
if (
!isEditingRef.current ||
!getBeingEditedByOther(nextActivities, currentUserId)
) {
return
}
if (isUserEditing(nextActivities, currentUserId)) {
setObjectActivity(id, type, 'editing')
return
}
releaseEditingState()
clearAction()
showMessageError('Another user is already editing this item')
},
[
id,
type,
userProfile?._id,
setObjectActivity,
releaseEditingState,
clearAction,
showMessageError
]
)
// Validate form on change (debounced to avoid heavy work on every keystroke)
useEffect(() => {
const timeoutId = setTimeout(() => {
@ -268,7 +399,7 @@ const ObjectForm = forwardRef(
useEffect(() => {
return () => {
if (currentIdRef.current) {
currentUnlockObjectRef.current(
currentClearObjectActivityRef.current(
currentIdRef.current,
currentTypeRef.current
)
@ -289,9 +420,16 @@ const ObjectForm = forwardRef(
setFetchLoading(true)
onStateChangeRef.current({ loading: true })
const data = await fetchObject(id, type)
const lockEvent = await fetchObjectLock(id, type)
setLock(lockEvent)
onStateChangeRef.current({ lock: lockEvent })
const initialActivities = await fetchObjectActivities(id, type)
setActivities(initialActivities)
notifyActivityState(initialActivities)
if (
isEditingRef.current &&
getBeingEditedByOther(initialActivities, userProfile?._id)
) {
releaseEditingState()
}
serverObjectData.current = data
@ -313,14 +451,17 @@ const ObjectForm = forwardRef(
}
}, [
fetchObject,
fetchObjectLock,
fetchObjectActivities,
notifyActivityState,
id,
type,
form,
showMessageError,
showError,
calculateComputedValues,
model
model,
userProfile?._id,
releaseEditingState
])
// Update event handler
@ -331,12 +472,19 @@ const ObjectForm = forwardRef(
}, [])
// Update event handler
const updateLockEventHandler = useCallback((value) => {
setLock((prev) => {
onStateChangeRef.current({ lock: { ...prev, ...value } })
return { ...prev, ...value }
})
}, [])
const updateActivityEventHandler = useCallback(
(activity, activities) => {
setActivities((prev) => {
const next = Array.isArray(activities)
? activities
: applyActivityUpdate(prev, activity)
notifyActivityState(next)
handleEditingConflict(next)
return next
})
},
[notifyActivityState, handleEditingConflict]
)
useEffect(() => {
if (connected == true && initialized == false && id && token != null) {
@ -347,29 +495,37 @@ const ObjectForm = forwardRef(
useEffect(() => {
if (id && connected) {
currentSetObjectActivityRef.current(
id,
type,
isEditingRef.current == true ? 'editing' : 'viewing'
)
const objectUpdatesUnsubscribe = subscribeToObjectUpdates(
id,
type,
updateObjectEventHandler
)
const lockUnsubscribe = subscribeToObjectLock(
const activityUnsubscribe = subscribeToObjectActivity(
id,
type,
updateLockEventHandler
updateActivityEventHandler
)
return () => {
if (objectUpdatesUnsubscribe) objectUpdatesUnsubscribe()
if (lockUnsubscribe) lockUnsubscribe()
if (activityUnsubscribe) activityUnsubscribe()
currentClearObjectActivityRef.current(id, type)
}
}
}, [
id,
type,
subscribeToObjectUpdates,
subscribeToObjectLock,
updateObjectEventHandler,
connected,
updateLockEventHandler
subscribeToObjectUpdates,
subscribeToObjectActivity,
updateObjectEventHandler,
updateActivityEventHandler
])
// Debounce objectData updates sent to parent to limit re-renders
@ -380,51 +536,52 @@ const ObjectForm = forwardRef(
return () => clearTimeout(timeoutId)
}, [objectData])
const startEditing = () => {
setIsEditing(true)
isEditingRef.current = true
const computedEntries = calculateComputedValues(objectData, model)
const computedValuesObject = buildObjectFromEntries(computedEntries)
setObjectData((prev) => ({
...prev,
...computedValuesObject,
_isEditing: isEditingRef.current
}))
onStateChangeRef.current({
isEditing: true,
objectData: {
...objectData,
...computedValuesObject,
_isEditing: isEditingRef.current
const startEditing = async () => {
try {
const latestActivities = await fetchObjectActivities(id, type)
setActivities(latestActivities)
notifyActivityState(latestActivities)
if (getBeingEditedByOther(latestActivities, userProfile?._id)) {
clearAction()
showMessageError('Another user is already editing this item')
return
}
})
lockObject(id, type)
const activityResult = await setObjectActivity(id, type, 'editing')
if (activityResult?.success === false) {
clearAction()
showMessageError('Another user is already editing this item')
return
}
isEditingRef.current = true
setIsEditing(true)
const computedEntries = calculateComputedValues(objectData, model)
const computedValuesObject = buildObjectFromEntries(computedEntries)
setObjectData((prev) => ({
...prev,
...computedValuesObject,
_isEditing: true
}))
onStateChangeRef.current({
isEditing: true,
objectData: {
...objectData,
...computedValuesObject,
_isEditing: true
}
})
} catch (err) {
console.error(err)
showMessageError('Failed to start editing')
}
}
const cancelEditing = () => {
console.log('cancelEditing')
if (serverObjectData.current) {
// Recalculate computed values when canceling
const computedEntries = calculateComputedValues(
serverObjectData.current,
model
)
const computedValuesObject = buildObjectFromEntries(computedEntries)
const resetFormData = merge(
{},
serverObjectData.current,
computedValuesObject
)
setIsEditing(false)
isEditingRef.current = false
form.setFieldsValue(resetFormData)
console.log('resetFormData', resetFormData)
setObjectData({ ...resetFormData, _isEditing: isEditingRef.current })
}
onStateChangeRef.current({ isEditing: isEditingRef.current })
unlockObject(id, type)
releaseEditingState()
setObjectActivity(id, type, 'viewing')
}
const handleUpdate = async () => {
@ -446,6 +603,7 @@ const ObjectForm = forwardRef(
...currentFormData,
_isEditing: isEditingRef.current
})
setObjectActivity(id, type, 'viewing')
showSuccess('Information updated successfully')
} catch (err) {
console.error(err)
@ -499,7 +657,7 @@ const ObjectForm = forwardRef(
fetchLoading,
isEditing,
objectData,
lock
activities
}))
return (
@ -587,7 +745,7 @@ const ObjectForm = forwardRef(
setIsEditing,
setObjectData,
editLoading,
lock,
activities,
handleFetchObject,
handleDelete
})}

16
src/components/Dashboard/common/ObjectTable.jsx
View File

@ -125,8 +125,8 @@ const ObjectTable = forwardRef(
subscribeToObjectUpdates,
subscribeToObjectTypeUpdates,
updateMultipleObjects,
lockObject,
unlockObject
setObjectActivity,
clearObjectActivity
} = useContext(ApiServerContext)
const isMobile = useMediaQuery({ maxWidth: 768 })
const navigate = useNavigate()
@ -532,19 +532,19 @@ const ObjectTable = forwardRef(
setIsEditing(true)
tableData.forEach((item) => {
if (!item.isSkeleton) {
lockObject(item._id, type)
setObjectActivity(item._id, type, 'editing')
}
})
}, [tableData, lockObject, type])
}, [tableData, setObjectActivity, type])
const cancelEditing = useCallback(() => {
setIsEditing(false)
tableData.forEach((item) => {
if (!item.isSkeleton) {
unlockObject(item._id, type)
clearObjectActivity(item._id, type)
}
})
}, [tableData, unlockObject, type])
}, [tableData, clearObjectActivity, type])
const handleUpdate = useCallback(async () => {
setEditLoading(true)
@ -560,7 +560,7 @@ const ObjectTable = forwardRef(
reload()
tableData.forEach((item) => {
if (!item.isSkeleton) {
unlockObject(item._id, type)
clearObjectActivity(item._id, type)
}
})
} catch (err) {
@ -568,7 +568,7 @@ const ObjectTable = forwardRef(
} finally {
setEditLoading(false)
}
}, [type, updateMultipleObjects, reload, tableData, unlockObject])
}, [type, updateMultipleObjects, reload, tableData, clearObjectActivity])
// Update event handler for real-time updates
const updateEventHandler = useCallback((id, updatedData) => {

196
src/components/Dashboard/context/ApiServerContext.jsx
View File

@ -104,45 +104,44 @@ const ApiServerProvider = ({ children }) => {
const [userSettings, setUserSettings] = useState(createEmptyUserSettings)
const [userSettingsLoaded, setUserSettingsLoaded] = useState(false)
const subscribedCallbacksRef = useRef(new Map())
const subscribedLockCallbacksRef = useRef(new Map())
const subscribedActivityCallbacksRef = useRef(new Map())
const notificationListenersRef = useRef(new Set())
const completedLaunchSessionsRef = useRef(new Set())
const handleLockUpdate = useCallback(
async (lockData) => {
logger.debug('Notifying lock update:', lockData)
const objectId = lockData._id || lockData.id
const handleActivityUpdate = useCallback(async (data) => {
logger.debug('Notifying activity update:', data)
const objectId = data._id || data.id
const objectType = data.objectType
const activity = data.activity
const activities = data.activities
const callbacksRefKey = `${objectType}:${objectId}`
if (
objectId &&
subscribedLockCallbacksRef.current.has(objectId) &&
lockData.user != userProfile?._id
) {
const callbacks = subscribedLockCallbacksRef.current.get(objectId)
logger.debug(
`Calling ${callbacks.length} lock callbacks for object:`,
objectId
)
callbacks.forEach((callback) => {
try {
callback(lockData)
} catch (error) {
logger.error('Error in lock update callback:', error)
}
})
} else {
logger.debug(
`No lock callbacks found for object: ${objectId}, subscribed lock callbacks:`,
Array.from(subscribedLockCallbacksRef.current.keys())
)
}
},
[userProfile?._id]
)
if (
objectId &&
objectType &&
activity &&
subscribedActivityCallbacksRef.current.has(callbacksRefKey)
) {
const callbacks = subscribedActivityCallbacksRef.current.get(
callbacksRefKey
)
logger.debug(
`Calling ${callbacks.length} activity callbacks for object:`,
objectId
)
callbacks.forEach((callback) => {
try {
callback(activity, activities)
} catch (error) {
logger.error('Error in activity update callback:', error)
}
})
}
}, [])
const clearSubscriptions = useCallback(() => {
subscribedCallbacksRef.current.clear()
subscribedLockCallbacksRef.current.clear()
subscribedActivityCallbacksRef.current.clear()
notificationListenersRef.current.clear()
}, [])
@ -255,7 +254,7 @@ const ApiServerProvider = ({ children }) => {
newSocket.on('objectEvent', handleObjectEvent)
newSocket.on('objectNew', handleObjectNew)
newSocket.on('objectDelete', handleObjectDelete)
newSocket.on('lockUpdate', handleLockUpdate)
newSocket.on('activityUpdate', handleActivityUpdate)
newSocket.on('modelStats', handleModelStats)
newSocket.on('notification', (data) => {
let notification
@ -306,7 +305,7 @@ const ApiServerProvider = ({ children }) => {
token,
authenticated,
messageApi,
handleLockUpdate,
handleActivityUpdate,
clearSubscriptions,
getUserSettings
])
@ -332,44 +331,49 @@ const ApiServerProvider = ({ children }) => {
}
}, [token, authenticated, connectToServer])
const lockObject = (id, type) => {
logger.debug('Locking ' + id)
const setObjectActivity = (id, type, mode) => {
logger.debug('Setting activity for', id, mode)
if (socketRef.current && socketRef.current.connected) {
socketRef.current.emit('lock', { _id: id, type: type })
logger.debug('Sent lock command for object:', id)
}
}
const unlockObject = (id, type) => {
logger.debug('Unlocking ' + id)
if (socketRef.current && socketRef.current.connected == true) {
socketRef.current.emit('unlock', { _id: id, type: type })
logger.debug('Sent unlock command for object:', id)
}
}
const fetchObjectLock = async (id, type) => {
if (socketRef.current && socketRef.current.connected == true) {
logger.debug('Fetching lock status for ' + id)
return new Promise((resolve) => {
socketRef.current.emit(
'getLock',
'setActivity',
{ _id: id, type, mode },
(result) => {
logger.debug('Received setActivity result for object:', id, result)
resolve(result || { success: true })
}
)
})
}
return Promise.resolve({ success: false, error: 'not_connected' })
}
const clearObjectActivity = (id, type) => {
logger.debug('Clearing activity for', id)
if (socketRef.current && socketRef.current.connected == true) {
socketRef.current.emit('clearActivity', { _id: id, type })
logger.debug('Sent clearActivity command for object:', id)
}
}
const fetchObjectActivities = async (id, type) => {
if (socketRef.current && socketRef.current.connected == true) {
logger.debug('Fetching activities for ' + id)
return new Promise((resolve) => {
socketRef.current.emit(
'getActivities',
{
_id: id,
type: type
},
(lockEvent) => {
logger.debug('Received lock status for object:', id, lockEvent)
if (lockEvent.user != userProfile?._id) {
resolve(lockEvent)
} else {
resolve(null)
}
(result) => {
logger.debug('Received activities for object:', id, result)
resolve(result?.activities || [])
}
)
logger.debug('Sent fetch lock command for object:', id)
})
}
return []
}
const handleObjectUpdate = async (data) => {
@ -677,21 +681,25 @@ const ApiServerProvider = ({ children }) => {
[offObjectTypeUpdatesEvent]
)
const offLockEvent = useCallback((id, callback) => {
const offActivityEvent = useCallback((id, objectType, callback) => {
if (socketRef.current && socketRef.current.connected == true) {
// Remove callback from the subscribed lock callbacks map
if (subscribedLockCallbacksRef.current.has(id)) {
const callbacks = subscribedLockCallbacksRef.current
.get(id)
const callbacksRefKey = `${objectType}:${id}`
if (subscribedActivityCallbacksRef.current.has(callbacksRefKey)) {
const callbacks = subscribedActivityCallbacksRef.current
.get(callbacksRefKey)
.filter((cb) => cb !== callback)
if (callbacks.length === 0) {
subscribedLockCallbacksRef.current.delete(id)
subscribedActivityCallbacksRef.current.delete(callbacksRefKey)
socketRef.current.emit('unsubscribeObjectActivity', {
_id: id,
objectType
})
} else {
subscribedLockCallbacksRef.current.set(id, callbacks)
subscribedActivityCallbacksRef.current.set(callbacksRefKey, callbacks)
}
}
logger.debug('Removed lock event listener for object:', id)
logger.debug('Removed activity event listener for object:', id)
}
}, [])
@ -835,27 +843,41 @@ const ApiServerProvider = ({ children }) => {
[offModelStats]
)
const subscribeToObjectLock = useCallback(
const subscribeToObjectActivity = useCallback(
(id, type, callback) => {
logger.debug('Subscribing to lock for object:', id, 'type:', type)
logger.debug('Subscribing to activity for object:', id, 'type:', type)
if (socketRef.current && socketRef.current.connected == true) {
// Add callback to the subscribed lock callbacks map immediately
if (!subscribedLockCallbacksRef.current.has(id)) {
subscribedLockCallbacksRef.current.set(id, [])
const callbacksRefKey = `${type}:${id}`
if (!subscribedActivityCallbacksRef.current.has(callbacksRefKey)) {
subscribedActivityCallbacksRef.current.set(callbacksRefKey, [])
}
subscribedLockCallbacksRef.current.get(id).push(callback)
logger.debug(
`Added lock callback for object ${id}, total lock callbacks: ${subscribedLockCallbacksRef.current.get(id).length}`
)
const callbacksLength =
subscribedActivityCallbacksRef.current.get(callbacksRefKey).length
socketRef.current.emit('subscribe_lock', { _id: id, objectType: type })
logger.debug('Registered lock event listener for object:', id)
subscribedActivityCallbacksRef.current
.get(callbacksRefKey)
.push(callback)
// Return cleanup function
return () => offLockEvent(id, callback)
if (callbacksLength <= 0) {
socketRef.current.emit(
'subscribeToObjectActivity',
{ _id: id, objectType: type },
(result) => {
if (result?.success && Array.isArray(result.activities)) {
result.activities.forEach((activity) => {
callback(activity)
})
}
}
)
}
logger.debug('Registered activity event listener for object:', id)
return () => offActivityEvent(id, type, callback)
}
},
[offLockEvent]
[offActivityEvent]
)
const showError = useCallback(
@ -1971,9 +1993,9 @@ const ApiServerProvider = ({ children }) => {
userSettingsLoaded,
getUserSettings,
updateUserSettings,
lockObject,
unlockObject,
fetchObjectLock,
setObjectActivity,
clearObjectActivity,
fetchObjectActivities,
updateObject,
updateMultipleObjects,
createObject,
@ -1983,7 +2005,7 @@ const ApiServerProvider = ({ children }) => {
subscribeToObjectUpdates,
subscribeToObjectEvent,
subscribeToObjectTypeUpdates,
subscribeToObjectLock,
subscribeToObjectActivity,
subscribeToModelStats,
fetchObject,
fetchObjects,