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

Compare commits

base: farmcontrol:f56646f906927243d2176200ebf8cf548155eb46
Branches Tags
farmcontrol:main
farmcontrol:electrobun-tabs
farmcontrol:electrobun-2-upgrade
farmcontrol:electrobun
farmcontrol:development
farmcontrol:windows-auth-fix
farmcontrol:electrobun-migration
..
compare: farmcontrol:d9f3bb185fe3d95222c736ceb824403eff5cc093
Branches Tags
farmcontrol:electrobun-tabs
farmcontrol:main
farmcontrol:electrobun-2-upgrade
farmcontrol:electrobun
farmcontrol:development
farmcontrol:windows-auth-fix
farmcontrol:electrobun-migration

No commits in common. "f56646f906927243d2176200ebf8cf548155eb46" and "d9f3bb185fe3d95222c736ceb824403eff5cc093" have entirely different histories.
f56646f906 ... d9f3bb185f

57 changed files with 329 additions and 411 deletions
Show Stats Expand all files Collapse all files

10
assets/stylesheets/App.css
View File

@ -124,7 +124,6 @@
.dashboard-navigation-fade {
opacity: 1;
visibility: visible;
/* Incoming chrome waits for the outgoing fade, then fades in. */
transition:
opacity 0.2s ease 0.2s,
visibility 0s linear 0.2s;
@ -134,14 +133,9 @@
opacity: 0;
visibility: hidden;
pointer-events: none;
/*
Visibility must use a non-zero duration on hide. A 0s visibility
transition makes WebKit apply hidden immediately, so opacity never
animates and the chrome glitches out instead of fading.
*/
transition:
opacity 0.2s ease 0s,
visibility 0.2s linear 0s;
visibility 0s linear 0.2s;
}
.dashboard-navigation-window-title {
@ -168,7 +162,7 @@
pointer-events: none;
opacity: 1;
/* Wait for outgoing chrome to finish fading before this line appears. */
transition: opacity 0.2s ease 0s;
transition: opacity 0s ease 0s;
}
.dashboard-navigation-center-border-hidden {

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

@ -27,10 +27,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import OrderItemIcon from '../../../Icons/OrderItemIcon.jsx'
import ShipmentIcon from '../../../Icons/ShipmentIcon.jsx'
@ -94,7 +91,7 @@ const InvoiceInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -103,7 +100,6 @@ const InvoiceInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -261,9 +257,7 @@ const InvoiceInfo = () => {
) : (
<ObjectTable
type='payment'
masterFilter={{
invoice: getModelByName('invoice').prefix + ':' + invoiceId
}}
masterFilter={{ invoice: getModelByName('invoice').prefix + ':' + invoiceId }}
visibleColumns={{ invoice: false }}
/>
)}
@ -280,7 +274,7 @@ const InvoiceInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={invoiceId} type='invoice' />
<NotesPanel _id={invoiceId} type='invoice' />
</Card>
</Spin>
</InfoCollapse>
@ -297,7 +291,10 @@ const InvoiceInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('invoice').prefix + ':' + invoiceId
parent:
getModelByName('invoice').prefix +
':' +
invoiceId
}}
visibleColumns={{ _id: false, parent: false }}
/>

2
src/components/Dashboard/Finance/PaymentPolicies/PaymentPolicyInfo.jsx
View File

@ -93,7 +93,7 @@ const PaymentPolicyInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

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

@ -84,7 +84,7 @@ const PaymentInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -93,7 +93,6 @@ const PaymentInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -210,7 +209,7 @@ const PaymentInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={paymentId} type='payment' />
<NotesPanel _id={paymentId} type='payment' />
</Card>
</Spin>
</InfoCollapse>

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

@ -77,7 +77,7 @@ const TaxRecordInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -85,14 +85,14 @@ const TaxRecordInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='taxRecord'
pageName='info'
pageName='info'
id={taxRecordId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -193,7 +193,7 @@ const TaxRecordInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={taxRecordId} type='taxRecord' />
<NotesPanel _id={taxRecordId} type='taxRecord' />
</Card>
</Spin>
</InfoCollapse>
@ -212,8 +212,10 @@ const TaxRecordInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('taxRecord').prefix + ':' + taxRecordId
parent:
getModelByName('taxRecord').prefix +
':' +
taxRecordId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -87,14 +87,14 @@ const FilamentStockInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='filamentStock'
pageName='info'
pageName='info'
id={filamentStockId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -197,12 +197,7 @@ const FilamentStockInfo = () => {
) : (
<ObjectTable
type='stockEvent'
masterFilter={{
parent:
getModelByName('filamentStock').prefix +
':' +
filamentStockId
}}
masterFilter={{ parent: getModelByName('filamentStock').prefix + ':' + filamentStockId }}
visibleColumns={{ parent: false }}
/>
)}
@ -237,7 +232,7 @@ const FilamentStockInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={filamentStockId} type='filamentStock' />
<NotesPanel _id={filamentStockId} type='filamentStock' />
</Card>
</Spin>
</InfoCollapse>
@ -256,10 +251,10 @@ const FilamentStockInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('filamentStock').prefix +
':' +
filamentStockId
parent:
getModelByName('filamentStock').prefix +
':' +
filamentStockId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -78,7 +78,7 @@ const OrderItemInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -88,7 +88,6 @@ const OrderItemInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -97,7 +96,7 @@ const OrderItemInfo = () => {
<Space size='small'>
<ObjectActions
type='orderItem'
pageName='info'
pageName='info'
id={orderItemId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -205,7 +204,7 @@ const OrderItemInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={orderItemId} type='orderItem' />
<NotesPanel _id={orderItemId} type='orderItem' />
</Card>
</Spin>
</InfoCollapse>
@ -224,8 +223,10 @@ const OrderItemInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('orderItem').prefix + ':' + orderItemId
parent:
getModelByName('orderItem').prefix +
':' +
orderItemId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -93,7 +93,6 @@ const PartStockInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -102,7 +101,7 @@ const PartStockInfo = () => {
<Space size='small'>
<ObjectActions
type='partStock'
pageName='info'
pageName='info'
id={partStockId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -215,10 +214,7 @@ const PartStockInfo = () => {
) : (
<ObjectTable
type='stockEvent'
masterFilter={{
parent:
getModelByName('partStock').prefix + ':' + partStockId
}}
masterFilter={{ parent: getModelByName('partStock').prefix + ':' + partStockId }}
visibleColumns={{ parent: false }}
/>
)}
@ -255,7 +251,7 @@ const PartStockInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={partStockId} type='partStock' />
<NotesPanel _id={partStockId} type='partStock' />
</Card>
</Spin>
</InfoCollapse>
@ -275,8 +271,10 @@ const PartStockInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('partStock').prefix + ':' + partStockId
parent:
getModelByName('partStock').prefix +
':' +
partStockId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -109,7 +109,6 @@ const ProductStockInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>

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

@ -102,7 +102,7 @@ const PurchaseOrderInfo = () => {
orderItemsTableRef?.current?.handleUpdate?.()
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -111,7 +111,6 @@ const PurchaseOrderInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -231,10 +230,7 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='orderItem'
masterFilter={{
order:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId,
order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
orderType: 'purchaseOrder'
}}
visibleColumns={{ order: false }}
@ -253,10 +249,7 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='shipment'
masterFilter={{
order:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId,
order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
orderType: 'purchaseOrder'
}}
visibleColumns={{ order: false }}
@ -278,10 +271,7 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='invoice'
masterFilter={{
order:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId,
order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
orderType: 'purchaseOrder'
}}
visibleColumns={{ order: false }}
@ -303,10 +293,7 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='stockEvent'
masterFilter={{
owner:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId
owner: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId
}}
/>
)}
@ -327,7 +314,7 @@ const PurchaseOrderInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={purchaseOrderId} type='purchaseOrder' />
<NotesPanel _id={purchaseOrderId} type='purchaseOrder' />
</Card>
</Spin>
</InfoCollapse>
@ -344,10 +331,10 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId
parent:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -121,7 +121,6 @@ const PurchaseOrderInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -130,7 +129,7 @@ const PurchaseOrderInfo = () => {
<Space size='small'>
<ObjectActions
type='purchaseOrder'
pageName='info'
pageName='info'
id={purchaseOrderId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -234,10 +233,7 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='orderItem'
masterFilter={{
order:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId,
order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
orderType: 'purchaseOrder'
}}
visibleColumns={{ order: false }}
@ -256,10 +252,7 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='shipment'
masterFilter={{
order:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId,
order: getModelByName('purchaseOrder').prefix + ':' + purchaseOrderId,
orderType: 'purchaseOrder'
}}
visibleColumns={{ order: false }}
@ -282,7 +275,7 @@ const PurchaseOrderInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={purchaseOrderId} type='purchaseOrder' />
<NotesPanel _id={purchaseOrderId} type='purchaseOrder' />
</Card>
</Spin>
</InfoCollapse>
@ -301,10 +294,10 @@ const PurchaseOrderInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId
parent:
getModelByName('purchaseOrder').prefix +
':' +
purchaseOrderId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -96,7 +96,6 @@ const ShipmentInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>

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

@ -26,10 +26,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
const log = loglevel.getLogger('StockAuditInfo')
@ -95,7 +92,6 @@ const StockAuditInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -184,9 +180,7 @@ const StockAuditInfo = () => {
title='Stock Audit Information'
icon={<InfoCircleIcon />}
active={collapseState.info}
onToggle={(expanded) =>
updateCollapseState('info', expanded)
}
onToggle={(expanded) => updateCollapseState('info', expanded)}
collapseKey='info'
>
<ObjectInfo
@ -268,7 +262,9 @@ const StockAuditInfo = () => {
title='Audit Logs'
icon={<AuditLogIcon />}
active={collapseState.auditLogs}
onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
onToggle={(expanded) =>
updateCollapseState('auditLogs', expanded)
}
collapseKey='auditLogs'
>
{objectFormState.loading ? (
@ -278,7 +274,9 @@ const StockAuditInfo = () => {
type='auditLog'
masterFilter={{
parent:
getModelByName('stockAudit').prefix + ':' + stockAuditId
getModelByName('stockAudit').prefix +
':' +
stockAuditId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -98,7 +98,6 @@ const StockLocationInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -107,7 +106,7 @@ const StockLocationInfo = () => {
<Space size='small'>
<ObjectActions
type='stockLocation'
pageName='info'
pageName='info'
id={stockLocationId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -330,7 +329,7 @@ const StockLocationInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={stockLocationId} type='stockLocation' />
<NotesPanel _id={stockLocationId} type='stockLocation' />
</Card>
</Spin>
</InfoCollapse>
@ -350,10 +349,10 @@ const StockLocationInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('stockLocation').prefix +
':' +
stockLocationId
parent:
getModelByName('stockLocation').prefix +
':' +
stockLocationId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -8,10 +8,7 @@ import InfoCollapse from '../../common/InfoCollapse.jsx'
import ObjectInfo from '../../common/ObjectInfo.jsx'
import ObjectProperty from '../../common/ObjectProperty.jsx'
import ViewButton from '../../common/ViewButton.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import InfoCircleIcon from '../../../Icons/InfoCircleIcon.jsx'
import NoteIcon from '../../../Icons/NoteIcon.jsx'
import AuditLogIcon from '../../../Icons/AuditLogIcon.jsx'
@ -92,7 +89,7 @@ const StockTransferInfo = () => {
finishEdit: () => {
objectFormRef?.current.handleUpdate()
return true
}
},
}
return (
@ -101,7 +98,6 @@ const StockTransferInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -267,7 +263,7 @@ const StockTransferInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={stockTransferId} type='stockTransfer' />
<NotesPanel _id={stockTransferId} type='stockTransfer' />
</Card>
</Spin>
</InfoCollapse>
@ -285,10 +281,10 @@ const StockTransferInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('stockTransfer').prefix +
':' +
stockTransferId
parent:
getModelByName('stockTransfer').prefix +
':' +
stockTransferId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -87,7 +87,7 @@ const AppPasswordInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -196,8 +196,10 @@ const AppPasswordInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('appPassword').prefix + ':' + appPasswordId
parent:
getModelByName('appPassword').prefix +
':' +
appPasswordId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -25,10 +25,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
const log = loglevel.getLogger('CourierServiceInfo')
@ -85,7 +82,7 @@ const CourierServiceInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -93,14 +90,14 @@ const CourierServiceInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='courierService'
pageName='info'
pageName='info'
id={courierServiceId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -225,7 +222,7 @@ const CourierServiceInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={courierServiceId} type='courierService' />
<NotesPanel _id={courierServiceId} type='courierService' />
</Card>
</Spin>
</InfoCollapse>
@ -244,10 +241,10 @@ const CourierServiceInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('courierService').prefix +
':' +
courierServiceId
parent:
getModelByName('courierService').prefix +
':' +
courierServiceId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -75,7 +75,7 @@ const CourierInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -83,14 +83,14 @@ const CourierInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='courier'
pageName='info'
pageName='info'
id={courierId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -193,9 +193,7 @@ const CourierInfo = () => {
) : (
<ObjectTable
type='courierService'
masterFilter={{
courier: getModelByName('courier').prefix + ':' + courierId
}}
masterFilter={{ courier: getModelByName('courier').prefix + ':' + courierId }}
visibleColumns={{
courier: false
}}
@ -214,7 +212,7 @@ const CourierInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={courierId} type='courier' />
<NotesPanel _id={courierId} type='courier' />
</Card>
</Spin>
</InfoCollapse>
@ -233,7 +231,10 @@ const CourierInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('courier').prefix + ':' + courierId
parent:
getModelByName('courier').prefix +
':' +
courierId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -87,14 +87,14 @@ const DocumentJobInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='documentJob'
pageName='info'
pageName='info'
id={documentJobId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -196,7 +196,7 @@ const DocumentJobInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={documentJobId} type='documentJob' />
<NotesPanel _id={documentJobId} type='documentJob' />
</Card>
</Spin>
</InfoCollapse>
@ -215,8 +215,10 @@ const DocumentJobInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('documentJob').prefix + ':' + documentJobId
parent:
getModelByName('documentJob').prefix +
':' +
documentJobId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -91,7 +91,6 @@ const DocumentPrinterInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>

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

@ -87,14 +87,14 @@ const DocumentSizeInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='documentSize'
pageName='info'
pageName='info'
id={documentSizeId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -197,7 +197,7 @@ const DocumentSizeInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={documentSizeId} type='documentSize' />
<NotesPanel _id={documentSizeId} type='documentSize' />
</Card>
</Spin>
</InfoCollapse>
@ -216,10 +216,10 @@ const DocumentSizeInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('documentSize').prefix +
':' +
documentSizeId
parent:
getModelByName('documentSize').prefix +
':' +
documentSizeId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -97,7 +97,6 @@ const DocumentTemplateInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>

2
src/components/Dashboard/Management/EmailAccounts/EmailAccountInfo.jsx
View File

@ -88,7 +88,7 @@ const EmailAccountInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

7
src/components/Dashboard/Management/EmailMessages/EmailMessageInfo.jsx
View File

@ -23,10 +23,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelByName,
getModelProperty
} from '../../../../database/ObjectModels.js'
import { getModelByName, getModelProperty } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
import TemplatePreview from '../../common/TemplatePreview.jsx'
@ -77,7 +74,7 @@ const EmailMessageInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

7
src/components/Dashboard/Management/EmailTemplates/EmailTemplateInfo.jsx
View File

@ -25,10 +25,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelByName,
getModelProperty
} from '../../../../database/ObjectModels.js'
import { getModelByName, getModelProperty } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
const log = loglevel.getLogger('EmailTemplateInfo')
@ -95,7 +92,7 @@ const EmailTemplateInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

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

@ -74,7 +74,7 @@ const FilamentSkuInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -82,14 +82,14 @@ const FilamentSkuInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='filamentSku'
pageName='info'
pageName='info'
id={filamentSkuId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -190,7 +190,7 @@ const FilamentSkuInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={filamentSkuId} type='filamentSku' />
<NotesPanel _id={filamentSkuId} type='filamentSku' />
</Card>
</Spin>
</InfoCollapse>
@ -209,8 +209,10 @@ const FilamentSkuInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('filamentSku').prefix + ':' + filamentSkuId
parent:
getModelByName('filamentSku').prefix +
':' +
filamentSkuId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -92,7 +92,7 @@ const FilamentInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -101,7 +101,6 @@ const FilamentInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -221,9 +220,7 @@ const FilamentInfo = () => {
<ObjectTable
ref={filamentSkusTableRef}
type='filamentSku'
masterFilter={{
filament: getModelByName('filament').prefix + ':' + filamentId
}}
masterFilter={{ filament: getModelByName('filament').prefix + ':' + filamentId }}
visibleColumns={{ filament: false }}
/>
)}
@ -241,9 +238,7 @@ const FilamentInfo = () => {
) : (
<ObjectTable
type='filamentStock'
masterFilter={{
filament: getModelByName('filament').prefix + ':' + filamentId
}}
masterFilter={{ filament: getModelByName('filament').prefix + ':' + filamentId }}
visibleColumns={{
filament: false,
startingWeight: false
@ -264,7 +259,7 @@ const FilamentInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={filamentId} type='filament' />
<NotesPanel _id={filamentId} type='filament' />
</Card>
</Spin>
</InfoCollapse>
@ -282,7 +277,10 @@ const FilamentInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('filament').prefix + ':' + filamentId
parent:
getModelByName('filament').prefix +
':' +
filamentId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -98,7 +98,7 @@ const FileInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

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

@ -87,7 +87,7 @@ const HostInfo = () => {
finishEdit: () => {
objectFormRef?.current.handleUpdate()
return true
}
},
}
return (
@ -96,7 +96,6 @@ const HostInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -214,9 +213,7 @@ const HostInfo = () => {
) : (
<ObjectTable
type='printer'
masterFilter={{
host: getModelByName('host').prefix + ':' + hostId
}}
masterFilter={{ host: getModelByName('host').prefix + ':' + hostId }}
visibleColumns={{
host: false
}}
@ -237,9 +234,7 @@ const HostInfo = () => {
) : (
<ObjectTable
type='documentPrinter'
masterFilter={{
host: getModelByName('host').prefix + ':' + hostId
}}
masterFilter={{ host: getModelByName('host').prefix + ':' + hostId }}
visibleColumns={{
host: false
}}
@ -259,7 +254,7 @@ const HostInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={hostId} type='host' />
<NotesPanel _id={hostId} type='host' />
</Card>
</Spin>
</InfoCollapse>
@ -277,7 +272,10 @@ const HostInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('host').prefix + ':' + hostId
parent:
getModelByName('host').prefix +
':' +
hostId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -77,7 +77,7 @@ const MaterialInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -85,14 +85,14 @@ const MaterialInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='material'
pageName='info'
pageName='info'
id={materialId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -193,7 +193,7 @@ const MaterialInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={materialId} type='material' />
<NotesPanel _id={materialId} type='material' />
</Card>
</Spin>
</InfoCollapse>
@ -212,7 +212,10 @@ const MaterialInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('material').prefix + ':' + materialId
parent:
getModelByName('material').prefix +
':' +
materialId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -77,14 +77,14 @@ const NoteTypeInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='noteType'
pageName='info'
pageName='info'
id={noteTypeId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -188,7 +188,10 @@ const NoteTypeInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('noteType').prefix + ':' + noteTypeId
parent:
getModelByName('noteType').prefix +
':' +
noteTypeId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -27,10 +27,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
const log = loglevel.getLogger('NoteInfo')
log.setLevel(config.logLevel)
@ -86,7 +83,7 @@ const NoteInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -94,14 +91,14 @@ const NoteInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='note'
pageName='info'
pageName='info'
id={noteId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -229,7 +226,7 @@ const NoteInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={noteId} type='note' />
<NotesPanel _id={noteId} type='note' />
</Card>
</Spin>
</InfoCollapse>
@ -248,7 +245,10 @@ const NoteInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('note').prefix + ':' + noteId
parent:
getModelByName('note').prefix +
':' +
noteId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -69,7 +69,7 @@ const PartSkuInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -77,14 +77,14 @@ const PartSkuInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='partSku'
pageName='info'
pageName='info'
id={partSkuId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -185,7 +185,7 @@ const PartSkuInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={partSkuId} type='partSku' />
<NotesPanel _id={partSkuId} type='partSku' />
</Card>
</Spin>
</InfoCollapse>
@ -204,7 +204,10 @@ const PartSkuInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('partSku').prefix + ':' + partSkuId
parent:
getModelByName('partSku').prefix +
':' +
partSkuId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -88,7 +88,7 @@ const PartInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -197,9 +197,7 @@ const PartInfo = () => {
<ObjectTable
ref={partSkusTableRef}
type='partSku'
masterFilter={{
part: getModelByName('part').prefix + ':' + partId
}}
masterFilter={{ part: getModelByName('part').prefix + ':' + partId }}
visibleColumns={{ part: false }}
/>
)}
@ -217,7 +215,7 @@ const PartInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={partId} type='part' />
<NotesPanel _id={partId} type='part' />
</Card>
</Spin>
</InfoCollapse>
@ -234,7 +232,10 @@ const PartInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('part').prefix + ':' + partId
parent:
getModelByName('part').prefix +
':' +
partId
}}
visibleColumns={{ _id: false, parent: false }}
/>

14
src/components/Dashboard/Management/PermissionSettings/PermissionSettingInfo.jsx
View File

@ -80,7 +80,7 @@ const PermissionSettingInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -88,14 +88,14 @@ const PermissionSettingInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='permissionSetting'
pageName='info'
pageName='info'
id={permissionSettingId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -227,10 +227,10 @@ const PermissionSettingInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel
_id={permissionSettingId}
type='permissionSetting'
/>
<NotesPanel
_id={permissionSettingId}
type='permissionSetting'
/>
</Card>
</Spin>
</InfoCollapse>

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

@ -23,10 +23,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
const ProductCategoryInfo = () => {
@ -80,7 +77,7 @@ const ProductCategoryInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -88,14 +85,14 @@ const ProductCategoryInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='productCategory'
pageName='info'
pageName='info'
id={productCategoryId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -220,7 +217,7 @@ const ProductCategoryInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={productCategoryId} type='productCategory' />
<NotesPanel _id={productCategoryId} type='productCategory' />
</Card>
</Spin>
</InfoCollapse>
@ -239,10 +236,10 @@ const ProductCategoryInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('productCategory').prefix +
':' +
productCategoryId
parent:
getModelByName('productCategory').prefix +
':' +
productCategoryId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -23,10 +23,7 @@ import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import ObjectProperty from '../../common/ObjectProperty.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import PartIcon from '../../../Icons/PartIcon.jsx'
const ProductSkuInfo = () => {
@ -78,7 +75,7 @@ const ProductSkuInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -86,14 +83,14 @@ const ProductSkuInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='productSku'
pageName='info'
pageName='info'
id={productSkuId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -220,7 +217,7 @@ const ProductSkuInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={productSkuId} type='productSku' />
<NotesPanel _id={productSkuId} type='productSku' />
</Card>
</Spin>
</InfoCollapse>
@ -239,8 +236,10 @@ const ProductSkuInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('productSku').prefix + ':' + productSkuId
parent:
getModelByName('productSku').prefix +
':' +
productSkuId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -88,7 +88,7 @@ const ProductInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -200,10 +200,7 @@ const ProductInfo = () => {
<ObjectTable
ref={productSkusTableRef}
type='productSku'
masterFilter={{
product:
getModelByName('product').prefix + ':' + productId
}}
masterFilter={{ product: getModelByName('product').prefix + ':' + productId }}
visibleColumns={{ product: false }}
/>
)}
@ -225,7 +222,7 @@ const ProductInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={productId} type='product' />
<NotesPanel _id={productId} type='product' />
</Card>
</Spin>
</InfoCollapse>
@ -242,7 +239,10 @@ const ProductInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('product').prefix + ':' + productId
parent:
getModelByName('product').prefix +
':' +
productId
}}
visibleColumns={{ _id: false, parent: false }}
/>

11
src/components/Dashboard/Management/StockAuditLevels/StockAuditLevelInfo.jsx
View File

@ -22,10 +22,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
const StockAuditLevelInfo = () => {
@ -85,7 +82,7 @@ const StockAuditLevelInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -235,7 +232,9 @@ const StockAuditLevelInfo = () => {
title='Audit Logs'
icon={<AuditLogIcon />}
active={collapseState.auditLogs}
onToggle={(expanded) => updateCollapseState('auditLogs', expanded)}
onToggle={(expanded) =>
updateCollapseState('auditLogs', expanded)
}
collapseKey='auditLogs'
>
{objectFormState.loading ? (

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

@ -25,10 +25,7 @@ import ObjectTable from '../../common/ObjectTable.jsx'
import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import ScrollBox from '../../common/ScrollBox.jsx'
const log = loglevel.getLogger('TaxRateInfo')
@ -80,7 +77,7 @@ const TaxRateInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -88,14 +85,14 @@ const TaxRateInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='taxRate'
pageName='info'
pageName='info'
id={taxRateId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -220,7 +217,7 @@ const TaxRateInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={taxRateId} type='taxRate' />
<NotesPanel _id={taxRateId} type='taxRate' />
</Card>
</Spin>
</InfoCollapse>
@ -239,7 +236,10 @@ const TaxRateInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('taxRate').prefix + ':' + taxRateId
parent:
getModelByName('taxRate').prefix +
':' +
taxRateId
}}
visibleColumns={{ _id: false, parent: false }}
/>

6
src/components/Dashboard/Management/UserGroups/UserGroupInfo.jsx
View File

@ -80,14 +80,14 @@ const UserGroupInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -243,7 +243,7 @@ const UserGroupInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={userGroupId} type='userGroup' />
<NotesPanel _id={userGroupId} type='userGroup' />
</Card>
</Spin>
</InfoCollapse>

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

@ -86,7 +86,7 @@ const UserInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -264,7 +264,7 @@ const UserInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={userId} type='user' />
<NotesPanel _id={userId} type='user' />
</Card>
</Spin>
</InfoCollapse>

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

@ -74,7 +74,7 @@ const VendorInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -82,14 +82,14 @@ const VendorInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='vendor'
pageName='info'
pageName='info'
id={vendorId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -190,7 +190,7 @@ const VendorInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={vendorId} type='vendor' />
<NotesPanel _id={vendorId} type='vendor' />
</Card>
</Spin>
</InfoCollapse>
@ -209,7 +209,10 @@ const VendorInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('vendor').prefix + ':' + vendorId
parent:
getModelByName('vendor').prefix +
':' +
vendorId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -111,14 +111,14 @@ const FilamentProfileInfo = () => {
finishEdit: () => {
objectFormRef.current?.handleUpdate?.()
return true
}
},
}
return (
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify='space-between'>
<Space size='small'>
@ -529,7 +529,7 @@ const FilamentProfileInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={filamentProfileId} type='filamentProfile' />
<NotesPanel _id={filamentProfileId} type='filamentProfile' />
</Card>
</Spin>
</InfoCollapse>
@ -547,10 +547,10 @@ const FilamentProfileInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('filamentProfile').prefix +
':' +
filamentProfileId
parent:
getModelByName('filamentProfile').prefix +
':' +
filamentProfileId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -25,10 +25,7 @@ import InfoCollapsePlaceholder from '../../common/InfoCollapsePlaceholder.jsx'
import InfoActionButtons from '../../common/InfoActionButtons.jsx'
import UserNotifierToggle from '../../common/UserNotifierToggle.jsx'
import ScrollBox from '../../common/ScrollBox.jsx'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels.js'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels.js'
import PartIcon from '../../../Icons/PartIcon.jsx'
const log = loglevel.getLogger('GCodeFileInfo')
@ -94,7 +91,6 @@ const GCodeFileInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -103,7 +99,7 @@ const GCodeFileInfo = () => {
<Space size='small'>
<ObjectActions
type='gcodeFile'
pageName='info'
pageName='info'
id={gcodeFileId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -234,7 +230,7 @@ const GCodeFileInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={gcodeFileId} type='gcodeFile' />
<NotesPanel _id={gcodeFileId} type='gcodeFile' />
</Card>
</Spin>
</InfoCollapse>
@ -254,8 +250,10 @@ const GCodeFileInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('gcodeFile').prefix + ':' + gcodeFileId
parent:
getModelByName('gcodeFile').prefix +
':' +
gcodeFileId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -97,7 +97,6 @@ const JobInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -225,7 +224,7 @@ const JobInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={jobId} type='job' />
<NotesPanel _id={jobId} type='job' />
</Card>
</Spin>
</InfoCollapse>
@ -243,7 +242,10 @@ const JobInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('job').prefix + ':' + jobId
parent:
getModelByName('job').prefix +
':' +
jobId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -27,10 +27,7 @@ import UserNotifierToggle from '../../common/UserNotifierToggle'
import ViewButton from '../../common/ViewButton'
import useCollapseState from '../../hooks/useCollapseState'
import ObjectProperty from '../../common/ObjectProperty'
import {
getModelProperty,
getModelByName
} from '../../../../database/ObjectModels'
import { getModelProperty, getModelByName } from '../../../../database/ObjectModels'
import GCodeFileIcon from '../../../Icons/GCodeFileIcon'
import SettingsIcon from '../../../Icons/SettingsIcon'
import ExclamationOctagonIcon from '../../../Icons/ExclamationOctagonIcon'
@ -92,14 +89,14 @@ const PrinterProfileInfo = () => {
finishEdit: () => {
objectFormRef.current?.handleUpdate?.()
return true
}
},
}
return (
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify='space-between'>
<Space size='small'>
@ -383,7 +380,7 @@ const PrinterProfileInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={printerProfileId} type='printerProfile' />
<NotesPanel _id={printerProfileId} type='printerProfile' />
</Card>
</Spin>
</InfoCollapse>
@ -401,10 +398,10 @@ const PrinterProfileInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('printerProfile').prefix +
':' +
printerProfileId
parent:
getModelByName('printerProfile').prefix +
':' +
printerProfileId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -98,7 +98,6 @@ const PrinterInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -224,9 +223,7 @@ const PrinterInfo = () => {
<ObjectTable
ref={profilesTableRef}
type='printerProfile'
masterFilter={{
printer: getModelByName('printer').prefix + ':' + printerId
}}
masterFilter={{ printer: getModelByName('printer').prefix + ':' + printerId }}
visibleColumns={{
printer: false,
'printer._id': false
@ -247,7 +244,7 @@ const PrinterInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={printerId} type='printer' />
<NotesPanel _id={printerId} type='printer' />
</Card>
</Spin>
</InfoCollapse>
@ -265,7 +262,10 @@ const PrinterInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('printer').prefix + ':' + printerId
parent:
getModelByName('printer').prefix +
':' +
printerId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -77,14 +77,14 @@ const SubJobInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='subJob'
pageName='info'
pageName='info'
id={subJobId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -183,9 +183,7 @@ const SubJobInfo = () => {
) : (
<ObjectTable
type='stockEvent'
masterFilter={{
owner: getModelByName('subJob').prefix + ':' + subJobId
}}
masterFilter={{ owner: getModelByName('subJob').prefix + ':' + subJobId }}
visibleColumns={{
owner: false,
'owner.type': false
@ -205,7 +203,7 @@ const SubJobInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={subJobId} type='subJob' />
<NotesPanel _id={subJobId} type='subJob' />
</Card>
</Spin>
</InfoCollapse>
@ -224,7 +222,10 @@ const SubJobInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('subJob').prefix + ':' + subJobId
parent:
getModelByName('subJob').prefix +
':' +
subJobId
}}
visibleColumns={{ _id: false, parent: false }}
/>

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

@ -74,7 +74,7 @@ const ClientInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -82,14 +82,14 @@ const ClientInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
<Space size='small'>
<ObjectActions
type='client'
pageName='info'
pageName='info'
id={clientId}
disabled={objectFormState.loading}
objectData={objectFormState.objectData}
@ -190,7 +190,7 @@ const ClientInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={clientId} type='client' />
<NotesPanel _id={clientId} type='client' />
</Card>
</Spin>
</InfoCollapse>
@ -209,7 +209,10 @@ const ClientInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent: getModelByName('client').prefix + ':' + clientId
parent:
getModelByName('client').prefix +
':' +
clientId
}}
visibleColumns={{ _id: false, parent: false }}
/>

2
src/components/Dashboard/Sales/FulfillmentPolicies/FulfillmentPolicyInfo.jsx
View File

@ -93,7 +93,7 @@ const FulfillmentPolicyInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

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

@ -96,14 +96,14 @@ const ListingVarientInfo = () => {
finishEdit: () => {
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>
@ -256,7 +256,7 @@ const ListingVarientInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={listingVarientId} type='listingVarient' />
<NotesPanel _id={listingVarientId} type='listingVarient' />
</Card>
</Spin>
</InfoCollapse>

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

@ -101,7 +101,7 @@ const ListingInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

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

@ -162,7 +162,7 @@ const MarketplaceInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

2
src/components/Dashboard/Sales/ReturnPolicies/ReturnPolicyInfo.jsx
View File

@ -93,7 +93,7 @@ const ReturnPolicyInfo = () => {
<Flex
gap='large'
vertical='true'
style={{ maxHeight: '100%', height: '100%', minHeight: 0 }}
style={{ maxHeight: '100%', minHeight: 0 }}
>
<Flex justify={'space-between'}>
<Space size='small'>

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

@ -100,7 +100,7 @@ const SalesOrderInfo = () => {
orderItemsTableRef?.current?.handleUpdate?.()
objectFormRef?.current?.handleUpdate?.()
return true
}
},
}
return (
@ -109,7 +109,6 @@ const SalesOrderInfo = () => {
vertical='true'
style={{
maxHeight: '100%',
height: '100%',
minHeight: 0
}}
>
@ -229,10 +228,7 @@ const SalesOrderInfo = () => {
<ObjectTable
type='orderItem'
masterFilter={{
order:
getModelByName('salesOrder').prefix +
':' +
salesOrderId,
order: getModelByName('salesOrder').prefix + ':' + salesOrderId,
orderType: 'salesOrder'
}}
visibleColumns={{ order: false }}
@ -251,10 +247,7 @@ const SalesOrderInfo = () => {
<ObjectTable
type='shipment'
masterFilter={{
order:
getModelByName('salesOrder').prefix +
':' +
salesOrderId,
order: getModelByName('salesOrder').prefix + ':' + salesOrderId,
orderType: 'salesOrder'
}}
visibleColumns={{ order: false }}
@ -276,10 +269,7 @@ const SalesOrderInfo = () => {
<ObjectTable
type='invoice'
masterFilter={{
order:
getModelByName('salesOrder').prefix +
':' +
salesOrderId,
order: getModelByName('salesOrder').prefix + ':' + salesOrderId,
orderType: 'salesOrder'
}}
visibleColumns={{ order: false }}
@ -301,10 +291,7 @@ const SalesOrderInfo = () => {
<ObjectTable
type='stockEvent'
masterFilter={{
owner:
getModelByName('salesOrder').prefix +
':' +
salesOrderId
owner: getModelByName('salesOrder').prefix + ':' + salesOrderId
}}
/>
)}
@ -325,7 +312,7 @@ const SalesOrderInfo = () => {
indicator={<LoadingOutlined />}
>
<Card>
<NotesPanel _id={salesOrderId} type='salesOrder' />
<NotesPanel _id={salesOrderId} type='salesOrder' />
</Card>
</Spin>
</InfoCollapse>
@ -342,8 +329,10 @@ const SalesOrderInfo = () => {
<ObjectTable
type='auditLog'
masterFilter={{
parent:
getModelByName('salesOrder').prefix + ':' + salesOrderId
parent:
getModelByName('salesOrder').prefix +
':' +
salesOrderId
}}
visibleColumns={{ _id: false, parent: false }}
/>

63
src/components/Dashboard/common/DashboardNavigation.jsx
View File

@ -86,40 +86,19 @@ const NAV_BADGE_STYLE = { padding: 0, fontWeight: 600 }
const NAV_UPDATE_TAG_STYLE = { cursor: 'pointer', margin: '2px 0 0 0' }
const NAV_OVERFLOW_BUTTON_STYLE = { marginBottom: '4px' }
const NAV_FADE_MS = 200
const navigationFadeClass = (visible) =>
`dashboard-navigation-fade${visible ? '' : ' dashboard-navigation-fade-hidden'}`
const useDelayedInactive = (visible) => {
const [inactive, setInactive] = useState(!visible)
useEffect(() => {
if (visible) {
setInactive(false)
return undefined
}
const timeoutId = window.setTimeout(() => setInactive(true), NAV_FADE_MS)
return () => window.clearTimeout(timeoutId)
}, [visible])
return inactive
}
const NavigationFade = memo(function NavigationFade({
visible,
children,
style,
className
style
}) {
const inactive = useDelayedInactive(visible)
return (
<div
className={classNames(navigationFadeClass(visible), className)}
inert={inactive ? true : undefined}
aria-hidden={inactive ? true : undefined}
className={navigationFadeClass(visible)}
inert={visible ? undefined : true}
aria-hidden={visible ? undefined : true}
style={style}
>
{children}
@ -130,8 +109,7 @@ const NavigationFade = memo(function NavigationFade({
NavigationFade.propTypes = {
visible: PropTypes.bool,
children: PropTypes.node,
style: PropTypes.object,
className: PropTypes.string
style: PropTypes.object
}
const DashboardNavigationTrailingItems = memo(
@ -268,17 +246,13 @@ DashboardElectronCenterItems.propTypes = {
const DashboardNavigationTrailing = memo(function DashboardNavigationTrailing({
showControls,
isOtherApp,
isElectron,
...itemProps
}) {
return (
<>
<div className='electrobun-webkit-app-region-no-drag'>
<NavigationFade visible={!isElectron || showControls}>
<DashboardNavigationTrailingItems
isElectron={isElectron}
{...itemProps}
/>
<NavigationFade visible={showControls}>
<DashboardNavigationTrailingItems {...itemProps} />
</NavigationFade>
</div>
{isOtherApp ? <DashboardWindowButtons /> : null}
@ -496,11 +470,6 @@ const DashboardNavigation = () => {
const showMobileLogo = !isElectron && isMobile
useEffect(() => {
if (!isElectron) {
setAnyModalVisible(false)
return
}
const isModalWrapVisible = (node) => {
if (!(node instanceof Element)) return false
if (node.getAttribute('aria-hidden') === 'true') return false
@ -539,7 +508,7 @@ const DashboardNavigation = () => {
observer.disconnect()
if (frameId) window.cancelAnimationFrame(frameId)
}
}, [isElectron])
}, [])
const controlsReady = !isElectron || authenticated
const showControls = controlsReady && !anyModalVisible
@ -649,15 +618,16 @@ const DashboardNavigation = () => {
</>
)
const showWindowTitle = isElectron && !showControls
const windowTitle = (
<NavigationFade
visible={showWindowTitle}
className='dashboard-navigation-window-title'
<div
className={`dashboard-navigation-window-title ${navigationFadeClass(
!showControls
)}`}
aria-hidden={showControls}
inert={showControls ? true : undefined}
>
<Text type='secondary'>Farm Control</Text>
</NavigationFade>
</div>
)
const navigationCenterBorder = (
@ -674,11 +644,12 @@ const DashboardNavigation = () => {
{navigationLeading}
<div className='dashboard-navigation-center'>
{!isMobile ? (
<NavigationFade visible style={NAV_CENTER_FADE_STYLE}>
<NavigationFade visible={showControls} style={NAV_CENTER_FADE_STYLE}>
{menu}
</NavigationFade>
) : null}
{windowTitle}
{navigationCenterBorder}
</div>
{navigationTrailing}
</Flex>