IO-1486 Add dropdown for file handler.

bodyshop_translations.babel

@@ -8103,6 +8103,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>filehandlers</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>insurancecos</name>
                                         <definition_loaded>false</definition_loaded>
@@ -17491,6 +17512,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>changefilehandler</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>changelaborrate</name>
                                         <definition_loaded>false</definition_loaded>

client/src/components/jobs-detail-change-estimator/jobs-detail-change-estimator.component.jsx

@@ -1,7 +1,6 @@
 import { DownOutlined } from "@ant-design/icons";
 import { Dropdown, Menu } from "antd";
 import React from "react";
-import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
@@ -11,8 +10,6 @@ const mapStateToProps = createStructuredSelector({
 });
 
 export function JobsDetailChangeEstimator({ disabled, form, bodyshop }) {
-  const { t } = useTranslation();
-
   const handleClick = ({ item, key, keyPath }) => {
     const est = item.props.value;
     form.setFieldsValue(est);
@@ -37,7 +34,7 @@ export function JobsDetailChangeEstimator({ disabled, form, bodyshop }) {
         href=" #"
         onClick={(e) => e.preventDefault()}
       >
-        {t("jobs.actions.changestimator")} <DownOutlined />
+        <DownOutlined />
       </a>
     </Dropdown>
   );

client/src/components/jobs-detail-change-filehandler/jobs-detail-change-filehandler.component.jsx

@@ -0,0 +1,43 @@
+import { DownOutlined } from "@ant-design/icons";
+import { Dropdown, Menu } from "antd";
+import React from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+export function JobsDetailChangeFilehandler({ disabled, form, bodyshop }) {
+  const handleClick = ({ item, key, keyPath }) => {
+    const est = item.props.value;
+    form.setFieldsValue(est);
+  };
+
+  const menu = (
+    <div>
+      <Menu onClick={handleClick}>
+        {bodyshop.md_filehandlers.map((est, idx) => (
+          <Menu.Item value={est} key={idx}>
+            {`${est.ins_ct_fn} ${est.ins_ct_ln}`}
+          </Menu.Item>
+        ))}
+      </Menu>
+    </div>
+  );
+
+  return (
+    <Dropdown overlay={menu} disabled={disabled}>
+      <a
+        className="ant-dropdown-link"
+        href=" #"
+        onClick={(e) => e.preventDefault()}
+      >
+        <DownOutlined />
+      </a>
+    </Dropdown>
+  );
+}
+
+export default connect(mapStateToProps, null)(JobsDetailChangeFilehandler);

client/src/components/jobs-detail-general/jobs-detail-general.component.jsx

@@ -6,6 +6,7 @@ import {
   InputNumber,
   Row,
   Select,
+  Space,
   Switch,
 } from "antd";
 import React from "react";
@@ -23,7 +24,7 @@ import FormItemPhone, {
 import Car from "../job-damage-visual/job-damage-visual.component";
 import JobsDetailChangeEstimator from "../jobs-detail-change-estimator/jobs-detail-change-estimator.component";
 import FormRow from "../layout-form-row/layout-form-row.component";
-
+import JobsDetailChangeFileHandler from "../jobs-detail-change-filehandler/jobs-detail-change-filehandler.component";
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
   bodyshop: selectBodyshop,
@@ -85,7 +86,15 @@ export function JobsDetailGeneral({ bodyshop, jobRO, job, form }) {
         <Form.Item label={t("jobs.fields.ins_city")} name="ins_city">
           <Input disabled={jobRO} />
         </Form.Item>
-        <Form.Item label={t("jobs.fields.ins_ct_ln")} name="ins_ct_ln">
+        <Form.Item
+          label={
+            <Space>
+              {t("jobs.fields.ins_ct_ln")}
+              <JobsDetailChangeFileHandler form={form} disabled={jobRO} />
+            </Space>
+          }
+          name="ins_ct_ln"
+        >
           <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.ins_ct_fn")} name="ins_ct_fn">
@@ -135,7 +144,7 @@ export function JobsDetailGeneral({ bodyshop, jobRO, job, form }) {
           label={t("jobs.fields.referral_source_extra")}
           name="referral_source_extra"
         >
-          <Input disabled={jobRO}/>
+          <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.alt_transport")} name="alt_transport">
           <Select disabled={jobRO} allowClear>
@@ -219,12 +228,19 @@ export function JobsDetailGeneral({ bodyshop, jobRO, job, form }) {
         {t("jobs.forms.appraiserinfo")}
       </Divider>
 
-      <JobsDetailChangeEstimator form={form} disabled={jobRO} />
       <FormRow noDivider>
         <Form.Item label={t("jobs.fields.est_co_nm")} name="est_co_nm">
           <Input disabled={jobRO} />
         </Form.Item>
-        <Form.Item label={t("jobs.fields.est_ct_fn")} name="est_ct_fn">
+        <Form.Item
+          label={
+            <Space>
+              {t("jobs.fields.est_ct_fn")}
+              <JobsDetailChangeEstimator form={form} disabled={jobRO} />
+            </Space>
+          }
+          name="est_ct_fn"
+        >
           <Input disabled={jobRO} />
         </Form.Item>
         <Form.Item label={t("jobs.fields.est_ct_ln")} name="est_ct_ln">

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

@@ -7,7 +7,6 @@ import {
   Drawer,
   Grid,
   Input,
-  notification,
   PageHeader,
   Popconfirm,
   Space,

client/src/components/shop-info/shop-info.general.component.jsx

@@ -848,6 +848,88 @@ export default function ShopInfoGeneral({ form }) {
           }}
         </Form.List>
       </LayoutFormRow>
+      <LayoutFormRow grow header={t("bodyshop.labels.filehandlers")}>
+        <Form.List name={["md_filehandlers"]}>
+          {(fields, { add, remove, move }) => {
+            return (
+              <div>
+                {fields.map((field, index) => (
+                  <Form.Item key={field.key}>
+                    <LayoutFormRow noDivider>
+                      <Form.Item
+                        label={t("jobs.fields.ins_ct_fn")}
+                        key={`${index}ins_ct_fn`}
+                        name={[field.name, "ins_ct_fn"]}
+                      >
+                        <Input />
+                      </Form.Item>
+                      <Form.Item
+                        label={t("jobs.fields.ins_ct_ln")}
+                        key={`${index}ins_ct_ln`}
+                        name={[field.name, "ins_ct_ln"]}
+                      >
+                        <Input />
+                      </Form.Item>
+                      <Form.Item
+                        label={t("jobs.fields.ins_ph1")}
+                        key={`${index}ins_ph1`}
+                        name={[field.name, "ins_ph1"]}
+                        rules={[
+                          ({ getFieldValue }) =>
+                            PhoneItemFormatterValidation(getFieldValue, [
+                              field.name,
+                              "ins_ph",
+                            ]),
+                        ]}
+                      >
+                        <Input />
+                      </Form.Item>
+                      <Form.Item
+                        label={t("jobs.fields.ins_ea")}
+                        key={`${index}ins_ea`}
+                        name={[field.name, "ins_ea"]}
+                        rules={[
+                          {
+                            type: "email",
+                            message: "This is not a valid email address.",
+                          },
+                        ]}
+                      >
+                        <FormItemEmail
+                          email={form.getFieldValue([field.name, "ins_ea"])}
+                        />
+                      </Form.Item>
+                      <Space>
+                        <DeleteFilled
+                          onClick={() => {
+                            remove(field.name);
+                          }}
+                        />
+                        <FormListMoveArrows
+                          move={move}
+                          index={index}
+                          total={fields.length}
+                        />
+                      </Space>
+                    </LayoutFormRow>
+                  </Form.Item>
+                ))}
+                <Form.Item>
+                  <Button
+                    type="dashed"
+                    onClick={() => {
+                      add();
+                    }}
+                    style={{ width: "100%" }}
+                  >
+                    {t("general.actions.add")}
+                  </Button>
+                </Form.Item>
+              </div>
+            );
+          }}
+        </Form.List>
+      </LayoutFormRow>
       <LayoutFormRow grow header={t("bodyshop.fields.md_ccc_rates")}>
         <Form.List name={["md_ccc_rates"]}>
           {(fields, { add, remove, move }) => {

client/src/graphql/bodyshop.queries.js

@@ -98,6 +98,7 @@ export const QUERY_BODYSHOP = gql`
       md_ded_notes
       pbs_configuration
       pbs_serialnumber
+      md_filehandlers
       employees {
         id
         active
@@ -192,6 +193,7 @@ export const UPDATE_SHOP = gql`
         md_ded_notes
         pbs_configuration
         pbs_serialnumber
+        md_filehandlers
         employees {
           id
           first_name

client/src/translations/en_us/common.json

@@ -503,6 +503,7 @@
 				"emaillater": "Email Later",
 				"employees": "Employees",
 				"estimators": "Estimators",
+				"filehandlers": "File Handlers",
 				"insurancecos": "Insurance Companies",
 				"intakechecklist": "Intake Checklist",
 				"jobstatuses": "Job Statuses",
@@ -1091,6 +1092,7 @@
 				"addtoscoreboard": "Add to Scoreboard",
 				"allocate": "Allocate",
 				"autoallocate": "Auto Allocate",
+				"changefilehandler": "Change File Handler",
 				"changelaborrate": "Change Labor Rate",
 				"changestatus": "Change Status",
 				"changestimator": "Change Estimator",

client/src/translations/es/common.json

@@ -503,6 +503,7 @@
 				"emaillater": "",
 				"employees": "",
 				"estimators": "",
+				"filehandlers": "",
 				"insurancecos": "",
 				"intakechecklist": "",
 				"jobstatuses": "",
@@ -1091,6 +1092,7 @@
 				"addtoscoreboard": "",
 				"allocate": "",
 				"autoallocate": "",
+				"changefilehandler": "",
 				"changelaborrate": "",
 				"changestatus": "Cambiar Estado",
 				"changestimator": "",

client/src/translations/fr/common.json

@@ -503,6 +503,7 @@
 				"emaillater": "",
 				"employees": "",
 				"estimators": "",
+				"filehandlers": "",
 				"insurancecos": "",
 				"intakechecklist": "",
 				"jobstatuses": "",
@@ -1091,6 +1092,7 @@
 				"addtoscoreboard": "",
 				"allocate": "",
 				"autoallocate": "",
+				"changefilehandler": "",
 				"changelaborrate": "",
 				"changestatus": "Changer le statut",
 				"changestimator": "",

hasura/metadata/tables.yaml

@@ -828,6 +828,7 @@
       - md_classes
       - md_ded_notes
       - md_estimators
+      - md_filehandlers
       - md_hour_split
       - md_ins_cos
       - md_jobline_presets
@@ -906,6 +907,7 @@
       - md_classes
       - md_ded_notes
       - md_estimators
+      - md_filehandlers
       - md_hour_split
       - md_ins_cos
       - md_jobline_presets

hasura/migrations/1636504628309_alter_table_public_bodyshops_add_column_md_filehandlers/down.sql

@@ -0,0 +1,4 @@
+-- Could not auto-generate a down migration.
+-- Please write an appropriate down migration for the SQL below:
+-- alter table "public"."bodyshops" add column "md_filehandlers" jsonb
+--  null default jsonb_build_array();

hasura/migrations/1636504628309_alter_table_public_bodyshops_add_column_md_filehandlers/up.sql

@@ -0,0 +1,2 @@
+alter table "public"."bodyshops" add column "md_filehandlers" jsonb
+ null default jsonb_build_array();