IO-791 Bill Edit with Labor Adjustments confirmation

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

@@ -1,5 +1,5 @@
 import { useMutation, useQuery } from "@apollo/client";
-import { Button, Form } from "antd";
+import { Button, Form, Popconfirm } from "antd";
 import moment from "moment";
 import queryString from "query-string";
 import React, { useEffect, useState } from "react";
@@ -19,6 +19,7 @@ export default function BillDetailEditcontainer() {
   const search = queryString.parse(useLocation().search);
   const { t } = useTranslation();
   const [form] = Form.useForm();
+  const [visible, setVisible] = useState(false);
   const [updateLoading, setUpdateLoading] = useState(false);
   const [update_bill] = useMutation(UPDATE_BILL);
   const [insertBillLine] = useMutation(INSERT_NEW_BILL_LINES);
@@ -29,6 +30,15 @@ export default function BillDetailEditcontainer() {
     skip: !!!search.billid,
   });
 
+  const handleSave = () => {
+    //It's got a previously deducted bill line!
+    if (data.bills_by_pk.billlines.filter((b) => b.deductedfromlbr).length > 0)
+      setVisible(true);
+    else {
+      form.submit();
+    }
+  };
+
   const handleFinish = async (values) => {
     setUpdateLoading(true);
     //let adjustmentsToInsert = {};
@@ -42,7 +52,7 @@ export default function BillDetailEditcontainer() {
     );
 
     billlines.forEach((billline) => {
-      const { deductfromlabor, ...il } = billline;
+      const { deductedfromlbr, ...il } = billline;
       delete il.__typename;
 
       //Need to compare this line to the previous version of the line to see if there is a change in the adjustments.
@@ -52,7 +62,7 @@ export default function BillDetailEditcontainer() {
 
       if (theOldBillLine) {
         //It was there! Need to change the diff.
-        if (theOldBillLine.deductfromlabor !== deductfromlabor) {
+        if (theOldBillLine.deductedfromlbr !== deductedfromlbr) {
           //There's a different
         }
       }
@@ -64,7 +74,7 @@ export default function BillDetailEditcontainer() {
               billLineId: il.id,
               billLine: {
                 ...il,
-                deductedfromlbr: deductfromlabor,
+                deductedfromlbr: deductedfromlbr,
                 joblineid: il.joblineid === "noline" ? null : il.joblineid,
               },
             },
@@ -78,7 +88,7 @@ export default function BillDetailEditcontainer() {
               billLines: [
                 {
                   ...il,
-                  deductedfromlbr: deductfromlabor,
+                  deductedfromlbr: deductedfromlbr,
                   billid: search.billid,
                   joblineid: il.joblineid === "noline" ? null : il.joblineid,
                 },
@@ -93,6 +103,7 @@ export default function BillDetailEditcontainer() {
     await refetch();
     form.resetFields();
     form.resetFields();
+    setVisible(false);
     setUpdateLoading(false);
   };
 
@@ -109,19 +120,28 @@ export default function BillDetailEditcontainer() {
 
   return (
     <LoadingSkeleton loading={loading}>
-      <Form
-        form={form}
-        onFinish={handleFinish}
-        initialValues={transformData(data)}
+      <Popconfirm
+        visible={visible}
+        onConfirm={() => form.submit()}
+        onCancel={() => setVisible(false)}
+        okButtonProps={{ loading: updateLoading }}
+        title={t("bills.labels.editadjwarning")}
       >
         <Button
           htmlType="submit"
           disabled={exported}
+          onClick={handleSave}
           loading={updateLoading}
           type="primary"
         >
           {t("general.actions.save")}
         </Button>
+      </Popconfirm>
+      <Form
+        form={form}
+        onFinish={handleFinish}
+        initialValues={transformData(data)}
+      >
         <BillFormContainer form={form} billEdit disabled={exported} />
         <JobDocumentsGallery
           jobId={data ? data.bills_by_pk.jobid : null}

client/src/components/bill-enter-modal/bill-enter-modal.container.jsx

@@ -59,20 +59,20 @@ function BillEnterModalContainer({
                 remainingValues.billlines &&
                 remainingValues.billlines.map((i) => {
                   const {
-                    deductfromlabor,
+                    deductedfromlbr,
                     lbr_adjustment,
                     location: lineLocation,
                     ...restI
                   } = i;
 
-                  if (deductfromlabor) {
+                  if (deductedfromlbr) {
                     adjustmentsToInsert[lbr_adjustment.mod_lbr_ty] =
                       (adjustmentsToInsert[lbr_adjustment.mod_lbr_ty] || 0) -
                       restI.actual_price / lbr_adjustment.rate;
                   }
                   return {
                     ...restI,
-                    deductedfromlbr: deductfromlabor,
+                    deductedfromlbr: deductedfromlbr,
                     joblineid: i.joblineid === "noline" ? null : i.joblineid,
                   };
                 }),

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -248,19 +248,19 @@ export function BillEnterModalLinesComponent({
                         </Select>
                       </Form.Item>
                       <Form.Item
-                        label={t("billlines.labels.deductfromlabor")}
-                        key={`${index}deductfromlabor`}
+                        label={t("billlines.labels.deductedfromlbr")}
+                        key={`${index}deductedfromlbr`}
                         valuePropName="checked"
-                        name={[field.name, "deductfromlabor"]}
+                        name={[field.name, "deductedfromlbr"]}
                       >
                         <Switch disabled={disabled} />
                       </Form.Item>
                       <Form.Item
                         shouldUpdate={(prev, cur) =>
                           prev.billlines[index] &&
-                          prev.billlines[index].deductfromlabor !==
+                          prev.billlines[index].deductedfromlbr !==
                             cur.billlines[index] &&
-                          cur.billlines[index].deductfromlabor
+                          cur.billlines[index].deductedfromlbr
                         }
                       >
                         {() => {
@@ -268,7 +268,7 @@ export function BillEnterModalLinesComponent({
                             getFieldValue([
                               "billlines",
                               field.name,
-                              "deductfromlabor",
+                              "deductedfromlbr",
                             ])
                           )
                             return (

client/src/components/jobs-detail-rates/jobs-detail-rates.parts.component.jsx

@@ -136,6 +136,46 @@ export function JobsDetailRatesParts({ jobRO, expanded, required = true }) {
             <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
           </Form.Item>
         </LayoutFormRow>
+        <LayoutFormRow header={t("joblines.fields.part_types.PAG")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAG", "prt_discp"]}
+          >
+            <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mktyp")}
+            name={["parts_tax_rates", "PAG", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAG", "prt_mkupp"]}
+          >
+            <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_in")}
+            name={["parts_tax_rates", "PAG", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAG", "prt_tax_rt"]}
+            rules={[
+              {
+                required: required,
+                message: t("general.validation.required"),
+              },
+            ]}
+          >
+            <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
+          </Form.Item>
+        </LayoutFormRow>
         <LayoutFormRow header={t("joblines.fields.part_types.PAM")}>
           <Form.Item
             label={t("jobs.fields.parts_tax_rates.prt_discp")}