Added parts only filtering as separate button to Job Lines list. BOD-217

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -1,4 +1,4 @@
-import { SyncOutlined } from "@ant-design/icons";
+import { SyncOutlined, FilterFilled } from "@ant-design/icons";
 import { Button, Dropdown, Input, Menu, Table } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -35,6 +35,7 @@ export function JobLinesComponent({
 }) {
   const [state, setState] = useState({
     sortedInfo: {},
+    filteredInfo: {},
   });
   const { t } = useTranslation();
 
@@ -88,6 +89,7 @@ export function JobLinesComponent({
       title: t("joblines.fields.part_type"),
       dataIndex: "part_type",
       key: "part_type",
+      filteredValue: state.filteredInfo.part_type || null,
       sorter: (a, b) => alphaSort(a.part_type, b.part_type),
       sortOrder:
         state.sortedInfo.columnKey === "part_type" && state.sortedInfo.order,
@@ -265,6 +267,7 @@ export function JobLinesComponent({
   ];
 
   const handleTableChange = (pagination, filters, sorter) => {
+    console.log("filters", filters);
     setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
   };
 
@@ -283,7 +286,7 @@ export function JobLinesComponent({
       <Menu.Item key="PAS">{t("joblines.fields.part_types.PAS")}</Menu.Item>
     </Menu>
   );
-
+  console.log("state", state);
   return (
     <div>
       <PartsOrderModalContainer />
@@ -319,6 +322,18 @@ export function JobLinesComponent({
               >
                 {t("parts.actions.order")}
               </Button>
+              <Button
+                onClick={() => {
+                  setState({
+                    ...state,
+                    filteredInfo: {
+                      part_type: ["PAN,PAL,PAA,PAS,PASL"],
+                    },
+                  });
+                }}
+              >
+                <FilterFilled /> {t("jobs.actions.filterpartsonly")}
+              </Button>
               <Dropdown overlay={markMenu} trigger={["click"]}>
                 <Button>{t("jobs.actions.mark")}</Button>
               </Dropdown>