2
0
mirror of https://github.com/inventree/InvenTree.git synced 2025-07-13 08:21:26 +00:00

React updates (#5826)

* Add more panels to StockItem page

* Add some placeholder actions for StockItem page

* edit stock item

* Add info hover card to stocktable

* update extra info for part table

* Add extra columns to PurchaseOrder table

* Fix unused import
This commit is contained in:
Oliver
2023-11-01 07:32:40 +11:00
committed by GitHub
parent 2908ad0721
commit e18b6d38ef
8 changed files with 311 additions and 36 deletions

View File

@ -75,16 +75,19 @@ function partTableColumns(): TableColumn[] {
let extra: ReactNode[] = [];
let stock = record?.total_in_stock ?? 0;
let allocated =
(record?.allocated_to_build_orders ?? 0) +
(record?.allocated_to_sales_orders ?? 0);
let available = Math.max(0, stock - allocated);
let min_stock = record?.minimum_stock ?? 0;
let text = String(stock);
let color: string | undefined = undefined;
if (record.minimum_stock > stock) {
if (min_stock > stock) {
extra.push(
<Text color="orange">
{t`Minimum stock` + `: ${record.minimum_stock}`}
</Text>
<Text color="orange">{t`Minimum stock` + `: ${min_stock}`}</Text>
);
color = 'orange';
@ -116,11 +119,19 @@ function partTableColumns(): TableColumn[] {
);
}
// TODO: Add extra information on stock "deman"
if (available != stock) {
extra.push(<Text>{t`Available` + `: ${available}`}</Text>);
}
if (stock == 0) {
// TODO: Add extra information on stock "demand"
if (stock <= 0) {
color = 'red';
text = t`No stock`;
} else if (available <= 0) {
color = 'orange';
} else if (available < min_stock) {
color = 'yellow';
}
return (
@ -129,7 +140,7 @@ function partTableColumns(): TableColumn[] {
<Group spacing="xs" position="left">
<Text color={color}>{text}</Text>
{record.units && (
<Text size="xs" color="color">
<Text size="xs" color={color}>
[{record.units}]
</Text>
)}