IO-1718 Add part type to OEC.

client/src/components/bill-detail-edit/bill-detail-edit.container.jsx

@@ -207,6 +207,8 @@ export function BillDetailEditcontainer({
                             cost: i.actual_cost,
                             quantity: i.quantity,
                             joblineid: i.joblineid,
+                            oem_partno: i.jobline && i.jobline.oem_partno,
+                            part_type: i.jobline && i.jobline.part_type,
                           };
                         }),
                         isReturn: true,

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

@@ -76,6 +76,7 @@ export function BillsListTableComponent({
                   quantity: i.quantity,
                   joblineid: i.joblineid,
                   oem_partno: i.jobline && i.jobline.oem_partno,
+                  part_type: i.jobline && i.jobline.part_type,
                 };
               }),
               isReturn: true,

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -319,6 +319,15 @@ export function PartsOrderListTableComponent({
             },
           ]
         : []),
+      {
+        title: t("parts_orders.fields.part_type"),
+        dataIndex: "part_type",
+        key: "part_type",
+        render: (text, record) =>
+          record.part_type
+            ? t(`joblines.fields.part_types.${record.part_type}`)
+            : null,
+      },
       {
         title: t("parts_orders.fields.oem_partno"),
         dataIndex: "oem_partno",

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -1,6 +1,15 @@
 import { DeleteFilled, WarningFilled } from "@ant-design/icons";
 import { useTreatments } from "@splitsoftware/splitio-react";
-import { Divider, Form, Input, InputNumber, Radio, Space, Tag } from "antd";
+import {
+  Divider,
+  Form,
+  Input,
+  InputNumber,
+  Radio,
+  Space,
+  Tag,
+  Select,
+} from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -114,6 +123,45 @@ export function PartsOrderModalComponent({
                       >
                         <Input />
                       </Form.Item>
+                      <Form.Item
+                        label={t("parts_orders.fields.part_type")}
+                        key={`${index}part_type`}
+                        name={[field.name, "part_type"]}
+                      >
+                        <Select>
+                          <Select.Option value="PAA">
+                            {t("joblines.fields.part_types.PAA")}
+                          </Select.Option>
+                          <Select.Option value="PAC">
+                            {t("joblines.fields.part_types.PAC")}
+                          </Select.Option>
+
+                          <Select.Option value="PAL">
+                            {t("joblines.fields.part_types.PAL")}
+                          </Select.Option>
+                          <Select.Option value="PAG">
+                            {t("joblines.fields.part_types.PAG")}
+                          </Select.Option>
+                          <Select.Option value="PAM">
+                            {t("joblines.fields.part_types.PAM")}
+                          </Select.Option>
+                          <Select.Option value="PAP">
+                            {t("joblines.fields.part_types.PAP")}
+                          </Select.Option>
+                          <Select.Option value="PAN">
+                            {t("joblines.fields.part_types.PAN")}
+                          </Select.Option>
+                          <Select.Option value="PAO">
+                            {t("joblines.fields.part_types.PAO")}
+                          </Select.Option>
+                          <Select.Option value="PAR">
+                            {t("joblines.fields.part_types.PAR")}
+                          </Select.Option>
+                          <Select.Option value="PAS">
+                            {t("joblines.fields.part_types.PAS")}
+                          </Select.Option>
+                        </Select>
+                      </Form.Item>
                       <Form.Item
                         label={t("parts_orders.fields.oem_partno")}
                         key={`${index}oem_partno`}

client/src/components/parts-order-modal/parts-order-modal.container.jsx

@@ -77,7 +77,7 @@ export function PartsOrderModalContainer({
 
   const { refetch } = actions;
   const [form] = Form.useForm();
-
+  const [saving, setSaving] = useState(false);
   const sendTypeState = useState("e");
   const sendType = sendTypeState[0];
 
@@ -93,7 +93,7 @@ export function PartsOrderModalContainer({
 
   const handleFinish = async (values) => {
     logImEXEvent("parts_order_insert");
-
+    setSaving(true);
     const insertResult = await insertPartOrder({
       variables: {
         po: [
@@ -247,8 +247,6 @@ export function PartsOrderModalContainer({
           });
         }
 
-        console.log(partsOrder.data.parts_orders_by_pk);
-
         const oecResponse = await axios.post(
           "http://localhost:1337/oec/",
 
@@ -275,11 +273,11 @@ export function PartsOrderModalContainer({
             error: JSON.stringify(error.message),
           }),
         });
-
+        setSaving(false);
         return;
       }
     }
-
+    setSaving(false);
     toggleModalVisible();
   };
 
@@ -301,6 +299,7 @@ export function PartsOrderModalContainer({
               cost: value.cost,
               quantity: value.part_qty,
               job_line_id: isReturn ? value.joblineid : value.id,
+              part_type: value.part_type,
             });
             return acc;
           }, [])
@@ -324,6 +323,8 @@ export function PartsOrderModalContainer({
       }
       onCancel={() => toggleModalVisible()}
       onOk={() => form.submit()}
+      okButtonProps={{ loading: saving }}
+      cancelButtonProps={{ loading: saving }}
       destroyOnClose
       width="75%"
       forceRender