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

Added viewing all CSI responses + read only version of configurable form BOD-154

Browse Source
This commit is contained in:
Patrick Fic
2020-06-04 13:44:43 -07:00
parent 910183d8e7
commit 90152fc613
27 changed files with 615 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/config-form-components/checkbox/checkbox.component.jsx
View File

@@ -2,21 +2,22 @@ import React from "react";
import { Form, Checkbox } from "antd";
import { useTranslation } from "react-i18next";
export default function JobIntakeFormCheckboxComponent({ formItem }) {
export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
const { name, label, required } = formItem;
const { t } = useTranslation();
return (
<Form.Item
name={name}
label={label}
valuePropName='checked'
valuePropName="checked"
rules={[
{
required: required,
message: t("general.validation.required"),
},
]}>
<Checkbox />
]}
>
<Checkbox disabled={readOnly} />
</Form.Item>
);
}

14
client/src/components/config-form-components/config-form-components.component.jsx
View File

@@ -5,21 +5,23 @@ import Text from "./text/text.component";
import Textarea from "./textarea/textarea.component";
import Rate from "./rate/rate.component";
export default function ConfirmFormComponents({ componentList }) {
export default function ConfirmFormComponents({ componentList, readOnly }) {
return (
<div>
{componentList.map((f, idx) => {
switch (f.type) {
case "checkbox":
return <CheckboxFormItem key={idx} formItem={f} />;
return (
<CheckboxFormItem key={idx} formItem={f} readOnly={readOnly} />
);
case "slider":
return <Slider key={idx} formItem={f} />;
return <Slider key={idx} formItem={f} readOnly={readOnly} />;
case "text":
return <Text key={idx} formItem={f} />;
return <Text key={idx} formItem={f} readOnly={readOnly} />;
case "textarea":
return <Textarea key={idx} formItem={f} />;
return <Textarea key={idx} formItem={f} readOnly={readOnly} />;
case "rate":
return <Rate key={idx} formItem={f} />;
return <Rate key={idx} formItem={f} readOnly={readOnly} />;
default:
return <div key={idx}>Error</div>;
}

7
client/src/components/config-form-components/rate/rate.component.jsx
View File

@@ -2,7 +2,7 @@ import React from "react";
import { Form, Rate } from "antd";
import { useTranslation } from "react-i18next";
export default function JobIntakeFormCheckboxComponent({ formItem }) {
export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
const { name, label, required } = formItem;
const { t } = useTranslation();
return (
@@ -14,8 +14,9 @@ export default function JobIntakeFormCheckboxComponent({ formItem }) {
required: required,
message: t("general.validation.required"),
},
]}>
<Rate allowHalf />
]}
>
<Rate disabled={readOnly} allowHalf />
</Form.Item>
);
}

7
client/src/components/config-form-components/slider/slider.component.jsx
View File

@@ -2,7 +2,7 @@ import { Form, Slider } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
export default function JobIntakeFormCheckboxComponent({ formItem }) {
export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
const { name, label, required, min, max } = formItem;
const { t } = useTranslation();
return (
@@ -14,8 +14,9 @@ export default function JobIntakeFormCheckboxComponent({ formItem }) {
required: required,
message: t("general.validation.required"),
},
]}>
<Slider min={min || 0} max={max || 10} />
]}
>
<Slider disabled={readOnly} min={min || 0} max={max || 10} />
</Form.Item>
);
}

7
client/src/components/config-form-components/text/text.component.jsx
View File

@@ -2,7 +2,7 @@ import React from "react";
import { Form, Input } from "antd";
import { useTranslation } from "react-i18next";
export default function JobIntakeFormCheckboxComponent({ formItem }) {
export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
const { name, label, required } = formItem;
const { t } = useTranslation();
return (
@@ -14,8 +14,9 @@ export default function JobIntakeFormCheckboxComponent({ formItem }) {
required: required,
message: t("general.validation.required"),
},
]}>
<Input />
]}
>
<Input disabled={readOnly} />
</Form.Item>
);
}

7
client/src/components/config-form-components/textarea/textarea.component.jsx
View File

@@ -2,7 +2,7 @@ import React from "react";
import { Form, Input } from "antd";
import { useTranslation } from "react-i18next";
export default function JobIntakeFormCheckboxComponent({ formItem }) {
export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
const { name, label, required, rows } = formItem;
const { t } = useTranslation();
return (
@@ -14,8 +14,9 @@ export default function JobIntakeFormCheckboxComponent({ formItem }) {
required: required,
message: t("general.validation.required"),
},
]}>
<Input.TextArea rows={rows || 4} />
]}
>
<Input.TextArea disabled={readOnly} rows={rows || 4} />
</Form.Item>
);
}