Added required fields for job creation BOD-57

This commit is contained in:
Patrick Fic
2020-08-06 10:43:47 -07:00
parent f383d78cda
commit a80dd12caa
2 changed files with 151 additions and 88 deletions

View File

@@ -1,7 +1,7 @@
import { Collapse, Form, Input, InputNumber, Switch } from "antd"; import { Collapse, Form, Input, InputNumber, Switch } from "antd";
import React from "react"; import React from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import FormDatePicker from '../form-date-picker/form-date-picker.component'; import FormDatePicker from "../form-date-picker/form-date-picker.component";
import FormItemEmail from "../form-items-formatted/email-form-item.component"; import FormItemEmail from "../form-items-formatted/email-form-item.component";
import FormItemPhone from "../form-items-formatted/phone-form-item.component"; import FormItemPhone from "../form-items-formatted/phone-form-item.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component"; import LayoutFormRow from "../layout-form-row/layout-form-row.component";
@@ -11,135 +11,163 @@ export default function JobsCreateJobsInfo({ form }) {
const { getFieldValue } = form; const { getFieldValue } = form;
return ( return (
<div> <div>
<Collapse defaultActiveKey='insurance'> <Collapse defaultActiveKey="insurance">
<Collapse.Panel <Collapse.Panel
key='insurance' key="insurance"
header={t("menus.jobsdetail.insurance")}> header={t("menus.jobsdetail.insurance")}
>
<LayoutFormRow> <LayoutFormRow>
<Form.Item label={t("jobs.fields.ins_co_id")} name='ins_co_id'> <Form.Item label={t("jobs.fields.ins_co_id")} name="ins_co_id">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.policy_no")} name='policy_no'> <Form.Item label={t("jobs.fields.policy_no")} name="policy_no">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.clm_no")} name='clm_no'> <Form.Item label={t("jobs.fields.clm_no")} name="clm_no">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.regie_number")} label={t("jobs.fields.regie_number")}
name='regie_number'> name="regie_number"
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.loss_date")} name='loss_date'> <Form.Item label={t("jobs.fields.loss_date")} name="loss_date">
<FormDatePicker /> <FormDatePicker />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ins_co_nm")} name='ins_co_nm'> <Form.Item label={t("jobs.fields.ins_co_nm")} name="ins_co_nm">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ins_addr1")} name='ins_addr1'> <Form.Item label={t("jobs.fields.ins_addr1")} name="ins_addr1">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ins_city")} name='ins_city'> <Form.Item label={t("jobs.fields.ins_city")} name="ins_city">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ins_ct_ln")} name='ins_ct_ln'> <Form.Item label={t("jobs.fields.ins_ct_ln")} name="ins_ct_ln">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ins_ct_fn")} name='ins_ct_fn'> <Form.Item label={t("jobs.fields.ins_ct_fn")} name="ins_ct_fn">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ins_ph1")} name='ins_ph1'> <Form.Item label={t("jobs.fields.ins_ph1")} name="ins_ph1">
<FormItemPhone customInput={Input} /> <FormItemPhone customInput={Input} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.ins_ea")} label={t("jobs.fields.ins_ea")}
name='ins_ea' name="ins_ea"
rules={[ rules={[
{ {
type: "email", type: "email",
message: "This is not a valid email address.", message: "This is not a valid email address.",
}, },
]}> ]}
>
<FormItemEmail email={getFieldValue("ins_ea")} /> <FormItemEmail email={getFieldValue("ins_ea")} />
</Form.Item> </Form.Item>
Appraiser Info Appraiser Info
<Form.Item label={t("jobs.fields.est_co_nm")} name='est_co_nm'> <Form.Item label={t("jobs.fields.est_co_nm")} name="est_co_nm">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.est_ct_fn")} name='est_ct_fn'> <Form.Item
label={t("jobs.fields.est_ct_fn")}
name="est_ct_fn"
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.est_ct_ln")} name='est_ct_ln'> <Form.Item
label={t("jobs.fields.est_ct_ln")}
name="est_ct_ln"
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.pay_date")} name='pay_date'> <Form.Item label={t("jobs.fields.pay_date")} name="pay_date">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.est_ph1")} name='est_ph1'> <Form.Item label={t("jobs.fields.est_ph1")} name="est_ph1">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.est_ea")} label={t("jobs.fields.est_ea")}
name='est_ea' name="est_ea"
rules={[ rules={[
{ {
type: "email", type: "email",
message: "This is not a valid email address.", message: "This is not a valid email address.",
}, },
]}> ]}
>
<FormItemEmail email={getFieldValue("est_ea")} /> <FormItemEmail email={getFieldValue("est_ea")} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.selling_dealer")} label={t("jobs.fields.selling_dealer")}
name='selling_dealer'> name="selling_dealer"
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.servicing_dealer")} label={t("jobs.fields.servicing_dealer")}
name='servicing_dealer'> name="servicing_dealer"
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.selling_dealer_contact")} label={t("jobs.fields.selling_dealer_contact")}
name='selling_dealer_contact'> name="selling_dealer_contact"
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.servicing_dealer_contact")} label={t("jobs.fields.servicing_dealer_contact")}
name='servicing_dealer_contact'> name="servicing_dealer_contact"
>
<Input /> <Input />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
</Collapse.Panel> </Collapse.Panel>
<Collapse.Panel key='claim' header={t("menus.jobsdetail.claimdetail")}> <Collapse.Panel key="claim" header={t("menus.jobsdetail.claimdetail")}>
<LayoutFormRow> <LayoutFormRow>
<Form.Item label={t("jobs.fields.csr")} name='csr'> <Form.Item label={t("jobs.fields.csr")} name="csr">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.loss_desc")} name='loss_desc'> <Form.Item label={t("jobs.fields.loss_desc")} name="loss_desc">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ponumber")} name='po_number'> <Form.Item label={t("jobs.fields.ponumber")} name="po_number">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.unitnumber")} name='unit_number'> <Form.Item label={t("jobs.fields.unitnumber")} name="unit_number">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.specialcoveragepolicy")} label={t("jobs.fields.specialcoveragepolicy")}
valuePropName='checked' valuePropName="checked"
name='special_coverage_policy'> name="special_coverage_policy"
>
<Switch /> <Switch />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.kmin")} name='kmin'> <Form.Item label={t("jobs.fields.kmin")} name="kmin">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.kmout")} name='kmout'> <Form.Item label={t("jobs.fields.kmout")} name="kmout">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.referralsource")} label={t("jobs.fields.referralsource")}
name='referral_source'> name="referral_source"
>
<Input /> <Input />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
@@ -153,120 +181,128 @@ export default function JobsCreateJobsInfo({ form }) {
} }
</Collapse.Panel> </Collapse.Panel>
<Collapse.Panel <Collapse.Panel
key='financial' key="financial"
header={t("menus.jobsdetail.financials")}> header={t("menus.jobsdetail.financials")}
>
<LayoutFormRow> <LayoutFormRow>
<Form.Item label={t("jobs.fields.ded_amt")} name='ded_amt'> <Form.Item label={t("jobs.fields.ded_amt")} name="ded_amt">
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.ded_status")} name='ded_status'> <Form.Item label={t("jobs.fields.ded_status")} name="ded_status">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.depreciation_taxes")} label={t("jobs.fields.depreciation_taxes")}
name='depreciation_taxes'> name="depreciation_taxes"
>
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
TODO This is equivalent of GST payable. TODO This is equivalent of GST payable.
<Form.Item <Form.Item
label={t("jobs.fields.federal_tax_payable")} label={t("jobs.fields.federal_tax_payable")}
name='federal_tax_payable'> name="federal_tax_payable"
>
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.other_amount_payable")} label={t("jobs.fields.other_amount_payable")}
name='other_amount_payable'> name="other_amount_payable"
>
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.towing_payable")} label={t("jobs.fields.towing_payable")}
name='towing_payable'> name="towing_payable"
>
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.storage_payable")} label={t("jobs.fields.storage_payable")}
name='storage_payable'> name="storage_payable"
>
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("jobs.fields.adjustment_bottom_line")} label={t("jobs.fields.adjustment_bottom_line")}
name='adjustment_bottom_line'> name="adjustment_bottom_line"
>
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
Totals Table Totals Table
<Form.Item <Form.Item
label={t("jobs.fields.labor_rate_desc")} label={t("jobs.fields.labor_rate_desc")}
name='labor_rate_desc'> name="labor_rate_desc"
>
<Input /> <Input />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
Note //TODO Remove ATP rate? Note //TODO Remove ATP rate?
<Form.Item label={t("jobs.fields.rate_atp")} name='rate_atp'> <Form.Item label={t("jobs.fields.rate_atp")} name="rate_atp">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
<Form.Item label={t("jobs.fields.rate_macs")} name='rate_macs'> <Form.Item label={t("jobs.fields.rate_macs")} name="rate_macs">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</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">
<InputNumber /> <InputNumber />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>

View File

@@ -24,19 +24,34 @@ export default function JobsCreateOwnerInfoNewComponent() {
selectedid: null, selectedid: null,
}, },
}); });
}}> }}
>
{t("jobs.labels.create.newowner")} {t("jobs.labels.create.newowner")}
</Checkbox> </Checkbox>
<LayoutFormRow header={t("owners.forms.name")} grow> <LayoutFormRow header={t("owners.forms.name")} grow>
<Form.Item <Form.Item
label={t("owners.fields.ownr_ln")} label={t("owners.fields.ownr_ln")}
name={["owner", "data", "ownr_ln"]}> name={["owner", "data", "ownr_ln"]}
rules={[
{
required: state.owner.new,
message: t("general.validation.required"),
},
]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.ownr_fn")} label={t("owners.fields.ownr_fn")}
name={["owner", "data", "ownr_fn"]}> name={["owner", "data", "ownr_fn"]}
rules={[
{
required: state.owner.new,
message: t("general.validation.required"),
},
]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
@@ -44,12 +59,14 @@ export default function JobsCreateOwnerInfoNewComponent() {
<LayoutFormRow grow> <LayoutFormRow grow>
<Form.Item <Form.Item
label={t("owners.fields.ownr_title")} label={t("owners.fields.ownr_title")}
name={["owner", "data", "ownr_title"]}> name={["owner", "data", "ownr_title"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.ownr_co_nm")} label={t("owners.fields.ownr_co_nm")}
name={["owner", "data", "ownr_co_nm"]}> name={["owner", "data", "ownr_co_nm"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
@@ -57,12 +74,14 @@ export default function JobsCreateOwnerInfoNewComponent() {
<LayoutFormRow header={t("owners.forms.address")} grow> <LayoutFormRow header={t("owners.forms.address")} grow>
<Form.Item <Form.Item
label={t("owners.fields.ownr_addr1")} label={t("owners.fields.ownr_addr1")}
name={["owner", "data", "ownr_addr1"]}> name={["owner", "data", "ownr_addr1"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.ownr_addr2")} label={t("owners.fields.ownr_addr2")}
name={["owner", "data", "ownr_addr2"]}> name={["owner", "data", "ownr_addr2"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
@@ -70,24 +89,28 @@ export default function JobsCreateOwnerInfoNewComponent() {
<LayoutFormRow grow> <LayoutFormRow grow>
<Form.Item <Form.Item
label={t("owners.fields.ownr_city")} label={t("owners.fields.ownr_city")}
name={["owner", "data", "ownr_city"]}> name={["owner", "data", "ownr_city"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.ownr_st")} label={t("owners.fields.ownr_st")}
name={["owner", "data", "ownr_st"]}> name={["owner", "data", "ownr_st"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
<LayoutFormRow grow> <LayoutFormRow grow>
<Form.Item <Form.Item
label={t("owners.fields.ownr_zip")} label={t("owners.fields.ownr_zip")}
name={["owner", "data", "ownr_zip"]}> name={["owner", "data", "ownr_zip"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.ownr_ctry")} label={t("owners.fields.ownr_ctry")}
name={["owner", "data", "ownr_ctry"]}> name={["owner", "data", "ownr_ctry"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
@@ -102,7 +125,8 @@ export default function JobsCreateOwnerInfoNewComponent() {
}, },
]} ]}
name={["owner", "data", "ownr_ea"]} name={["owner", "data", "ownr_ea"]}
shouldUpdate> shouldUpdate
>
{() => { {() => {
return ( return (
<FormItemEmail <FormItemEmail
@@ -114,20 +138,23 @@ export default function JobsCreateOwnerInfoNewComponent() {
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.ownr_ph1")} label={t("owners.fields.ownr_ph1")}
name={["owner", "data", "ownr_ph1"]}> name={["owner", "data", "ownr_ph1"]}
>
<FormItemPhone customInput={Input} disabled={!state.owner.new} /> <FormItemPhone customInput={Input} disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
<LayoutFormRow grow> <LayoutFormRow grow>
<Form.Item <Form.Item
label={t("owners.fields.preferred_contact")} label={t("owners.fields.preferred_contact")}
name={["owner", "data", "preferred_contact"]}> name={["owner", "data", "preferred_contact"]}
>
<Input disabled={!state.owner.new} /> <Input disabled={!state.owner.new} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label={t("owners.fields.allow_text_message")} label={t("owners.fields.allow_text_message")}
valuePropName='checked' valuePropName="checked"
name={["owner", "data", "allow_text_message"]}> name={["owner", "data", "allow_text_message"]}
>
<Switch disabled={!state.owner.new} /> <Switch disabled={!state.owner.new} />
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>