Added manual parts tax rates. IO-591

client/src/components/jobs-create-jobs-info/jobs-create-jobs-info.component.jsx

@@ -8,8 +8,9 @@ import FormDatePicker from "../form-date-picker/form-date-picker.component";
 import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
 import FormItemEmail from "../form-items-formatted/email-form-item.component";
 import FormItemPhone, {
-  PhoneItemFormatterValidation
+  PhoneItemFormatterValidation,
 } from "../form-items-formatted/phone-form-item.component";
+import { JobsDetailRatesParts } from "../jobs-detail-rates/jobs-detail-rates.parts.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 
 const mapStateToProps = createStructuredSelector({
@@ -25,6 +26,11 @@ export function JobsCreateJobsInfo({ bodyshop, form, selected }) {
   const { getFieldValue } = form;
   return (
     <div>
+      <JobsDetailRatesParts
+        jobRO={false}
+        expanded
+        required={selected && true}
+      />
       <Collapse defaultActiveKey="insurance">
         <Collapse.Panel
           key="insurance"

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

@@ -1,13 +1,14 @@
 import { Form, InputNumber, Select, Switch } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import CurrencyInput from "../form-items-formatted/currency-form-item.component";
-import JobsDetailRatesChangeButton from "../jobs-detail-rates-change-button/jobs-detail-rates-change-button.component";
-import FormRow from "../layout-form-row/layout-form-row.component";
-
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectJobReadOnly } from "../../redux/application/application.selectors";
+import CurrencyInput from "../form-items-formatted/currency-form-item.component";
+import JobsDetailRatesChangeButton from "../jobs-detail-rates-change-button/jobs-detail-rates-change-button.component";
+import FormRow from "../layout-form-row/layout-form-row.component";
+import JobsDetailRatesParts from "./jobs-detail-rates.parts.component";
+
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
 });
@@ -146,6 +147,8 @@ export function JobsDetailRates({ job, jobRO, form }) {
           <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
         </Form.Item>
       </FormRow>
+
+      <JobsDetailRatesParts />
     </div>
   );
 }

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

@@ -0,0 +1,303 @@
+import { Collapse, Form, InputNumber, Select, Switch } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
+import LayoutFormRow from "../layout-form-row/layout-form-row.component";
+
+const mapStateToProps = createStructuredSelector({
+  jobRO: selectJobReadOnly,
+});
+
+export function JobsDetailRatesParts({ jobRO, expanded, required = true }) {
+  const { t } = useTranslation();
+
+  return (
+    <Collapse defaultActiveKey={expanded && "rates"}>
+      <Collapse.Panel header={t("jobs.labels.parts_tax_rates")} key="rates">
+        <LayoutFormRow header={t("joblines.fields.part_types.PAA")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAA", "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", "PAA", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAA", "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", "PAA", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAA", "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.PAC")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAC", "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", "PAC", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAC", "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", "PAC", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAC", "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.PAL")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAL", "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", "PAL", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAL", "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", "PAL", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAL", "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")}
+            name={["parts_tax_rates", "PAM", "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", "PAM", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAM", "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", "PAM", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAM", "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.PAN")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAN", "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", "PAN", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAN", "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", "PAN", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAN", "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.PAR")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAR", "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", "PAR", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAR", "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", "PAR", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAR", "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.PAS")}>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_discp")}
+            name={["parts_tax_rates", "PAS", "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", "PAS", "prt_mktyp"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_mkupp")}
+            name={["parts_tax_rates", "PAS", "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", "PAS", "prt_tax_in"]}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.parts_tax_rates.prt_tax_rt")}
+            name={["parts_tax_rates", "PAS", "prt_tax_rt"]}
+            rules={[
+              {
+                required: required,
+                message: t("general.validation.required"),
+              },
+            ]}
+          >
+            <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
+          </Form.Item>
+        </LayoutFormRow>
+      </Collapse.Panel>
+    </Collapse>
+  );
+}
+export default connect(mapStateToProps, null)(JobsDetailRatesParts);