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

feature/IO-3255-simplified-parts-management - Add Shop / Vendor Configuration

Browse Source
This commit is contained in:
Dave Richer
2025-08-05 16:04:07 -04:00
parent 8a2dfae487
commit 0ed41de956
15 changed files with 889 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
client/src/components/parts-shop-info/parts-shop-info-locations.component.jsx Normal file
View File

@@ -0,0 +1,48 @@
import { Button, Card, Divider, Form, Input, Space } from "antd";
import { DeleteOutlined, PlusOutlined } from "@ant-design/icons";
import { useTranslation } from "react-i18next";
export default function PartsShopInfoLocations({ form }) {
const { t } = useTranslation();
return (
<Card title={t("bodyshop.labels.parts_locations")}>
<Form.List name="parts_locations">
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }) => (
<Space key={key} style={{ display: "flex", marginBottom: 8 }} align="baseline">
<Form.Item
{...restField}
name={[name, "location_name"]}
label={t("bodyshop.labels.location_name")}
rules={[{ required: true, message: t("bodyshop.errors.location_name_required") }]}
>
<Input placeholder={t("bodyshop.placeholders.location_name")} />
</Form.Item>
<Form.Item
{...restField}
name={[name, "location_code"]}
label={t("bodyshop.labels.location_code")}
rules={[{ required: true, message: t("bodyshop.errors.location_code_required") }]}
>
<Input placeholder={t("bodyshop.placeholders.location_code")} />
</Form.Item>
<Form.Item {...restField} name={[name, "description"]} label={t("bodyshop.labels.description")}>
<Input placeholder={t("bodyshop.placeholders.location_description")} />
</Form.Item>
<Button type="text" danger icon={<DeleteOutlined />} onClick={() => remove(name)} />
</Space>
))}
<Divider />
<Form.Item>
<Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
{t("bodyshop.actions.add_location")}
</Button>
</Form.Item>
</>
)}
</Form.List>
</Card>
);
}