inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-07-30 00:21:34 +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 OrderPartsWizard from '../../components/wizards/OrderPartsWizard';
import { useApi } from '../../contexts/ApiContext';
import { formatPriceRange } from '../../defaults/formatters';
import { formatDecimal, formatPriceRange } from '../../defaults/formatters';
import { usePartFields } from '../../forms/PartForms';
import {
type StockOperationProps,
@@ -841,7 +841,7 @@ export default function PartDetail() {
return [
<DetailsBadge
label={`${t`In Stock`}: ${partRequirements.total_stock}`}
label={`${t`In Stock`}: ${formatDecimal(partRequirements.total_stock)}`}
color={
partRequirements.total_stock >= part.minimum_stock
? 'green'
@@ -851,7 +851,7 @@ export default function PartDetail() {
key='in_stock'
/>,
<DetailsBadge
label={`${t`Available`}: ${partRequirements.unallocated_stock}`}
label={`${t`Available`}: ${formatDecimal(partRequirements.unallocated_stock)}`}
color='yellow'
key='available_stock'
visible={
@@ -865,19 +865,19 @@ export default function PartDetail() {
key='no_stock'
/>,
<DetailsBadge
label={`${t`Required`}: ${required}`}
label={`${t`Required`}: ${formatDecimal(required)}`}
color='grape'
visible={required > 0}
key='required'
/>,
<DetailsBadge
label={`${t`On Order`}: ${partRequirements.ordering}`}
label={`${t`On Order`}: ${formatDecimal(partRequirements.ordering)}`}
color='blue'
visible={partRequirements.ordering > 0}
key='on_order'
/>,
<DetailsBadge
label={`${t`In Production`}: ${partRequirements.building}`}
label={`${t`In Production`}: ${formatDecimal(partRequirements.building)}`}
color='blue'
visible={partRequirements.building > 0}
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 OrderPartsWizard from '../../components/wizards/OrderPartsWizard';
import { useApi } from '../../contexts/ApiContext';
import { formatCurrency } from '../../defaults/formatters';
import { formatCurrency, formatDecimal } from '../../defaults/formatters';
import {
type StockOperationProps,
useFindSerialNumberForm,
@@ -941,13 +941,13 @@ export default function StockDetail() {
/>,
<DetailsBadge
color='blue'
label={`${t`Quantity`}: ${stockitem.quantity}`}
label={`${t`Quantity`}: ${formatDecimal(stockitem.quantity)}`}
visible={!stockitem.serial}
key='quantity'
/>,
<DetailsBadge
color='yellow'
label={`${t`Available`}: ${available}`}
label={`${t`Available`}: ${formatDecimal(available)}`}
visible={
stockitem.in_stock &&
!stockitem.serial &&