IO-1638 Parts Received % on prod list.

client/src/components/jobs-detail-header/jobs-detail-header.component.jsx

@@ -63,10 +63,11 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
   const vehicleTitle = `${job.v_model_yr || ""} ${job.v_color || ""}
   ${job.v_make_desc || ""} 
   ${job.v_model_desc || ""}`.trim();
-  console.log(
-    "🚀  ~ file: jobs-detail-header.component.jsx  ~ line 64  ~ vehicleTitle",
-    vehicleTitle.length
-  );
+
+  const ownerTitle = `${job.ownr_fn || ""} ${job.ownr_ln || ""} ${
+    job.ownr_co_nm || ""
+  }`.trim();
+
   return (
     <Row gutter={[16, 16]} style={{ alignItems: "stretch" }}>
       <Col {...colSpan}>
@@ -159,9 +160,9 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
           style={{ height: "100%" }}
           title={
             <Link to={disabled ? "#" : `/manage/owners/${job.owner.id}`}>
-              {`${job.ownr_fn || ""} ${job.ownr_ln || ""} ${
-                job.ownr_co_nm || ""
-              }`}
+              {ownerTitle.length > 0
+                ? ownerTitle
+                : t("owner.labels.noownerinfo")}
             </Link>
           }
         >

client/src/components/production-list-columns/production-list-columns.data.js

@@ -21,6 +21,7 @@ import ProductionListColumnStatus from "./production-list-columns.status.compone
 import ProductionListColumnCategory from "./production-list-columns.status.category";
 import ProductionlistColumnTouchTime from "./prodution-list-columns.touchtime.component";
 import ProductionListColumnComment from "./production-list-columns.comment.component";
+import ProductionListColumnPartsReceived from "./production-list-columns.partsreceived.component";
 
 const r = ({ technician, state, activeStatuses, bodyshop }) => {
   return [
@@ -96,7 +97,7 @@ const r = ({ technician, state, activeStatuses, bodyshop }) => {
       sortOrder:
         state.sortedInfo.columnKey === "actual_in" && state.sortedInfo.order,
       render: (text, record) => (
-        <ProductionListDate record={record} field="actual_in" time/>
+        <ProductionListDate record={record} field="actual_in" time />
       ),
     },
     {
@@ -477,6 +478,14 @@ const r = ({ technician, state, activeStatuses, bodyshop }) => {
         />
       ),
     },
+    {
+      title: i18n.t("jobs.labels.parts_received"),
+      dataIndex: "parts_received",
+      key: "parts_received",
+      render: (text, record) => (
+        <ProductionListColumnPartsReceived record={record} />
+      ),
+    },
   ];
 };
 export default r;

client/src/components/production-list-columns/production-list-columns.partsreceived.component.jsx

@@ -0,0 +1,41 @@
+import { useMemo } from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ProductionListColumnPartsReceived);
+
+export function ProductionListColumnPartsReceived({ bodyshop, record }) {
+  const amount = useMemo(() => {
+    const amount = record.joblines_status.reduce(
+      (acc, val) => {
+        acc.total += val.count;
+        acc.received =
+          val.status === bodyshop.md_order_statuses.default_received
+            ? acc.received + val.count
+            : acc.received;
+        return acc;
+      },
+      { total: 0, received: 0 }
+    );
+
+    return {
+      ...amount,
+      percent:
+        amount.total !== 0
+          ? ((amount.received / amount.total) * 100).toFixed(0) + "%"
+          : "N/A",
+    };
+  }, [record, bodyshop.md_order_statuses]);
+
+  return `${amount.percent} (${amount.received}/${amount.total})`;
+}

client/src/components/production-list-table/production-list-table.component.jsx

@@ -88,12 +88,6 @@ export function ProductionListTable({
   );
 
   const handleTableChange = (pagination, filters, sorter) => {
-    console.log(
-      "🚀  ~ file: production-list-table.component.jsx  ~ line 91  ~ pagination, filters, sorter",
-      pagination,
-      filters,
-      sorter
-    );
     setState({
       ...state,
       filteredInfo: filters,