robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added changes

Browse Source
This commit is contained in:
robbond
2022-06-14 11:39:06 +01:00
parent 8164aed99b
commit b588927e20
2 changed files with 177 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/newappeal/createCase.js
+140 -2
View File
@@ -15,6 +15,7 @@ import { getFormCollectionByID } from "../utils";
import FileUpload from "./fileupload";
import Aboutyou from "./aboutyou";
import { createNewCase } from "../../actions";
import { FieldsTranslations } from "../elements";
let CreateCase = (props) => {
// useEffect(() => {
@@ -26,7 +27,7 @@ let CreateCase = (props) => {
const router = useRouter();
const { locale } = router;
const { LPAData, onSubmit, handleSubmit } = props;
const { LPAData, onSubmit, handleSubmit, formData } = props;
const appealOptionsObj = _.isEmpty(props)
? [{}]
@@ -155,7 +156,7 @@ let CreateCase = (props) => {
className="govuk-select"
id="appealTypes"
name={name}
//onChange={(e) => props.onChangeSelectAppealType(e)}
onChange={(e) => props.onChangeSelectAppealType(e)}
>
<option value="" disabled defaultValue>
{t("common:drop-down-select")}
@@ -209,6 +210,120 @@ let CreateCase = (props) => {
);
};
const RenderYesNo = ({
datafieldname,
name,
label,
id,
errorMsg,
options,
input: { onChange, value },
meta: { touched, error },
...custom
}) => {
return (
<>
<div
className={
touched && error
? "govuk-form-group govuk-form-group--error"
: "govuk-form-group "
}
>
<fieldset
className="govuk-fieldset"
aria-describedby={id + "_label"}
>
<legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular">
<label
className="govuk-fieldset__heading govuk-body-m"
id={id + "_label"}
>
{FieldsTranslations(label)}
</label>
</legend>
{touched && error && (
<span
id={id + "-error"}
className="govuk-error-message"
>
<span className="govuk-visually-hidden">
Error:
</span>{" "}
{errorMsg}
</span>
)}
<div
className={
custom.inline == false
? "govuk-radios govuk-radios--small"
: "govuk-radios govuk-radios--inline govuk-radios--small"
}
>
{custom.hint != false && (
<div className="govuk-hint">
{t(custom.hint)}
</div>
)}
{Object.keys(options).map((key, index) => (
<div
className="govuk-radios__item"
data-children-count={key}
key={key}
>
<Field
id={id + "_" + index}
name={id}
component="input"
type="radio"
className="govuk-radios__input"
value={options[key]}
//checked={value == options[key]}
onChange={(e) => {
let docListObj =
custom.documentList;
if (
custom.requiredDocumentValue ==
"Yes" ||
custom.requiredDocumentValue ==
"Ydw"
) {
e.target.value == "Ydw" ||
e.target.value == "Yes"
? (docListObj =
Object.assign(
docListObj,
{
["documentCheckList_" +
id]:
custom.requiredDocumentLabel,
}
))
: delete docListObj[
"documentCheckList_" +
id
];
console.log(docListObj);
custom.setDocumentsList(
docListObj
);
}
}}
/>
<label
className="govuk-label govuk-radios__label"
htmlFor={id + "_" + index}
>
{options[key]}
</label>
</div>
))}
</div>
</fieldset>
</div>
</>
);
};
const required = (value) => (value ? undefined : "Required");
const [formStep, setFormStep] = useState(0);
@@ -263,6 +378,7 @@ let CreateCase = (props) => {
// }
// );
};
const yesNo = router.locale == "cy" ? ["Ydw", "Na"] : ["Yes", "No"];
return (
<>
@@ -288,6 +404,28 @@ let CreateCase = (props) => {
"newappeal:select-appeal-type-label-error-msg"
)}
/>
{}
<Field
name={"confirmHASCAS"}
datafieldname={"confirmHASCAS"}
label={"Confirm HAS/CAS appeal is required"}
options={yesNo}
id={"confirmHASCAS"}
//validate={[required]}
errorMsg="Select an option"
component={RenderYesNo}
inline={true}
hint={
"This appeal route is only applicable if your application relates the refusal of planning permission, orthe refusal of an application to vary or remove a condition attached to a previous permision. All other applications will be submitted via a Section 78 Planning Appeal"
}
validate={[]}
requiredDocumentLabel={props.requiredDocumentLabel}
requiredDocumentValue={props.requiredDocumentValue}
setDocumentsList={props.setDocumentsList}
documentList={props.documentList}
/>
<button
type="submit"
className="govuk-button"