diff --git a/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx b/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx index 1974827032..6d18102d40 100644 --- a/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx +++ b/awx/ui_next/src/screens/Inventory/InventoryList/InventoryListItem.jsx @@ -10,6 +10,7 @@ import { DataListItemRow, Label, Tooltip, + Badge as PFBadge, } from '@patternfly/react-core'; import { PencilAltIcon } from '@patternfly/react-icons'; import { t } from '@lingui/macro'; @@ -29,6 +30,15 @@ const DataListAction = styled(_DataListAction)` grid-template-columns: repeat(2, 40px); `; +const Badge = styled(PFBadge)` + margin-left: 8px; +`; + +const ListGroup = styled.div` + margin-left: 8px; + display: inline-block; +`; + function InventoryListItem({ inventory, isSelected, @@ -102,6 +112,20 @@ function InventoryListItem({ ? i18n._(t`Smart Inventory`) : i18n._(t`Inventory`)} , + + + {i18n._(t`Groups`)} + {inventory.total_groups} + + + {i18n._(t`Hosts`)} + {inventory.total_hosts} + + + {i18n._(t`Sources`)} + {inventory.total_inventory_sources} + + , inventory.pending_deletion && (