Added parts backorder + receiving for orders BOD-159

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

@@ -1,3 +1,4 @@
+import { SyncOutlined } from "@ant-design/icons";
 import { Button, Dropdown, Input, Menu, Table } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -11,6 +12,8 @@ import AllocationsAssignmentContainer from "../allocations-assignment/allocation
 import AllocationsBulkAssignmentContainer from "../allocations-bulk-assignment/allocations-bulk-assignment.container";
 import AllocationsEmployeeLabelContainer from "../allocations-employee-label/allocations-employee-label.container";
 import PartsOrderModalContainer from "../parts-order-modal/parts-order-modal.container";
+import queryString from "query-string";
+import { useHistory, useLocation } from "react-router-dom";
 
 const mapDispatchToProps = (dispatch) => ({
   setJobLineEditContext: (context) =>
@@ -35,6 +38,9 @@ export function JobLinesComponent({
   });
   const { t } = useTranslation();
 
+  const search = queryString.parse(useLocation().search);
+  const history = useHistory();
+
   const columns = [
     {
       title: "#",
@@ -213,7 +219,8 @@ export function JobLinesComponent({
                 actions: { refetch: refetch },
                 context: record,
               });
-            }}>
+            }}
+          >
             {t("general.actions.edit")}
           </Button>
           <AllocationsAssignmentContainer
@@ -237,9 +244,9 @@ export function JobLinesComponent({
 
   const markMenu = (
     <Menu onClick={handleMark}>
-      <Menu.Item key='PAA'>PAA</Menu.Item>
-      <Menu.Item key='PAN'>PAN</Menu.Item>
-      <Menu.Item key='PAL'>PAL</Menu.Item>
+      <Menu.Item key="PAA">PAA</Menu.Item>
+      <Menu.Item key="PAN">PAN</Menu.Item>
+      <Menu.Item key="PAL">PAL</Menu.Item>
     </Menu>
   );
 
@@ -248,16 +255,19 @@ export function JobLinesComponent({
       <PartsOrderModalContainer />
       <Table
         columns={columns}
-        rowKey='id'
+        rowKey="id"
         loading={loading}
-        size='small'
+        size="small"
         pagination={{ position: "top", defaultPageSize: 50 }}
         dataSource={jobLines}
         onChange={handleTableChange}
         scroll={{ x: true, y: "40rem" }}
         title={() => {
           return (
-            <div className='imex-table-header'>
+            <div className="imex-table-header">
+              <Button onClick={() => refetch()}>
+                <SyncOutlined />
+              </Button>
               <Button
                 disabled={selectedLines.length > 0 ? false : true}
                 onClick={() => {
@@ -268,7 +278,8 @@ export function JobLinesComponent({
                       linesToOrder: selectedLines,
                     },
                   });
-                }}>
+                }}
+              >
                 {t("parts.actions.order")}
               </Button>
               <Dropdown overlay={markMenu} trigger={["click"]}>
@@ -284,10 +295,11 @@ export function JobLinesComponent({
                     actions: { refetch: refetch },
                     context: { jobid: jobId },
                   });
-                }}>
+                }}
+              >
                 {t("joblines.actions.new")}
               </Button>
-              <div className='imex-table-header__search'>
+              <div className="imex-table-header__search">
                 <Input.Search
                   placeholder={t("general.labels.search")}
                   onChange={(e) => {
@@ -300,11 +312,16 @@ export function JobLinesComponent({
           );
         }}
         expandedRowRender={(record) => (
-          <div style={{ margin: 0 }}>
+          <div>
             <strong>{t("parts_orders.labels.orderhistory")}</strong>
             {record.parts_order_lines.map((item) => (
               <div key={item.id}>
-                {`${item.parts_order.order_number || ""} from `}
+                <Link
+                  to={`/manage/jobs/${jobId}?tab=partssublet&partsorderid=${item.parts_order.id}`}
+                >
+                  {item.parts_order.order_number || ""}
+                </Link>
+                -
                 <Link to={`/manage/shop/vendors/${item.parts_order.vendor.id}`}>
                   {item.parts_order.vendor.name || ""}
                 </Link>