initial commit for welsh government planning appeals application

2021-07-26 16:53:32 +01:00
parent 58f468c275
commit f0f15b4f6e
163 changed files with 15097 additions and 0 deletions
@@ -0,0 +1,124 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import { useState, useEffect } from "react";
+import xpath from "xpath";
+import BuildRow from "./buildrow";
+import { reduxForm, formValueSelector } from "redux-form";
+import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
+import { setCurrentSection } from "../../store/appealType/action";
+
+let CompleteAppeal = (props) => {
+    // useEffect(() => {
+    //     window.scrollTo(0, 0);
+    // });
+
+    let { t } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+
+    const {
+        formXML,
+        sectionCount,
+        onSubmit,
+        handleSubmit,
+        formTitle,
+        setCurrentSection,
+    } = props;
+
+    const currentSection = props.appealType.currentSection;
+    const parser = new DOMParser();
+    var doc = parser.parseFromString(props.formXML, "text/xml");
+    var titles = xpath.select(
+        "//form/tabs/tab[" + currentSection + " ]/labels/label/@description",
+        doc
+    );
+    var rowXML = xpath.select(
+        "/form/tabs/tab[" +
+            currentSection +
+            "]/columns//sections/section/rows/row",
+        doc
+    );
+
+    var titleList = xpath.select(
+        "//form/tabs/tab[*]/labels/label/@description",
+        doc
+    );
+
+    const handleParam = (setValue) => (e) => setValue(e.target.value);
+
+    const onHandleSubmit = (values) => {
+        setCurrentSection(currentSection + 1);
+    };
+
+    return (
+        <div className="govuk-grid-row">
+            <div className="govuk-grid-column-two-thirds">
+                <div className="govuk-panel govuk-panel--confirmation">
+                    <h1 className="govuk-panel__title">Appeal complete</h1>
+                    <div className="govuk-panel__body">
+                        Your reference number
+                        <br />
+                        <strong>{props.appealType.caseReference}</strong>
+                    </div>
+                </div>
+
+                <p className="govuk-body">
+                    We have sent you a confirmation email.
+                </p>
+
+                <h2 className="govuk-heading-m">What happens next</h2>
+
+                <p className="govuk-body">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                    Morbi a metus non quam mollis egestas. Integer ac leo
+                    cursus, laoreet nulla sed, tempus tellus. Mauris condimentum
+                    erat arcu.
+                </p>
+                <p className="govuk-body">
+                    Sed imperdiet dignissim ipsum. Orci varius natoque penatibus
+                    et magnis dis parturient montes, nascetur ridiculus mus. In
+                    id leo in turpis aliquam venenatis ut non erat. Ut est arcu,
+                    luctus sit amet pretium sed, iaculis non purus. Etiam dictum
+                    tortor commodo luctus rhoncus.
+                </p>
+
+                <p className="govuk-body">
+                    <Link href="/myportal">
+                        <a className="govuk-link">Back to My Portal</a>
+                    </Link>
+                </p>
+
+                <p className="govuk-body">
+                    <a href="#" className="govuk-link">
+                        What did you think of this service?
+                    </a>
+                    (takes 30 seconds)
+                </p>
+            </div>
+        </div>
+    );
+};
+
+const mapStateToProps = (state) => {
+    return {
+        search: state.search,
+        searchResultsObj: state.searchResultsObj,
+        formData: state.formData,
+        appealType: state.appealType,
+        //form: state.form,
+    };
+};
+
+const mapDispatchToProps = (dispatch) => {
+    return {
+        setCurrentSection: (currentSection) => {
+            dispatch(setCurrentSection(currentSection));
+        },
+    };
+};
+
+const selector = formValueSelector("appealForm"); // <-- same as form name
+
+export default connect(mapStateToProps, mapDispatchToProps)(CompleteAppeal);