IO-2685 Resolve missing parts rates for ImEX.

This commit is contained in:
Patrick Fic
2024-03-18 13:40:06 -07:00
parent f855e6423e
commit 85f973f5e6

View File

@@ -1,261 +1,225 @@
import {Divider, Form, Input, InputNumber, Select, Space, Switch, Tooltip,} from "antd"; import { Divider, Form, Input, InputNumber, Select, Space, Switch, Tooltip } from 'antd';
import React from "react"; import React from 'react';
import {useTranslation} from "react-i18next"; import { useTranslation } from 'react-i18next';
import {connect} from "react-redux"; import { connect } from 'react-redux';
import {createStructuredSelector} from "reselect"; import { createStructuredSelector } from 'reselect';
import {selectJobReadOnly} from "../../redux/application/application.selectors"; import { selectJobReadOnly } from '../../redux/application/application.selectors';
import {selectBodyshop} from "../../redux/user/user.selectors"; import { selectBodyshop } from '../../redux/user/user.selectors';
import CABCpvrtCalculator from "../ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component"; import CABCpvrtCalculator from '../ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component';
import CurrencyInput from "../form-items-formatted/currency-form-item.component"; 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 JobsDetailRatesChangeButton from '../jobs-detail-rates-change-button/jobs-detail-rates-change-button.component';
import JobsMarkPstExempt from "../jobs-mark-pst-exempt/jobs-mark-pst-exempt.component"; import JobsMarkPstExempt from '../jobs-mark-pst-exempt/jobs-mark-pst-exempt.component';
import FormRow from "../layout-form-row/layout-form-row.component"; import FormRow from '../layout-form-row/layout-form-row.component';
import JobsDetailRatesLabor from "./jobs-detail-rates.labor.component"; import JobsDetailRatesLabor from './jobs-detail-rates.labor.component';
import JobsDetailRatesMaterials from "./jobs-detail-rates.materials.component"; import JobsDetailRatesMaterials from './jobs-detail-rates.materials.component';
import JobsDetailRatesOther from "./jobs-detail-rates.other.component"; import JobsDetailRatesOther from './jobs-detail-rates.other.component';
import JobsDetailRatesParts from "./jobs-detail-rates.parts.component"; import JobsDetailRatesParts from './jobs-detail-rates.parts.component';
import JobsDetailRatesTaxes from "./jobs-detail-rates.taxes.component"; import JobsDetailRatesTaxes from './jobs-detail-rates.taxes.component';
import JobsDetailRatesProfileOVerride from "./jobs-detail-rates.profile-override.component"; import JobsDetailRatesProfileOVerride from './jobs-detail-rates.profile-override.component';
import InstanceRenderManager from "../../utils/instanceRenderMgr"; import InstanceRenderManager from '../../utils/instanceRenderMgr';
const mapStateToProps = createStructuredSelector({ const mapStateToProps = createStructuredSelector({
jobRO: selectJobReadOnly, jobRO: selectJobReadOnly,
bodyshop: selectBodyshop, bodyshop: selectBodyshop,
}); });
export function JobsDetailRates({jobRO, form, job, bodyshop}) { export function JobsDetailRates({ jobRO, form, job, bodyshop }) {
const {t} = useTranslation(); const { t } = useTranslation();
return ( return (
<div> <div>
<FormRow> <FormRow>
<Form.Item label={t("jobs.fields.class")} name="class"> <Form.Item label={t('jobs.fields.class')} name="class">
<Select disabled={true}/> <Select disabled={true} />
</Form.Item>
<Form.Item
label={t("jobs.fields.depreciation_taxes")}
name="depreciation_taxes"
>
<CurrencyInput disabled={jobRO} min={0}/>
</Form.Item>
{bodyshop.region_config.toLowerCase().startsWith("ca") && (
<Tooltip title={t("jobs.labels.ca_gst_all_if_null")}>
<Form.Item
label={t("jobs.fields.ca_customer_gst")}
name="ca_customer_gst"
>
<CurrencyInput
disabled={jobRO}
min={0}
max={
Math.round(
(job.job_totals &&
job.job_totals.totals.federal_tax.amount) ||
0
) / 100
}
/>
</Form.Item>
</Tooltip>
)}
<Form.Item
label={t("jobs.fields.other_amount_payable")}
name="other_amount_payable"
>
<CurrencyInput disabled={jobRO} min={0}/>
</Form.Item>
<Form.Item
label={t("jobs.fields.towing_payable")}
name="towing_payable"
>
<CurrencyInput disabled={jobRO} min={0}/>
</Form.Item>
<Form.Item
label={t("jobs.fields.storage_payable")}
name="storage_payable"
>
<CurrencyInput disabled={jobRO} min={0}/>
</Form.Item>
<Form.Item
label={t("jobs.fields.adjustment_bottom_line")}
name="adjustment_bottom_line"
>
<CurrencyInput disabled={jobRO || bodyshop.cdk_dealerid}/>
</Form.Item>
{bodyshop.region_config === "CA_BC" && (
<Space align="center">
<Form.Item label={t("jobs.fields.ca_bc_pvrt")} name="ca_bc_pvrt">
<CurrencyInput disabled={jobRO} min={0}/>
</Form.Item>
<CABCpvrtCalculator form={form} disabled={jobRO}/>
</Space>
)}
<Form.Item
label={t("jobs.fields.auto_add_ats")}
name="auto_add_ats"
valuePropName="checked"
>
<Switch disabled={jobRO}/>
</Form.Item>
<Form.Item
noStyle
shouldUpdate={(prev, cur) => prev.auto_add_ats !== cur.auto_add_ats}
>
{() => {
if (form.getFieldValue("auto_add_ats"))
return (
<Form.Item
label={t("jobs.fields.rate_ats")}
name="rate_ats"
initialValue={bodyshop.shoprates.rate_atp}
>
<CurrencyInput disabled={jobRO}/>
</Form.Item>
);
return null;
}}
</Form.Item>
</FormRow>
{
InstanceRenderManager({imex:
<FormRow>
<Form.Item
label={t("jobs.fields.federal_tax_rate")}
name="federal_tax_rate"
>
<InputNumber min={0} max={1} precision={2} disabled={jobRO}/>
</Form.Item> </Form.Item>
<Form.Item label={t('jobs.fields.depreciation_taxes')} name="depreciation_taxes">
<CurrencyInput disabled={jobRO} min={0} />
</Form.Item>
{bodyshop.region_config.toLowerCase().startsWith('ca') && (
<Tooltip title={t('jobs.labels.ca_gst_all_if_null')}>
<Form.Item label={t('jobs.fields.ca_customer_gst')} name="ca_customer_gst">
<CurrencyInput
disabled={jobRO}
min={0}
max={
Math.round((job.job_totals && job.job_totals.totals.federal_tax.amount) || 0) /
100
}
/>
</Form.Item>
</Tooltip>
)}
<Form.Item label={t('jobs.fields.other_amount_payable')} name="other_amount_payable">
<CurrencyInput disabled={jobRO} min={0} />
</Form.Item>
<Form.Item label={t('jobs.fields.towing_payable')} name="towing_payable">
<CurrencyInput disabled={jobRO} min={0} />
</Form.Item>
<Form.Item label={t('jobs.fields.storage_payable')} name="storage_payable">
<CurrencyInput disabled={jobRO} min={0} />
</Form.Item>
<Form.Item label={t('jobs.fields.adjustment_bottom_line')} name="adjustment_bottom_line">
<CurrencyInput disabled={jobRO || bodyshop.cdk_dealerid} />
</Form.Item>
{bodyshop.region_config === 'CA_BC' && (
<Space align="center">
<Form.Item label={t('jobs.fields.ca_bc_pvrt')} name="ca_bc_pvrt">
<CurrencyInput disabled={jobRO} min={0} />
</Form.Item>
<CABCpvrtCalculator form={form} disabled={jobRO} />
</Space>
)}
<Form.Item <Form.Item
label={t("jobs.fields.state_tax_rate")} label={t('jobs.fields.auto_add_ats')}
name="state_tax_rate" name="auto_add_ats"
valuePropName="checked"
> >
<InputNumber <Switch disabled={jobRO} />
</Form.Item>
<Form.Item noStyle shouldUpdate={(prev, cur) => prev.auto_add_ats !== cur.auto_add_ats}>
{() => {
if (form.getFieldValue('auto_add_ats'))
return (
<Form.Item
label={t('jobs.fields.rate_ats')}
name="rate_ats"
initialValue={bodyshop.shoprates.rate_atp}
>
<CurrencyInput disabled={jobRO} />
</Form.Item>
);
return null;
}}
</Form.Item>
</FormRow>
{InstanceRenderManager({
imex: (
<FormRow>
<Form.Item label={t('jobs.fields.federal_tax_rate')} name="federal_tax_rate">
<InputNumber min={0} max={1} precision={2} disabled={jobRO} />
</Form.Item>
<Form.Item label={t('jobs.fields.state_tax_rate')} name="state_tax_rate">
<InputNumber
min={0} min={0}
max={1} max={1}
precision={2} precision={2}
disabled={jobRO} disabled={jobRO}
autoComplete="new-password" autoComplete="new-password"
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item label={t('jobs.fields.local_tax_rate')} name="local_tax_rate">
label={t("jobs.fields.local_tax_rate")} <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
name="local_tax_rate" </Form.Item>
> {bodyshop.region_config.toLowerCase().startsWith('ca') && (
<InputNumber min={0} max={1} precision={2} disabled={jobRO}/> <Form.Item
</Form.Item> label={t('jobs.fields.ca_gst_registrant')}
{bodyshop.region_config.toLowerCase().startsWith("ca") && (
<Form.Item
label={t("jobs.fields.ca_gst_registrant")}
name="ca_gst_registrant" name="ca_gst_registrant"
valuePropName="checked" valuePropName="checked"
> >
<Switch disabled={jobRO}/> <Switch disabled={jobRO} />
</Form.Item> </Form.Item>
)} )}
</FormRow>}) </FormRow>
} ),
<Divider })}
orientation="left" <Divider orientation="left" type="horizontal" style={{ marginTop: '.8rem', float: 'right' }}>
type="horizontal" {t('jobs.forms.laborrates')}
style={{marginTop: ".8rem", float: "right"}} </Divider>
> <Space>
{t("jobs.forms.laborrates")} <JobsDetailRatesChangeButton form={form} disabled={jobRO} />
</Divider> <JobsMarkPstExempt form={form} />
<Space> </Space>
<JobsDetailRatesChangeButton form={form} disabled={jobRO}/> <FormRow noDivider>
<JobsMarkPstExempt form={form}/> <Form.Item label={t('jobs.fields.labor_rate_desc')} name="labor_rate_desc">
</Space> <Input disabled={jobRO} />
<FormRow noDivider> </Form.Item>
<Form.Item <Form.Item label={t('jobs.fields.rate_laa')} name="rate_laa">
label={t("jobs.fields.labor_rate_desc")} <CurrencyInput min={0} disabled={jobRO} />
name="labor_rate_desc" </Form.Item>
> <Form.Item label={t('jobs.fields.rate_lab')} name="rate_lab">
<Input disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_laa")} name="rate_laa"> <Form.Item label={t('jobs.fields.rate_lad')} name="rate_lad">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lab")} name="rate_lab"> <Form.Item label={t('jobs.fields.rate_lae')} name="rate_lae">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lad")} name="rate_lad"> <Form.Item label={t('jobs.fields.rate_lar')} name="rate_lar">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lae")} name="rate_lae"> <Form.Item label={t('jobs.fields.rate_las')} name="rate_las">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lar")} name="rate_lar"> <Form.Item label={t('jobs.fields.rate_laf')} name="rate_laf">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_las")} name="rate_las"> <Form.Item label={t('jobs.fields.rate_lam')} name="rate_lam">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_laf")} name="rate_laf"> <Form.Item label={t('jobs.fields.rate_lag')} name="rate_lag">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lam")} name="rate_lam"> <Form.Item label={t('jobs.fields.rate_la1')} name="rate_la1">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lag")} name="rate_lag"> <Form.Item label={t('jobs.fields.rate_la2')} name="rate_la2">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_la1")} name="rate_la1"> <Form.Item label={t('jobs.fields.rate_la3')} name="rate_la3">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_la2")} name="rate_la2"> <Form.Item label={t('jobs.fields.rate_la4')} name="rate_la4">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_la3")} name="rate_la3"> <Form.Item label={t('jobs.fields.rate_lau')} name="rate_lau">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_la4")} name="rate_la4"> <Form.Item label={t('jobs.fields.rate_mapa')} name="rate_mapa">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_lau")} name="rate_lau"> <Form.Item label={t('jobs.fields.rate_mash')} name="rate_mash">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_mapa")} name="rate_mapa"> <Form.Item label={t('jobs.fields.rate_mahw')} name="rate_mahw">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_mash")} name="rate_mash"> <Form.Item label={t('jobs.fields.rate_ma2s')} name="rate_ma2s">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_mahw")} name="rate_mahw"> <Form.Item label={t('jobs.fields.rate_ma3s')} name="rate_ma3s">
<CurrencyInput min={0} disabled={jobRO}/> <CurrencyInput min={0} disabled={jobRO} />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_ma2s")} name="rate_ma2s"> {
<CurrencyInput min={0} disabled={jobRO}/> // <Form.Item label={t("jobs.fields.rate_mabl")} name="rate_mabl">
</Form.Item> // <CurrencyInput min={0}disabled={jobRO} />
<Form.Item label={t("jobs.fields.rate_ma3s")} name="rate_ma3s"> // </Form.Item>
<CurrencyInput min={0} disabled={jobRO}/> // <Form.Item label={t("jobs.fields.rate_macs")} name="rate_macs">
</Form.Item> // <CurrencyInput min={0}disabled={jobRO} />
{ // </Form.Item>
// <Form.Item label={t("jobs.fields.rate_mabl")} name="rate_mabl"> }
// <CurrencyInput min={0}disabled={jobRO} /> <Form.Item label={t('jobs.fields.rate_matd')} name="rate_matd">
// </Form.Item> <CurrencyInput min={0} disabled={jobRO} />
// <Form.Item label={t("jobs.fields.rate_macs")} name="rate_macs"> </Form.Item>
// <CurrencyInput min={0}disabled={jobRO} /> </FormRow>
// </Form.Item> {InstanceRenderManager({
} imex: <JobsDetailRatesParts form={form} />,
<Form.Item label={t("jobs.fields.rate_matd")} name="rate_matd"> rome: (
<CurrencyInput min={0} disabled={jobRO}/> <>
</Form.Item> <Divider orientation="left">Tax Profile</Divider>
</FormRow> <JobsDetailRatesProfileOVerride form={form} />
{ <JobsDetailRatesParts form={form} />
InstanceRenderManager({rome: <> <JobsDetailRatesLabor form={form} />
<Divider orientation="left">Tax Profile</Divider> <JobsDetailRatesMaterials form={form} />
<JobsDetailRatesProfileOVerride form={form}/> <JobsDetailRatesOther form={form} />
<JobsDetailRatesParts form={form}/> <JobsDetailRatesTaxes form={form} />
<JobsDetailRatesLabor form={form}/> </>
<JobsDetailRatesMaterials form={form}/> ),
<JobsDetailRatesOther form={form}/> promanager: "USE_ROME"
<JobsDetailRatesTaxes form={form}/> })}
</div>
</>}) );
}
</div>
);
} }
export default connect(mapStateToProps, null)(JobsDetailRates); export default connect(mapStateToProps, null)(JobsDetailRates);