Added class change admin functionality IO-521

bodyshop_translations.babel

@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.7.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.7.1">
     <!--
 
     BabelEdit project file
@@ -17819,6 +17819,27 @@
                                             </concept_node>
                                         </children>
                                     </folder_node>
+                                    <concept_node>
+                                        <name>changeclass</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>checklists</name>
                                         <definition_loaded>false</definition_loaded>

client/src/components/jobs-admin-class/jobs-admin-class.component.jsx

@@ -0,0 +1,88 @@
+import { useMutation } from "@apollo/react-hooks";
+import { Button, Form, notification, Popconfirm, Select } from "antd";
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { UPDATE_JOB } from "../../graphql/jobs.queries";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import LayoutFormRow from "../layout-form-row/layout-form-row.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(mapStateToProps, mapDispatchToProps)(JobsAdminClass);
+
+export function JobsAdminClass({ bodyshop, job }) {
+  const { t } = useTranslation();
+  const [loading, setLoading] = useState(false);
+  const [form] = Form.useForm();
+  const [updateJob] = useMutation(UPDATE_JOB);
+
+  const handleFinish = async (values) => {
+    console.log(values);
+    setLoading(true);
+    const result = await updateJob({
+      variables: { jobId: job.id, job: values },
+    });
+
+    if (!!!result.errors) {
+      notification["success"]({ message: t("jobs.successes.save") });
+    } else {
+      notification["error"]({
+        message: t("jobs.errors.saving", {
+          error: JSON.stringify(result.errors),
+        }),
+      });
+    }
+    setLoading(false);
+    //Get the owner details, populate it all back into the job.
+  };
+
+  useEffect(() => {
+    //form.resetFields();
+  }, [form, job]);
+
+  return (
+    <div>
+      <Form
+        onFinish={handleFinish}
+        autoComplete={"off"}
+        form={form}
+        layout="vertical"
+        initialValues={job}
+      >
+        <LayoutFormRow>
+          <Form.Item
+            name={["class"]}
+            label={t("jobs.fields.class")}
+            rules={[
+              {
+                required: bodyshop.enforce_class,
+                message: t("general.validation.required"),
+              },
+            ]}
+          >
+            <Select>
+              {bodyshop.md_classes.map((s) => (
+                <Select.Option key={s} value={s}>
+                  {s}
+                </Select.Option>
+              ))}
+            </Select>
+          </Form.Item>
+        </LayoutFormRow>
+      </Form>
+
+      <Popconfirm
+        title={t("jobs.labels.changeclass")}
+        onConfirm={() => form.submit()}
+      >
+        <Button loading={loading}>{t("general.actions.save")}</Button>
+      </Popconfirm>
+    </div>
+  );
+}

client/src/components/jobs-convert-button/jobs-convert-button.component.jsx

@@ -58,7 +58,7 @@ export function JobsConvertButton({ bodyshop, job, refetch, jobRO }) {
           </Select>
         </Form.Item>
         <Form.Item
-          name={["class"]}
+          name={"class"}
           label={t("jobs.fields.class")}
           rules={[
             {

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

@@ -1,5 +0,0 @@
-import React from "react";
-
-export default function JobsRatesComponent() {
-  return <div>Jobs Rates Comp</div>;
-}

client/src/components/jobs-rates/jobs-rates.container.jsx

@@ -1,6 +0,0 @@
-import React from "react";
-import JobsRatesComponent from "./jobs-rates.component";
-
-export default function JobsRatesContainer() {
-  return <JobsRatesComponent />;
-}

client/src/pages/jobs-admin/jobs-admin.page.jsx

@@ -5,8 +5,11 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useParams } from "react-router-dom";
 import AlertComponent from "../../components/alert/alert.component";
-import JobAdminOwnerReassociate from "../../components/jobs-admin-owner-reassociate/jobs-admin-owner-reassociate.component";
 import JobCalculateTotals from "../../components/job-calculate-totals/job-calculate-totals.component";
+import JobsAdminClass from "../../components/jobs-admin-class/jobs-admin-class.component";
+import JobsAdminDatesChange from "../../components/jobs-admin-dates/jobs-admin-dates.component";
+import JobsAdminDeleteIntake from "../../components/jobs-admin-delete-intake/jobs-admin-delete-intake.component";
+import JobAdminOwnerReassociate from "../../components/jobs-admin-owner-reassociate/jobs-admin-owner-reassociate.component";
 import JobAdminVehicleReassociate from "../../components/jobs-admin-vehicle-reassociate/jobs-admin-vehicle-reassociate.component";
 import LayoutFormRow from "../../components/layout-form-row/layout-form-row.component";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
@@ -17,8 +20,6 @@ import {
   setBreadcrumbs,
   setSelectedHeader,
 } from "../../redux/application/application.actions";
-import JobsAdminDeleteIntake from "../../components/jobs-admin-delete-intake/jobs-admin-delete-intake.component";
-import JobsAdminDatesChange from "../../components/jobs-admin-dates/jobs-admin-dates.component";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -77,6 +78,7 @@ export function JobsCloseContainer({ setBreadcrumbs, setSelectedHeader }) {
           <JobsAdminDeleteIntake job={data ? data.jobs_by_pk : {}} />
         </LayoutFormRow>
         <JobsAdminDatesChange job={data ? data.jobs_by_pk : {}} />
+        <JobsAdminClass job={data ? data.jobs_by_pk : {}} />
       </div>
     </RbacWrapper>
   );

client/src/translations/en_us/common.json

@@ -1089,6 +1089,7 @@
 					"totals": "Totals",
 					"vehicle": "Vehicle"
 				},
+				"changeclass": "Changing the job's class can have fundamental impacts to already exported accounting items. Are you sure you want to do this?",
 				"checklists": "Checklists",
 				"closeconfirm": "Are you sure you want to close this job? This cannot be easily undone.",
 				"cost": "Cost",

client/src/translations/es/common.json

@@ -1089,6 +1089,7 @@
 					"totals": "Totales",
 					"vehicle": "Vehículo"
 				},
+				"changeclass": "",
 				"checklists": "",
 				"closeconfirm": "",
 				"cost": "",

client/src/translations/fr/common.json

@@ -1089,6 +1089,7 @@
 					"totals": "Totaux",
 					"vehicle": "Véhicule"
 				},
+				"changeclass": "",
 				"checklists": "",
 				"closeconfirm": "",
 				"cost": "",