inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-07-30 16:41:35 +00:00
Code Activity

[ui] Better formatting for badges (#10060)

Browse Source 
* Better formatting for badges

* Stock detail too
This commit is contained in:
Oliver
2025-07-23 13:19:33 +10:00
committed by GitHub
parent a08784acce
commit 283d5d6050
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/frontend/src/pages/part/PartDetail.tsx
View File

@@ -68,7 +68,7 @@ import { PanelGroup } from '../../components/panels/PanelGroup';
import { RenderPart } from '../../components/render/Part'; import { RenderPart } from '../../components/render/Part';
import OrderPartsWizard from '../../components/wizards/OrderPartsWizard'; import OrderPartsWizard from '../../components/wizards/OrderPartsWizard';
import { useApi } from '../../contexts/ApiContext'; import { useApi } from '../../contexts/ApiContext';
import { formatPriceRange } from '../../defaults/formatters'; import { formatDecimal, formatPriceRange } from '../../defaults/formatters';
import { usePartFields } from '../../forms/PartForms'; import { usePartFields } from '../../forms/PartForms';
import { import {
type StockOperationProps, type StockOperationProps,
@@ -841,7 +841,7 @@ export default function PartDetail() {
return [ return [
<DetailsBadge <DetailsBadge
label={`${t`In Stock`}: ${partRequirements.total_stock}`} label={`${t`In Stock`}: ${formatDecimal(partRequirements.total_stock)}`}
color={ color={
partRequirements.total_stock >= part.minimum_stock partRequirements.total_stock >= part.minimum_stock
? 'green' ? 'green'
@@ -851,7 +851,7 @@ export default function PartDetail() {
key='in_stock' key='in_stock'
/>, />,
<DetailsBadge <DetailsBadge
label={`${t`Available`}: ${partRequirements.unallocated_stock}`} label={`${t`Available`}: ${formatDecimal(partRequirements.unallocated_stock)}`}
color='yellow' color='yellow'
key='available_stock' key='available_stock'
visible={ visible={
@@ -865,19 +865,19 @@ export default function PartDetail() {
key='no_stock' key='no_stock'
/>, />,
<DetailsBadge <DetailsBadge
label={`${t`Required`}: ${required}`} label={`${t`Required`}: ${formatDecimal(required)}`}
color='grape' color='grape'
visible={required > 0} visible={required > 0}
key='required' key='required'
/>, />,
<DetailsBadge <DetailsBadge
label={`${t`On Order`}: ${partRequirements.ordering}`} label={`${t`On Order`}: ${formatDecimal(partRequirements.ordering)}`}
color='blue' color='blue'
visible={partRequirements.ordering > 0} visible={partRequirements.ordering > 0}
key='on_order' key='on_order'
/>, />,
<DetailsBadge <DetailsBadge
label={`${t`In Production`}: ${partRequirements.building}`} label={`${t`In Production`}: ${formatDecimal(partRequirements.building)}`}
color='blue' color='blue'
visible={partRequirements.building > 0} visible={partRequirements.building > 0}
key='in_production' key='in_production'

6
src/frontend/src/pages/stock/StockDetail.tsx
View File

@@ -65,7 +65,7 @@ import LocateItemButton from '../../components/plugins/LocateItemButton';
import { StatusRenderer } from '../../components/render/StatusRenderer'; import { StatusRenderer } from '../../components/render/StatusRenderer';
import OrderPartsWizard from '../../components/wizards/OrderPartsWizard'; import OrderPartsWizard from '../../components/wizards/OrderPartsWizard';
import { useApi } from '../../contexts/ApiContext'; import { useApi } from '../../contexts/ApiContext';
import { formatCurrency } from '../../defaults/formatters'; import { formatCurrency, formatDecimal } from '../../defaults/formatters';
import { import {
type StockOperationProps, type StockOperationProps,
useFindSerialNumberForm, useFindSerialNumberForm,
@@ -941,13 +941,13 @@ export default function StockDetail() {
/>, />,
<DetailsBadge <DetailsBadge
color='blue' color='blue'
label={`${t`Quantity`}: ${stockitem.quantity}`} label={`${t`Quantity`}: ${formatDecimal(stockitem.quantity)}`}
visible={!stockitem.serial} visible={!stockitem.serial}
key='quantity' key='quantity'
/>, />,
<DetailsBadge <DetailsBadge
color='yellow' color='yellow'
label={`${t`Available`}: ${available}`} label={`${t`Available`}: ${formatDecimal(available)}`}
visible={ visible={
stockitem.in_stock && stockitem.in_stock &&
!stockitem.serial && !stockitem.serial &&