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

fix to delay moving on til large pdf completed

Browse Source
This commit is contained in:
robbond
2025-01-16 14:06:56 +00:00
parent 9ab83efedc
commit e539b7054b
2 changed files with 93 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/case/representation/index.js
+17 -9
View File
@@ -34,6 +34,8 @@ let MakeRepresentation = (props) => {
const [clearRepForm, setClearRepForm] = useState(false);
const [savingStatus, setSavingStatus] = useState(false);
const [finaliseAppealProcess, setFinaliseAppealProcess] = useState(false);
//const [questionnaireCount, setQuestionnaireCount] = useState(0);
const { data: session } = useSession();
@@ -879,7 +881,6 @@ let MakeRepresentation = (props) => {
};
const onHandleSubmit = (values) => {
window.scrollTo({ top: 0, behavior: "smooth" });
values = setRepFileName(values);
//console.log("onHandleSubmit form values - ", JSON.stringify(values));
@@ -1014,6 +1015,7 @@ let MakeRepresentation = (props) => {
setRepresentationSubmit(true);
}
}
window.scrollTo({ top: 0, behavior: "smooth" });
} else {
if (currentView.representationSubmit == true) {
console.log("capacity", currentView.representationCapacity);
@@ -1034,18 +1036,22 @@ let MakeRepresentation = (props) => {
// Object.assign(values, {
// "filesList": buildFileArray,
// })),
console.log(
"====================== rep lpa payload:\n",
JSON.stringify(values)
);
// console.log(
// "====================== rep lpa payload:\n",
// JSON.stringify(values)
// );
setFinaliseAppealProcess(true);
generateRepPDF(
values,
props.props.accountDetails.containerID,
currentView.caseReference.currentReference
);
uploadRepresentationFiles(values);
setRepresentationSubmit(true);
setRepresentationSubmitConfirmation(true);
).then((data) => {
console.log(data);
data.status == "success" &&
(uploadRepresentationFiles(values),
setRepresentationSubmit(true),
setRepresentationSubmitConfirmation(true));
});
} else {
console.log("not updated");
}
@@ -1148,6 +1154,8 @@ let MakeRepresentation = (props) => {
showQuestionnaireSection={showQuestionnaireSection}
props={props}
questionnaireCount={questionnaireCount}
finaliseAppealProcess={finaliseAppealProcess}
setFinaliseAppealProcess={setFinaliseAppealProcess}
/>
) : (
<>
components/case/representation/representationCompleteSubmit.js
+76 -64
View File
@@ -29,6 +29,7 @@ const RepCompleteSubmit = (props) => {
setShowQuestionnaireSection,
showQuestionnaireSection,
questionnaireCount,
finaliseAppealProcess,
} = props;
const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
const files = acceptedFiles.map((file) => (
@@ -473,72 +474,83 @@ const RepCompleteSubmit = (props) => {
)}
</p>
<div className="govuk-form-group">
<div className="govuk-checkboxes govuk-checkboxes--small">
<div className="govuk-checkboxes__item">
<input
name="pinswg_checkconfirmation"
id="pinswg_checkconfirmation"
type="checkbox"
className="govuk-checkboxes__input"
value=""
onChange={(e) => {
setConfirmSections(
!confirmSections
);
}}
/>
<label
className="govuk-label govuk-checkboxes__label"
htmlFor="pinswg_checkconfirmation"
>
{t(
"myrepresentations:rep-check-tandc-para-four"
)}
</label>
</div>
{finaliseAppealProcess ? (
<div className="">
<h3 className="govuk-heading-m govuk-!-margin-top-9">
Finalising your representation
submission
</h3>
<p className="govuk-body">
Currenly uploading files and finalising
your representation submission
</p>
<p className="govuk-body textloading">
Please wait
</p>
</div>
) : (
<>
<div className="govuk-form-group">
<div className="govuk-checkboxes govuk-checkboxes--small">
<div className="govuk-checkboxes__item">
<input
name="pinswg_checkconfirmation"
id="pinswg_checkconfirmation"
type="checkbox"
className="govuk-checkboxes__input"
value=""
onChange={(e) => {
setConfirmSections(
!confirmSections
);
}}
/>
<label
className="govuk-label govuk-checkboxes__label"
htmlFor="pinswg_checkconfirmation"
>
{t(
"myrepresentations:rep-check-tandc-para-four"
)}
</label>
</div>
</div>
</div>
{/* <Field
name="representationType"
component={RenderPickList}
datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr}
/> */}
</div>
</div>
<div className="govuk-grid-row">
<div className="govuk-button-group">
<button
disabled={confirmSections ? false : true}
type="submit"
className="govuk-button"
data-module="govuk-button"
onClick={() => {
// setRepresentationSubmitConfirmation(
// true
// );
setRepresentationSubmit(true);
}}
>
{t("common:continue-button")}
</button>
{/* <a
onClick={() => {
setRepresentationSubmit(false);
}}
className="govuk-button"
>
{t("common:continue-button")}
</a> */}
<a
onClick={() => setSubmitBack()}
className="govuk-link"
>
{t("case:summary-back-button-label")}
</a>
</div>
<div className="govuk-grid-row">
<div className="govuk-button-group">
<button
disabled={
confirmSections
? false
: true
}
type="submit"
className="govuk-button"
data-module="govuk-button"
onClick={() => {
// setRepresentationSubmitConfirmation(
// true
// );
setRepresentationSubmit(
true
);
}}
>
{t("common:continue-button")}
</button>
<a
onClick={() => setSubmitBack()}
className="govuk-link"
>
{t(
"case:summary-back-button-label"
)}
</a>
</div>
</div>
</>
)}
</div>
</div>
</div>