Added total bills value and total stock

Author: RobertoMoFossa

src/frontend/src/tables/purchasing/PurchaseOrderTable.tsx

@@ -12,6 +12,7 @@ import { usePurchaseOrderFields } from '../../forms/PurchaseOrderForms';
 import { useCreateApiFormModal } from '../../hooks/UseForm';
 import { useTable } from '../../hooks/UseTable';
 import { useUserState } from '../../states/UserState';
+import { Text } from '@mantine/core';
 import {
   CompanyColumn,
   CompletionDateColumn,
@@ -161,20 +162,32 @@ export function PurchaseOrderTable({
     modelType: ModelType.purchaseorder
   });
 
+  const totalBillsValue = useMemo(() => {
+    let total = 0;
+
+    for (const record of table.records) {
+      total += record.total_price ?? 0;
+    }
+    
+    return total
+  }, [table.records]);
+
   const tableActions = useMemo(() => {
     return [
       <AddItemButton
         key='add-purchase-order'
         tooltip={t`Add Purchase Order`}
         onClick={() => newPurchaseOrder.open()}
         hidden={!user.hasAddRole(UserRoles.purchase_order)}
-      />
+      />,
+      
     ];
   }, [user]);
 
   return (
     <>
       {newPurchaseOrder.modal}
+      
       <InvenTreeTable
         url={apiUrl(ApiEndpoints.purchase_order_list)}
         tableState={table}
@@ -195,6 +208,7 @@ export function PurchaseOrderTable({
           enableLabels: true
         }}
       />
+      <Text fw={700} c="#4563dc">Total Bills Value: { totalBillsValue } €</Text>
     </>
   );
 }

src/frontend/src/tables/stock/StockItemTable.tsx

@@ -21,6 +21,7 @@ import { useStockAdjustActions } from '../../hooks/UseStockAdjustActions';
 import { useTable } from '../../hooks/UseTable';
 import { useGlobalSettingsState } from '../../states/SettingsStates';
 import { useUserState } from '../../states/UserState';
+import { Text } from '@mantine/core';
 import {
   DateColumn,
   DescriptionColumn,
@@ -427,6 +428,17 @@ export function StockItemTable({
 
     return total;
   }, [table.records]);
+
+  
+  const totalStock = useMemo(() => {
+    let total = 0;
+
+    for (const record of table.records) {
+      total += record.quantity ?? 0;
+    }
+    
+    return total
+  },[table.records]);
 
 
   const tableActions = useMemo(() => {
@@ -450,8 +462,7 @@ export function StockItemTable({
         hidden={!allowAdd || !user.hasAddRole(UserRoles.stock)}
         tooltip={t`Add Stock Item`}
         onClick={() => newStockItem.open()}
-      />,
-      <p><b>Total Stock Value: { totalStockValue } €</b></p>,
+      />
     ];
   }, [
     user,
@@ -486,6 +497,8 @@ export function StockItemTable({
           }
         }}
       />
+      <Text fw={700} c="#4563dc">Total Stock Value: { totalStockValue } €</Text>
+      <Text fw={700} c="#4563dc">Total Stock: { totalStock } </Text>
     </>
   );
 }