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

10486 double click on dropdown

Browse Source
This commit is contained in:
robbond
2024-02-27 11:39:00 +00:00
parent 2f676805a5
commit 17a1f1f414
1 changed files with 345 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/newappeal/createCase.js
+50 -67
View File
@@ -17,38 +17,6 @@ import Aboutyou from "./aboutyou";
import { createNewCase, createNewCaseBlob, consoleLogger } from "../../actions";
import { FieldsTranslations } from "../elements";
let CreateCase = (props) => {
// useEffect(() => {
// window.scrollTo(0, 0);
// });
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
const { LPAData, onSubmit, handleSubmit, formData } = props;
const appealOptionsObj = _.isEmpty(props)
? [{}]
: _.isEmpty(props.appealType)
? [{}]
: _.isEmpty(props.appealType.appealTypeOptions)
? [{}]
: _.isEmpty(props.appealType.appealTypeOptions.value)
? [{}]
: props.appealType.appealTypeOptions.value;
let lpaOptionsObj = _.isEmpty(props)
? [{}]
: _.isEmpty(props.LPAData)
? [{}]
: _.isEmpty(props.LPAData.LPAData)
? [{}]
: _.isEmpty(props.LPAData.LPAData)
? [{}]
: props.LPAData.LPAData.value;
const RenderLPAList = ({
name,
input,
@@ -57,6 +25,9 @@ let CreateCase = (props) => {
label,
errorMsg,
}) => {
let { t } = useTranslation();
const router = useRouter();
return (
<>
<div
@@ -71,13 +42,8 @@ let CreateCase = (props) => {
{label}
</label>
{touched && error && (
<span
id={name + "-error"}
className="govuk-error-message"
>
<span className="govuk-visually-hidden">
Error:
</span>{" "}
<span id={name + "-error"} className="govuk-error-message">
<span className="govuk-visually-hidden">Error:</span>{" "}
{errorMsg}
</span>
)}
@@ -103,8 +69,7 @@ let CreateCase = (props) => {
{router.locale == "cy"
? jsonpath(
'$..[?(@.value=="' +
optionsObj[key]
.name +
optionsObj[key].name +
'")].value_cy',
transLookup
)
@@ -127,6 +92,8 @@ let CreateCase = (props) => {
label,
errorMsg,
}) => {
let { t } = useTranslation();
const router = useRouter();
return (
<>
<div
@@ -140,13 +107,8 @@ let CreateCase = (props) => {
{label}
</label>
{touched && error && (
<span
id={name + "-error"}
className="govuk-error-message"
>
<span className="govuk-visually-hidden">
Error:
</span>{" "}
<span id={name + "-error"} className="govuk-error-message">
<span className="govuk-visually-hidden">Error:</span>{" "}
{errorMsg}
</span>
)}
@@ -170,13 +132,10 @@ let CreateCase = (props) => {
value={
_.isEmpty(optionsObj[key])
? ""
: _.isEmpty(
optionsObj[key]
)
: _.isEmpty(optionsObj[key])
? ""
: _.isEmpty(
optionsObj[key]
.value
optionsObj[key].value
)
? ""
: optionsObj[key]
@@ -187,15 +146,12 @@ let CreateCase = (props) => {
? ""
: _.isEmpty(optionsObj[key])
? ""
: _.isEmpty(
optionsObj[key].value
)
: _.isEmpty(optionsObj[key].value)
? ""
: router.locale == "cy"
? jsonpath(
'$..[?(@.value=="' +
optionsObj[key]
.value +
optionsObj[key].value +
'")].value_cy',
transLookup
)
@@ -286,15 +242,13 @@ let CreateCase = (props) => {
// parseInt(options[key].split("|")[0])
// }
onChange={(e) => {
let docListObj =
custom.documentList;
let docListObj = custom.documentList;
if (
custom.requiredDocumentValue ==
"Yes"
) {
e.target.value != "846040000"
? (docListObj =
Object.assign(
? (docListObj = Object.assign(
docListObj,
{
["documentCheckList_" +
@@ -303,12 +257,9 @@ let CreateCase = (props) => {
}
))
: delete docListObj[
"documentCheckList_" +
id
"documentCheckList_" + id
];
custom.setDocumentsList(
docListObj
);
custom.setDocumentsList(docListObj);
}
}}
/>
@@ -411,6 +362,38 @@ let CreateCase = (props) => {
);
}
let CreateCase = (props) => {
// useEffect(() => {
// window.scrollTo(0, 0);
// });
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
const { LPAData, onSubmit, handleSubmit, formData } = props;
const appealOptionsObj = _.isEmpty(props)
? [{}]
: _.isEmpty(props.appealType)
? [{}]
: _.isEmpty(props.appealType.appealTypeOptions)
? [{}]
: _.isEmpty(props.appealType.appealTypeOptions.value)
? [{}]
: props.appealType.appealTypeOptions.value;
let lpaOptionsObj = _.isEmpty(props)
? [{}]
: _.isEmpty(props.LPAData)
? [{}]
: _.isEmpty(props.LPAData.LPAData)
? [{}]
: _.isEmpty(props.LPAData.LPAData)
? [{}]
: props.LPAData.LPAData.value;
const required = (value) => (value ? undefined : "Required");
const [formStep, setFormStep] = useState(0);