IO-992 WIP Job Audits

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -5,6 +5,7 @@ import Icon, {
   FileImageFilled,
   PrinterFilled,
   ToolFilled,
+  HistoryOutlined,
 } from "@ant-design/icons";
 import {
   Button,
@@ -46,6 +47,8 @@ import { selectJobReadOnly } from "../../redux/application/application.selectors
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import JobAuditTrail from "../../components/job-audit-trail/job-audit-trail.component";
+import AuditTrailMapping from "../../utils/AuditTrailMappings";
+import { insertAuditTrail } from "../../redux/application/application.actions";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -54,6 +57,8 @@ const mapStateToProps = createStructuredSelector({
 const mapDispatchToProps = (dispatch) => ({
   setPrintCenterContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "printCenter" })),
+  insertAuditTrail: ({ jobid, operation }) =>
+    dispatch(insertAuditTrail({ jobid, operation })),
 });
 export function JobsDetailPage({
   setPrintCenterContext,
@@ -61,6 +66,7 @@ export function JobsDetailPage({
   job,
   mutationUpdateJob,
   handleSubmit,
+  insertAuditTrail,
   refetch,
 }) {
   const { t } = useTranslation();
@@ -82,6 +88,7 @@ export function JobsDetailPage({
 
   const handleFinish = async (values) => {
     setLoading(true);
+
     const result = await mutationUpdateJob({
       variables: {
         jobId: job.id,
@@ -106,6 +113,60 @@ export function JobsDetailPage({
       notification["success"]({
         message: t("jobs.successes.savetitle"),
       });
+      const changedAuditFields = form.getFieldsValue(
+        [
+          "scheduled_in",
+          "actual_in",
+          "scheduled_completion",
+          "actual_completion",
+          "scheduled_delivery",
+          "actual_delivery",
+          "date_invoiced",
+          "ins_co_nm",
+          "ded_amt",
+          "ded_status",
+          "date_exported",
+          "special_coverage_policy",
+          "ca_gst_registrant",
+          "ca_bc_pvrt",
+          "scheduled_in",
+          "rate_la1",
+          "rate_la2",
+          "rate_la3",
+          "rate_la4",
+          "rate_laa",
+          "rate_lab",
+          "rate_lad",
+          "rate_lae",
+          "rate_laf",
+          "rate_lag",
+          "rate_lam",
+          "rate_lar",
+          "rate_las",
+          "rate_lau",
+          "rate_ma2s",
+          "rate_ma2t",
+          "rate_ma3s",
+          "rate_mabl",
+          "rate_macs",
+          "rate_mapa",
+          "rate_mahw",
+          "rate_mash",
+          "rate_matd",
+        ],
+        (meta) => meta && meta.touched
+      );
+
+      Object.keys(changedAuditFields).forEach((key) => {
+        insertAuditTrail({
+          jobid: job.id,
+          operation: AuditTrailMapping.jobfieldchange(
+            key,
+            changedAuditFields[key]
+          ),
+        });
+      });
+
       await refetch();
       form.setFieldsValue(transormJobToForm(job));
       form.resetFields();
@@ -283,7 +344,7 @@ export function JobsDetailPage({
           <Tabs.TabPane
             tab={
               <span>
-                <Icon component={FaRegStickyNote} />
+                <HistoryOutlined />
                 {t("jobs.labels.audit")}
               </span>
             }