IO-2685 Resolve missing parts rates for ImEX.
This commit is contained in:
Patrick Fic
@@ -1,115 +1,91 @@
|
|||||||
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>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.depreciation_taxes')} name="depreciation_taxes">
|
||||||
label={t("jobs.fields.depreciation_taxes")}
|
<CurrencyInput disabled={jobRO} min={0} />
|
||||||
name="depreciation_taxes"
|
|
||||||
>
|
|
||||||
<CurrencyInput disabled={jobRO} min={0}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
{bodyshop.region_config.toLowerCase().startsWith("ca") && (
|
{bodyshop.region_config.toLowerCase().startsWith('ca') && (
|
||||||
<Tooltip title={t("jobs.labels.ca_gst_all_if_null")}>
|
<Tooltip title={t('jobs.labels.ca_gst_all_if_null')}>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.ca_customer_gst')} name="ca_customer_gst">
|
||||||
label={t("jobs.fields.ca_customer_gst")}
|
|
||||||
name="ca_customer_gst"
|
|
||||||
>
|
|
||||||
<CurrencyInput
|
<CurrencyInput
|
||||||
disabled={jobRO}
|
disabled={jobRO}
|
||||||
min={0}
|
min={0}
|
||||||
max={
|
max={
|
||||||
Math.round(
|
Math.round((job.job_totals && job.job_totals.totals.federal_tax.amount) || 0) /
|
||||||
(job.job_totals &&
|
100
|
||||||
job.job_totals.totals.federal_tax.amount) ||
|
|
||||||
0
|
|
||||||
) / 100
|
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.other_amount_payable')} name="other_amount_payable">
|
||||||
label={t("jobs.fields.other_amount_payable")}
|
<CurrencyInput disabled={jobRO} min={0} />
|
||||||
name="other_amount_payable"
|
|
||||||
>
|
|
||||||
<CurrencyInput disabled={jobRO} min={0}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.towing_payable')} name="towing_payable">
|
||||||
label={t("jobs.fields.towing_payable")}
|
<CurrencyInput disabled={jobRO} min={0} />
|
||||||
name="towing_payable"
|
|
||||||
>
|
|
||||||
<CurrencyInput disabled={jobRO} min={0}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.storage_payable')} name="storage_payable">
|
||||||
label={t("jobs.fields.storage_payable")}
|
<CurrencyInput disabled={jobRO} min={0} />
|
||||||
name="storage_payable"
|
|
||||||
>
|
|
||||||
<CurrencyInput disabled={jobRO} min={0}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.adjustment_bottom_line')} name="adjustment_bottom_line">
|
||||||
label={t("jobs.fields.adjustment_bottom_line")}
|
<CurrencyInput disabled={jobRO || bodyshop.cdk_dealerid} />
|
||||||
name="adjustment_bottom_line"
|
|
||||||
>
|
|
||||||
<CurrencyInput disabled={jobRO || bodyshop.cdk_dealerid}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
{bodyshop.region_config === "CA_BC" && (
|
{bodyshop.region_config === 'CA_BC' && (
|
||||||
<Space align="center">
|
<Space align="center">
|
||||||
<Form.Item label={t("jobs.fields.ca_bc_pvrt")} name="ca_bc_pvrt">
|
<Form.Item label={t('jobs.fields.ca_bc_pvrt')} name="ca_bc_pvrt">
|
||||||
<CurrencyInput disabled={jobRO} min={0}/>
|
<CurrencyInput disabled={jobRO} min={0} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<CABCpvrtCalculator form={form} disabled={jobRO}/>
|
<CABCpvrtCalculator form={form} disabled={jobRO} />
|
||||||
</Space>
|
</Space>
|
||||||
)}
|
)}
|
||||||
<Form.Item
|
<Form.Item
|
||||||
label={t("jobs.fields.auto_add_ats")}
|
label={t('jobs.fields.auto_add_ats')}
|
||||||
name="auto_add_ats"
|
name="auto_add_ats"
|
||||||
valuePropName="checked"
|
valuePropName="checked"
|
||||||
>
|
>
|
||||||
<Switch disabled={jobRO}/>
|
<Switch disabled={jobRO} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item noStyle shouldUpdate={(prev, cur) => prev.auto_add_ats !== cur.auto_add_ats}>
|
||||||
noStyle
|
|
||||||
shouldUpdate={(prev, cur) => prev.auto_add_ats !== cur.auto_add_ats}
|
|
||||||
>
|
|
||||||
{() => {
|
{() => {
|
||||||
if (form.getFieldValue("auto_add_ats"))
|
if (form.getFieldValue('auto_add_ats'))
|
||||||
return (
|
return (
|
||||||
<Form.Item
|
<Form.Item
|
||||||
label={t("jobs.fields.rate_ats")}
|
label={t('jobs.fields.rate_ats')}
|
||||||
name="rate_ats"
|
name="rate_ats"
|
||||||
initialValue={bodyshop.shoprates.rate_atp}
|
initialValue={bodyshop.shoprates.rate_atp}
|
||||||
>
|
>
|
||||||
<CurrencyInput disabled={jobRO}/>
|
<CurrencyInput disabled={jobRO} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -117,19 +93,13 @@ export function JobsDetailRates({jobRO, form, job, bodyshop}) {
|
|||||||
}}
|
}}
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</FormRow>
|
</FormRow>
|
||||||
{
|
{InstanceRenderManager({
|
||||||
InstanceRenderManager({imex:
|
imex: (
|
||||||
<FormRow>
|
<FormRow>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.federal_tax_rate')} name="federal_tax_rate">
|
||||||
label={t("jobs.fields.federal_tax_rate")}
|
<InputNumber min={0} max={1} precision={2} disabled={jobRO} />
|
||||||
name="federal_tax_rate"
|
|
||||||
>
|
|
||||||
<InputNumber min={0} max={1} precision={2} disabled={jobRO}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.state_tax_rate')} name="state_tax_rate">
|
||||||
label={t("jobs.fields.state_tax_rate")}
|
|
||||||
name="state_tax_rate"
|
|
||||||
>
|
|
||||||
<InputNumber
|
<InputNumber
|
||||||
min={0}
|
min={0}
|
||||||
max={1}
|
max={1}
|
||||||
@@ -138,97 +108,88 @@ export function JobsDetailRates({jobRO, form, job, bodyshop}) {
|
|||||||
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"
|
|
||||||
>
|
|
||||||
<InputNumber min={0} max={1} precision={2} disabled={jobRO}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
{bodyshop.region_config.toLowerCase().startsWith("ca") && (
|
{bodyshop.region_config.toLowerCase().startsWith('ca') && (
|
||||||
<Form.Item
|
<Form.Item
|
||||||
label={t("jobs.fields.ca_gst_registrant")}
|
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"}}
|
|
||||||
>
|
|
||||||
{t("jobs.forms.laborrates")}
|
|
||||||
</Divider>
|
</Divider>
|
||||||
<Space>
|
<Space>
|
||||||
<JobsDetailRatesChangeButton form={form} disabled={jobRO}/>
|
<JobsDetailRatesChangeButton form={form} disabled={jobRO} />
|
||||||
<JobsMarkPstExempt form={form}/>
|
<JobsMarkPstExempt form={form} />
|
||||||
</Space>
|
</Space>
|
||||||
<FormRow noDivider>
|
<FormRow noDivider>
|
||||||
<Form.Item
|
<Form.Item label={t('jobs.fields.labor_rate_desc')} name="labor_rate_desc">
|
||||||
label={t("jobs.fields.labor_rate_desc")}
|
<Input disabled={jobRO} />
|
||||||
name="labor_rate_desc"
|
|
||||||
>
|
|
||||||
<Input disabled={jobRO}/>
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item label={t("jobs.fields.rate_laa")} name="rate_laa">
|
<Form.Item label={t('jobs.fields.rate_laa')} name="rate_laa">
|
||||||
<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_lab')} name="rate_lab">
|
||||||
<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_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_lae")} name="rate_lae">
|
<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_lar")} name="rate_lar">
|
<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_las")} name="rate_las">
|
<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_laf")} name="rate_laf">
|
<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_lam")} name="rate_lam">
|
<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_lag")} name="rate_lag">
|
<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_la1")} name="rate_la1">
|
<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_la2")} name="rate_la2">
|
<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_la3")} name="rate_la3">
|
<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_la4")} name="rate_la4">
|
<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_lau")} name="rate_lau">
|
<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_mapa")} name="rate_mapa">
|
<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_mash")} name="rate_mash">
|
<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_mahw")} name="rate_mahw">
|
<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_ma2s")} name="rate_ma2s">
|
<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_ma3s")} name="rate_ma3s">
|
<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_mabl")} name="rate_mabl">
|
// <Form.Item label={t("jobs.fields.rate_mabl")} name="rate_mabl">
|
||||||
@@ -238,22 +199,25 @@ export function JobsDetailRates({jobRO, form, job, bodyshop}) {
|
|||||||
// <CurrencyInput min={0}disabled={jobRO} />
|
// <CurrencyInput min={0}disabled={jobRO} />
|
||||||
// </Form.Item>
|
// </Form.Item>
|
||||||
}
|
}
|
||||||
<Form.Item label={t("jobs.fields.rate_matd")} name="rate_matd">
|
<Form.Item label={t('jobs.fields.rate_matd')} name="rate_matd">
|
||||||
<CurrencyInput min={0} disabled={jobRO}/>
|
<CurrencyInput min={0} disabled={jobRO} />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</FormRow>
|
</FormRow>
|
||||||
{
|
{InstanceRenderManager({
|
||||||
InstanceRenderManager({rome: <>
|
imex: <JobsDetailRatesParts form={form} />,
|
||||||
|
rome: (
|
||||||
|
<>
|
||||||
<Divider orientation="left">Tax Profile</Divider>
|
<Divider orientation="left">Tax Profile</Divider>
|
||||||
<JobsDetailRatesProfileOVerride form={form}/>
|
<JobsDetailRatesProfileOVerride form={form} />
|
||||||
<JobsDetailRatesParts form={form}/>
|
<JobsDetailRatesParts form={form} />
|
||||||
<JobsDetailRatesLabor form={form}/>
|
<JobsDetailRatesLabor form={form} />
|
||||||
<JobsDetailRatesMaterials form={form}/>
|
<JobsDetailRatesMaterials form={form} />
|
||||||
<JobsDetailRatesOther form={form}/>
|
<JobsDetailRatesOther form={form} />
|
||||||
<JobsDetailRatesTaxes form={form}/>
|
<JobsDetailRatesTaxes form={form} />
|
||||||
|
</>
|
||||||
</>})
|
),
|
||||||
}
|
promanager: "USE_ROME"
|
||||||
|
})}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user