admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added config provider with default small text. Replcaed all datepicker components to add proper format. BOD-166 BOD-246

Browse Source
This commit is contained in:
Patrick Fic
2020-08-04 15:52:57 -07:00
parent 8590767e33
commit bdba1a2132
31 changed files with 329 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.new.component.jsx
View File

@@ -1,7 +1,8 @@
import { DatePicker, Form, Input, Checkbox } from "antd";
import { Checkbox, Form, Input } from "antd";
import React, { useContext } from "react";
import { useTranslation } from "react-i18next";
import JobCreateContext from "../../pages/jobs-create/jobs-create.context";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
import LayoutFormRow from "../layout-form-row/layout-form-row.component";
export default function JobsCreateVehicleInfoNewComponent() {
@@ -22,10 +23,11 @@ export default function JobsCreateVehicleInfoNewComponent() {
selectedid: null,
},
});
}}>
}}
>
{t("jobs.labels.create.newvehicle")}
</Checkbox>
<LayoutFormRow header={t("vehicles.forms.detail")} grow>
<Form.Item
label={t("vehicles.fields.v_vin")}
@@ -35,7 +37,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
@@ -48,7 +51,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
@@ -59,7 +63,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
@@ -73,7 +78,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
@@ -84,7 +90,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
@@ -98,7 +105,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
@@ -109,7 +117,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
required: state.vehicle.new,
message: t("general.validation.required"),
},
]}>
]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
@@ -117,72 +126,84 @@ export default function JobsCreateVehicleInfoNewComponent() {
<LayoutFormRow header={t("vehicles.forms.misc")} grow>
<Form.Item
label={t("vehicles.fields.v_type")}
name={["vehicle", "data", "v_type"]}>
name={["vehicle", "data", "v_type"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
label={t("vehicles.fields.v_trimcode")}
name={["vehicle", "data", "v_trimcode"]}>
name={["vehicle", "data", "v_trimcode"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item
label={t("vehicles.fields.v_tone")}
name={["vehicle", "data", "v_tone"]}>
name={["vehicle", "data", "v_tone"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
label={t("vehicles.fields.v_bstyle")}
name={["vehicle", "data", "v_bstyle"]}>
name={["vehicle", "data", "v_bstyle"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item
label={t("vehicles.fields.v_stage")}
name={["vehicle", "data", "v_stage"]}>
name={["vehicle", "data", "v_stage"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
label={t("vehicles.fields.v_prod_dt")}
name={["vehicle", "data", "v_prod_dt"]}>
<DatePicker disabled={!state.vehicle.new} />
name={["vehicle", "data", "v_prod_dt"]}
>
<FormDatePicker disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item
label={t("vehicles.fields.v_paint_codes")}
name={["vehicle", "data", "v_paint_codes"]}>
name={["vehicle", "data", "v_paint_codes"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
label={t("vehicles.fields.v_options")}
name={["vehicle", "data", "v_options"]}>
name={["vehicle", "data", "v_options"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item
label={t("vehicles.fields.trim_color")}
name={["vehicle", "data", "trim_color"]}>
name={["vehicle", "data", "trim_color"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
label={t("vehicles.fields.v_mldgcode")}
name={["vehicle", "data", "v_mldgcode"]}>
name={["vehicle", "data", "v_mldgcode"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item
label={t("vehicles.fields.v_makecode")}
name={["vehicle", "data", "v_makecode"]}>
name={["vehicle", "data", "v_makecode"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
<Form.Item
label={t("vehicles.fields.v_engine")}
name={["vehicle", "data", "v_engine"]}>
name={["vehicle", "data", "v_engine"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>
@@ -190,7 +211,8 @@ export default function JobsCreateVehicleInfoNewComponent() {
<LayoutFormRow grow>
<Form.Item
label={t("vehicles.fields.v_cond")}
name={["vehicle", "data", "v_cond"]}>
name={["vehicle", "data", "v_cond"]}
>
<Input disabled={!state.vehicle.new} />
</Form.Item>
</LayoutFormRow>