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 { createNewCase, createNewCaseBlob, consoleLogger } from "../../actions";
import { FieldsTranslations } from "../elements"; 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 = ({ const RenderLPAList = ({
name, name,
input, input,
@@ -57,6 +25,9 @@ let CreateCase = (props) => {
label, label,
errorMsg, errorMsg,
}) => { }) => {
let { t } = useTranslation();
const router = useRouter();
return ( return (
<> <>
<div <div
@@ -71,13 +42,8 @@ let CreateCase = (props) => {
{label} {label}
</label> </label>
{touched && error && ( {touched && error && (
<span <span id={name + "-error"} className="govuk-error-message">
id={name + "-error"} <span className="govuk-visually-hidden">Error:</span>{" "}
className="govuk-error-message"
>
<span className="govuk-visually-hidden">
Error:
</span>{" "}
{errorMsg} {errorMsg}
</span> </span>
)} )}
@@ -103,8 +69,7 @@ let CreateCase = (props) => {
{router.locale == "cy" {router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
optionsObj[key] optionsObj[key].name +
.name +
'")].value_cy', '")].value_cy',
transLookup transLookup
) )
@@ -127,6 +92,8 @@ let CreateCase = (props) => {
label, label,
errorMsg, errorMsg,
}) => { }) => {
let { t } = useTranslation();
const router = useRouter();
return ( return (
<> <>
<div <div
@@ -140,13 +107,8 @@ let CreateCase = (props) => {
{label} {label}
</label> </label>
{touched && error && ( {touched && error && (
<span <span id={name + "-error"} className="govuk-error-message">
id={name + "-error"} <span className="govuk-visually-hidden">Error:</span>{" "}
className="govuk-error-message"
>
<span className="govuk-visually-hidden">
Error:
</span>{" "}
{errorMsg} {errorMsg}
</span> </span>
)} )}
@@ -170,13 +132,10 @@ let CreateCase = (props) => {
value={ value={
_.isEmpty(optionsObj[key]) _.isEmpty(optionsObj[key])
? "" ? ""
: _.isEmpty( : _.isEmpty(optionsObj[key])
optionsObj[key]
)
? "" ? ""
: _.isEmpty( : _.isEmpty(
optionsObj[key] optionsObj[key].value
.value
) )
? "" ? ""
: optionsObj[key] : optionsObj[key]
@@ -187,15 +146,12 @@ let CreateCase = (props) => {
? "" ? ""
: _.isEmpty(optionsObj[key]) : _.isEmpty(optionsObj[key])
? "" ? ""
: _.isEmpty( : _.isEmpty(optionsObj[key].value)
optionsObj[key].value
)
? "" ? ""
: router.locale == "cy" : router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
optionsObj[key] optionsObj[key].value +
.value +
'")].value_cy', '")].value_cy',
transLookup transLookup
) )
@@ -286,15 +242,13 @@ let CreateCase = (props) => {
// parseInt(options[key].split("|")[0]) // parseInt(options[key].split("|")[0])
// } // }
onChange={(e) => { onChange={(e) => {
let docListObj = let docListObj = custom.documentList;
custom.documentList;
if ( if (
custom.requiredDocumentValue == custom.requiredDocumentValue ==
"Yes" "Yes"
) { ) {
e.target.value != "846040000" e.target.value != "846040000"
? (docListObj = ? (docListObj = Object.assign(
Object.assign(
docListObj, docListObj,
{ {
["documentCheckList_" + ["documentCheckList_" +
@@ -303,12 +257,9 @@ let CreateCase = (props) => {
} }
)) ))
: delete docListObj[ : delete docListObj[
"documentCheckList_" + "documentCheckList_" + id
id
]; ];
custom.setDocumentsList( custom.setDocumentsList(docListObj);
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 required = (value) => (value ? undefined : "Required");
const [formStep, setFormStep] = useState(0); const [formStep, setFormStep] = useState(0);