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

Io-2192 Add predefined vehicles list.

Browse Source
This commit is contained in:
Patrick Fic
2023-03-02 19:06:08 -08:00
parent d825c04850
commit 36e593f806
3 changed files with 4000 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -80,7 +80,11 @@ export default function JobsCreateVehicleInfoNewComponent({ form }) {
> >
<Input disabled={!state.vehicle.new} /> <Input disabled={!state.vehicle.new} />
</Form.Item> </Form.Item>
<JobsCreateVehicleInfoPredefined form={form} span={1} /> <JobsCreateVehicleInfoPredefined
disabled={!state.vehicle.new}
form={form}
span={1}
/>
</LayoutFormRow> </LayoutFormRow>
<LayoutFormRow header={t("vehicles.forms.registration")} grow> <LayoutFormRow header={t("vehicles.forms.registration")} grow>

15
client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.predefined.component.jsx
View File

@@ -4,7 +4,7 @@ import React, { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import PredefinedVehicles from "./predefined-vehicles.json"; import PredefinedVehicles from "./predefined-vehicles.json";
export default function JobsCreateVehicleInfoPredefined({ form }) { export default function JobsCreateVehicleInfoPredefined({ disabled, form }) {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [search, setSearch] = useState(""); const [search, setSearch] = useState("");
const { t } = useTranslation(); const { t } = useTranslation();
@@ -15,18 +15,16 @@ export default function JobsCreateVehicleInfoPredefined({ form }) {
const filteredPredefinedVehicles = const filteredPredefinedVehicles =
search === "" search === ""
? PredefinedVehicles ? PredefinedVehicles
: PredefinedVehicles.filter((v) => : PredefinedVehicles.filter(
v.make (v) =>
.toLowerCase() v.make.toLowerCase().includes(search.toLowerCase()) ||
.includes( v.model.toLowerCase().includes(search.toLowerCase())
search.toLowerCase() ||
v.model.toLowerCase().includes(search.toLowerCase())
)
); );
const popContent = () => ( const popContent = () => (
<div> <div>
<Table <Table
size="small"
title={() => <Input.Search onSearch={(value) => setSearch(value)} />} title={() => <Input.Search onSearch={(value) => setSearch(value)} />}
dataSource={filteredPredefinedVehicles} dataSource={filteredPredefinedVehicles}
columns={[ columns={[
@@ -46,6 +44,7 @@ export default function JobsCreateVehicleInfoPredefined({ form }) {
title: t("general.labels.actions"), title: t("general.labels.actions"),
render: (value, record) => ( render: (value, record) => (
<Button <Button
disabled={disabled}
onClick={() => { onClick={() => {
form.setFieldsValue({ form.setFieldsValue({
vehicle: { vehicle: {

3990
client/src/components/jobs-create-vehicle-info/predefined-vehicles.json
View File

File diff suppressed because it is too large Load Diff