initial dynamic forms

2021-07-08 16:22:12 +01:00
parent b335c11e6b
commit 878940a6d5
25 changed files with 709 additions and 60 deletions
@@ -0,0 +1,52 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import xpath from "xpath";
+import BuildRow from "./buildrow";
+
+export default function BuildSection(props) {
+    let { t } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+
+    const { formXML, whichSection, sectionCount } = props;
+
+    const parser = new DOMParser();
+    var doc = parser.parseFromString(props.formXML, "text/xml");
+    var titles = xpath.select(
+        "//form/tabs/tab[" +
+            (parseInt(whichSection) + 1) +
+            " ]/labels/label/@description",
+        doc
+    );
+    var rowXML = xpath.select(
+        "/form/tabs/tab[" +
+            (parseInt(whichSection) + 1) +
+            "]/columns//sections/section/rows/row",
+        doc
+    );
+    return (
+        <div className="govuk-grid-row">
+            <div className="govuk-grid-column-full">
+                <h2>
+                    {props.whichSection} - {titles[0].value}{" "}
+                </h2>
+                <BuildRow
+                    rowXML={rowXML}
+                    whichSection={props.whichSection}
+                    sectionCount={props.sectionCount}
+                />
+                <button
+                    type="submit"
+                    role="button"
+                    draggable="false"
+                    class="govuk-button"
+                    data-module="govuk-button"
+                >
+                    Continue
+                </button>
+            </div>
+        </div>
+    );
+}