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

Added shop settings form to update groups.

Browse Source
This commit is contained in:
Patrick Fic
2020-10-19 10:42:41 -07:00
parent 4d5d370ccf
commit 65165906d4
13 changed files with 363 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/components/molecules/shop-settings-form/shop-settings-form.molecule.jsx Normal file
View File

@@ -0,0 +1,127 @@
import { Button, Input, Form, Select, InputNumber } from "antd";
import FormListMoveArrows from "../../atoms/form-list-move-arrows/form-list-move-arrows.atom";
import React from "react";
import LayoutFormRow from "../../atoms/layout-form-row/layout-form-row.atom";
import { DeleteFilled } from "@ant-design/icons";
export default function ShopSettingsFormMolecule({ form, saveLoading }) {
return (
<div>
<Button
type="primary"
loading={saveLoading}
onClick={() => form.submit()}
>
Save
</Button>
<Form.Item
label="Shop Name"
name="shopname"
rules={[
{
required: true,
},
]}
>
<Input />
</Form.Item>
<Form.Item
name="accepted_ins_co"
label="Accepted Insurance Company Names (must be exactly as in estimating system)"
rules={[
{
required: true,
type: "array",
},
]}
>
<Select mode="tags" />
</Form.Item>
<Form.List name={["targets"]}>
{(fields, { add, remove, move }) => {
return (
<div>
{fields.map((field, index) => (
<Form.Item key={field.key} style={{ padding: 0, margin: 2 }}>
<LayoutFormRow>
<Form.Item
label="Group"
key={`${index}group`}
name={[field.name, "group"]}
rules={[
{
required: true,
},
]}
>
<Input />
</Form.Item>
<Form.Item
label="Age >="
key={`${index}ageGte`}
name={[field.name, "ageGte"]}
rules={[
{
required: true,
},
]}
>
<InputNumber />
</Form.Item>
<Form.Item
label="Age <"
key={`${index}ageLt`}
name={[field.name, "ageLt"]}
>
<InputNumber />
</Form.Item>
<Form.Item
label="Target (as decimal)"
key={`${index}target`}
name={[field.name, "target"]}
rules={[
{
required: true,
},
]}
>
<InputNumber />
</Form.Item>
<div>
<DeleteFilled
onClick={() => {
remove(field.name);
}}
/>
<FormListMoveArrows
move={move}
index={index}
total={fields.length}
/>
</div>
</LayoutFormRow>
</Form.Item>
))}
<Form.Item>
<Button
type="dashed"
onClick={() => {
add();
}}
style={{ width: "100%" }}
>
Add
</Button>
</Form.Item>
</div>
);
}}
</Form.List>
</div>
);
}