diff --git a/.eslintrc b/.eslintrc
new file mode 100644
index 00000000..15b1ed91
--- /dev/null
+++ b/.eslintrc
@@ -0,0 +1,3 @@
+{
+ "extends": "next"
+}
diff --git a/.gitignore b/.gitignore
index b24d71e2..4c7619c9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -48,3 +48,23 @@ Thumbs.db
*.mov
*.wmv
+
+// .gitignore
+# next.js build output
+.next
+
+# dotenv environment variables file - set in pipeline as environment variables
+.env
+.env.build
+
+# Dependency directories
+node_modules/
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+#lock files
+yarn.lock
+package-lock.json
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..ced81142
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+ "tabWidth": 4,
+ "useTabs": false,
+"quoteProps":"preserve"
+}
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..562cc640
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "type": "pwa-chrome",
+ "request": "launch",
+ "name": "Launch Chrome against localhost",
+ "url": "http://localhost:3000",
+ "webRoot": "${workspaceFolder}"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/README 2.md b/README 2.md
new file mode 100644
index 00000000..11c4912e
--- /dev/null
+++ b/README 2.md
@@ -0,0 +1,66 @@
+## Setting up environment
+
+These instructions assumes that you already have Git installed and working
+You will need to install NodeJs [https://nodejs.org/en/download/](https://nodejs.org/en/download/)
+
+If you have necessary installation privileges
+
+- download and run the installer version
+
+If you dont have privileges
+
+- download the zip archive
+- extract the folder to your environment
+- Add the path to this folder in to your PATH Environment Variable
+- verify installation by opening a new terminal window and do the following
+
+```bash
+node -v
+```
+
+- verify npm by typing the following
+
+```bash
+npm -v
+```
+
+Next, Clone the repository from Azure DevOps to a relevant folder
+
+Open a terminal window to this folder and install the packages needed:
+
+```bash
+npm install
+```
+
+if there is an error message regarding access via the proxy
+
+```bash
+npm config set proxy "http://domain\username:password@servername:port/"
+```
+
+or unable to get packages try the following:
+
+```bash
+npm config set registry "http://registry.npmjs.org/"
+```
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+Note: there may be a firewall message pop up.....
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..14b0447b
--- /dev/null
+++ b/README.md
@@ -0,0 +1,24 @@
+# Introduction
+ PINS Frontend APC and DNS portal
+
+# Getting Started
+OFM Communications
+
+Simon Matthews
+Serice URL
+https://gov.wales/domain-names#section-33014
+https://www.gov.uk/service-manual/design/naming-your-service
+
+Accessability
+Footers - Accesability
+https://www.gov.uk/service-manual/design/naming-your-service
+
+Roland Allan
+https://gov.wales/footer-guidance-govwales-products
+https://gov.wales/accessibility-standards-govwales
+https://gov.wales/appeal-or-search-planning-decision-or-notice
+
+# Build and Test
+
+
+# Contribute
diff --git a/actions/index.js b/actions/index.js
new file mode 100644
index 00000000..89f544b9
--- /dev/null
+++ b/actions/index.js
@@ -0,0 +1,305 @@
+import axios from "axios";
+import https from "https";
+//import {XMLHttpRequest} from 'xmlhttprequest';
+
+process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = 0;
+
+let BASE_URL;
+const port = parseInt(process.env.PORT, 10) || 3000;
+
+if (process.browser) {
+ BASE_URL = window.apiRoot;
+} else {
+ BASE_URL = process.env.API_ROOT || `http://localhost:${port}`;
+}
+
+const agent = new https.Agent({
+ rejectUnauthorized: false,
+});
+const crmHeaders = {
+ withCredentials: true,
+ headers: {
+ "Content-Type": "application/json; charset=utf-8",
+ "OData-MaxVersion": "4.0",
+ "OData-Version": "4.0",
+ "Accept": "application/json",
+ "Prefer": 'odata.include-annotations="*"',
+ agent,
+ },
+ auth: {
+ username: "xm\bondr",
+ password: "!Sky9fish1972",
+ },
+};
+
+export const getBasicSearch = (searchString) => {
+ console.log("got to axios", searchString);
+ console.log("api_root: ", BASE_URL);
+ return (
+ axios
+ //.get("https://devcrm2016.llcdt.gov.wales/DVPINS/api/data/v8.2/incidents?$select=_accountid_value,_customerid_value,pinswg_appealcasetype,statuscode,ticketnumber,title&$filter=contains(title, '" + searchString + "')&$count=true", crmHeaders)
+ //.get("https://jsonplaceholder.typicode.com/todos/1",{proxy:{protocol: 'http',host:'lon3.sme.zscloud.net',port: 80}})
+ .get(BASE_URL + "/api/searchresults2", {
+ httpsAgent: new https.Agent({ rejectUnauthorized: false }),
+ })
+ .then((res) => res.data)
+ .catch((error) => {
+ console.log("thiserror", error);
+ })
+ );
+};
+
+export const getFormData = (whichForm) => {
+ console.log("got to axios", whichForm);
+ console.log("api_root: ", BASE_URL);
+ return (
+ axios
+ //.get("api/appealforms/pinswg_dns", {
+ //.get("api/appealforms/pinswg_planningobligationappeals106", {
+ //.get("api/appealforms/pinswg_planningconditionss73s79", {
+ //.get("api/appealforms/pinswg_row", {
+ //.get("api/appealforms/pinswg_transportandworkact", {
+ //.get("api/appealforms/pinswg_harbourrevisionorder", {
+ //.get("api/appealforms/pinswg_planningappeals78", {
+ //.get(api/appealforms/pinswg_householderappealhas", {
+ .get(BASE_URL + "/api/appealforms/pinswg_" + whichForm, {
+ httpsAgent: new https.Agent({ rejectUnauthorized: false }),
+ })
+ .then((res) => res.data)
+ .catch((error) => {
+ console.log("thiserror", error);
+ })
+ );
+};
+
+export const getAppealsTypes = () => {
+ console.log("got to axios: appeal types");
+ console.log("api_root: ", BASE_URL);
+ return axios
+ .get(BASE_URL + "/api/lookups/pinswg_appealcasetype", {
+ httpsAgent: new https.Agent({ rejectUnauthorized: false }),
+ })
+ .then((res) => res.data)
+ .catch((error) => {
+ console.log("thiserror", error);
+ });
+};
+
+export const getBasicSearch2 = (searchString) => {
+ var req = new XMLHttpRequest();
+ req.open(
+ "GET",
+ "https://devcrm2016.llcdt.gov.wales/DVPINS/api/data/v8.2/incidents?$select=_accountid_value,_customerid_value,pinswg_appealcasetype,statuscode,ticketnumber,title&$filter=contains(title, '" +
+ searchString +
+ "')&$count=true",
+ true
+ );
+ req.setRequestHeader("OData-MaxVersion", "4.0");
+ req.setRequestHeader("OData-Version", "4.0");
+ req.setRequestHeader("Accept", "application/json");
+ req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
+ req.setRequestHeader("Prefer", 'odata.include-annotations="*"');
+ req.onreadystatechange = function () {
+ if (this.readyState === 4) {
+ req.onreadystatechange = null;
+ if (this.status === 200) {
+ var results = JSON.parse(this.response);
+ var recordCount = results["@odata.count"];
+ for (var i = 0; i < results.value.length; i++) {
+ var _accountid_value = results.value[i]["_accountid_value"];
+ var _accountid_value_formatted =
+ results.value[i][
+ "_accountid_value@OData.Community.Display.V1.FormattedValue"
+ ];
+ var _accountid_value_lookuplogicalname =
+ results.value[i][
+ "_accountid_value@Microsoft.Dynamics.CRM.lookuplogicalname"
+ ];
+ var _customerid_value =
+ results.value[i]["_customerid_value"];
+ var _customerid_value_formatted =
+ results.value[i][
+ "_customerid_value@OData.Community.Display.V1.FormattedValue"
+ ];
+ var _customerid_value_lookuplogicalname =
+ results.value[i][
+ "_customerid_value@Microsoft.Dynamics.CRM.lookuplogicalname"
+ ];
+ var pinswg_appealcasetype =
+ results.value[i]["pinswg_appealcasetype"];
+ var pinswg_appealcasetype_formatted =
+ results.value[i][
+ "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
+ ];
+ var statuscode = results.value[i]["statuscode"];
+ var ticketnumber = results.value[i]["ticketnumber"];
+ var title = results.value[i]["title"];
+ }
+ } else {
+ console.log(this.statusText);
+ }
+ }
+ };
+ return req.send();
+};
+
+//get list of entitydefinitions
+//https://devcrm2016.llcdt.gov.wales/DVPINS/api/data/v8.2/EntityDefinitions?$select=LogicalName
+
+// get list of appealtypes
+//https://devcrm2016.llcdt.gov.wales/DVPINS/api/data/v8.2/stringmaps?$filter=attributename%20eq%20%27pinswg_appealcasetype%27&$count=true
+
+//get crm xml form for appealtype
+//https://devcrm2016.llcdt.gov.wales/DVPINS/api/data/v8.2/systemforms?$select=formid,name,formxml&$filter=(objecttypecode%20eq%20%27pinswg_dns%27and%20type%20eq%202)&$count=true
+// then use regex to remove the escape
+// convert xml to json and return
+// promise example
+// var xml2js = require('xml2js');
+// var xml = '
+
+ {label}
+
+ {touched && error && (
+
+ Error: {" "}
+ {touched &&
+ ((error && (
+ {errorMsg ? errorMsg : error}
+ )) ||
+ (warning && {warning} ))}
+
+ )}
+
+
+ );
+};
+
+const ChangePassword = (props) => {
+ const { footerLinks, pages, handleSubmit, value } = props;
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ let errorsobj = {};
+
+ const onHandleSubmit = (values) => {
+ console.log(values);
+ };
+
+ const required = (value) => (value ? undefined : "Is required");
+
+ const matchInput = (input, allInputs) => {
+ return input === allInputs.password
+ ? undefined
+ : "Passwords do not match";
+ };
+
+ const email = (value) =>
+ value && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value)
+ ? "Invalid email address"
+ : undefined;
+ const phoneNumber = (value) =>
+ value &&
+ !/^(?:(?:\(?(?:0(?:0|11)\)?[\s-]?\(?|\+)44\)?[\s-]?(?:\(?0\)?[\s-]?)?)|(?:\(?0))(?:(?:\d{5}\)?[\s-]?\d{4,5})|(?:\d{4}\)?[\s-]?(?:\d{5}|\d{3}[\s-]?\d{3}))|(?:\d{3}\)?[\s-]?\d{3}[\s-]?\d{3,4})|(?:\d{2}\)?[\s-]?\d{4}[\s-]?\d{4}))(?:[\s-]?(?:x|ext\.?|\#)\d{3,4})?$/i.test(
+ value
+ )
+ ? "Invalid phone number"
+ : undefined;
+
+ const [hasErrors, setHasErrors] = useState("");
+
+ return (
+ <>
+ {/* {hasErrors == true ? (
+
+
+ {label}
+
+ {touched && error && (
+
+ Error: {" "}
+ {touched &&
+ ((error && (
+ {errorMsg ? errorMsg : error}
+ )) ||
+ (warning && {warning} ))}
+
+ )}
+
+
+ );
+};
+
+const PersonalDetails = (props) => {
+ const { footerLinks, pages, handleSubmit, value } = props;
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ let errorsobj = {};
+
+ const onHandleSubmit = (values) => {
+ console.log(values);
+ };
+
+ const required = (value) => (value ? undefined : "Is required");
+ const email = (value) =>
+ value && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value)
+ ? "Invalid email address"
+ : undefined;
+ const phoneNumber = (value) =>
+ value &&
+ !/^(?:(?:\(?(?:0(?:0|11)\)?[\s-]?\(?|\+)44\)?[\s-]?(?:\(?0\)?[\s-]?)?)|(?:\(?0))(?:(?:\d{5}\)?[\s-]?\d{4,5})|(?:\d{4}\)?[\s-]?(?:\d{5}|\d{3}[\s-]?\d{3}))|(?:\d{3}\)?[\s-]?\d{3}[\s-]?\d{3,4})|(?:\d{2}\)?[\s-]?\d{4}[\s-]?\d{4}))(?:[\s-]?(?:x|ext\.?|\#)\d{3,4})?$/i.test(
+ value
+ )
+ ? "Invalid phone number"
+ : undefined;
+
+ const [hasErrors, setHasErrors] = useState("");
+
+ const [personalDetailsComplete, setPersonalDetailsComplete] =
+ useState(false);
+
+ return (
+ <>
+ {/* {hasErrors == true ? (
+ About you
+
+
+
+
+
+
+
+
+ Your address
+
+
+
+
+
+
+
+
+ );
+};
+
+const mapStateToProps = (state) => {
+ return {
+ search: state.search,
+ searchResultsObj: state.searchResultsObj,
+ formData: state.formData,
+ appealType: state.appealType,
+ accountDetails: state.accountDetails,
+ //form: state.form,
+ };
+};
+
+const mapDispatchToProps = (dispatch) => {
+ return {
+ setCurrentSection: (currentSection) => {
+ dispatch(setCurrentSection(currentSection));
+ },
+ };
+};
+
+const selector = formValueSelector("personalDetailsForm"); // <-- same as form name
+
+export default connect(
+ mapStateToProps,
+ mapDispatchToProps
+)(BuildCheckPersonalDetails);
diff --git a/components/account/registerform.js b/components/account/registerform.js
new file mode 100644
index 00000000..b751f88a
--- /dev/null
+++ b/components/account/registerform.js
@@ -0,0 +1,264 @@
+import _ from "lodash";
+import React, { useState } from "react";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import {
+ Field,
+ reduxForm,
+ formValueSelector,
+ getFormSubmitErrors,
+} from "redux-form";
+import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
+import {
+ Textfield,
+ DateField,
+ DateFieldPicker,
+ YesNofield,
+ PickList,
+ MultiLinefield,
+ NumericField,
+ ReadOnlyfield,
+ DecimalField,
+} from "../elements";
+
+const RenderTextfield = ({
+ id,
+ className,
+ rows,
+ datafieldname,
+ name,
+ label,
+ input,
+ type,
+ errorMsg,
+ meta: { touched, error },
+ ...custom
+}) => {
+ return (
+ <>
+
+
+ {label}
+
+ {touched && error && (
+
+ Error: {" "}
+ {touched &&
+ ((error && (
+ {errorMsg ? errorMsg : error}
+ )) ||
+ (warning && {warning} ))}
+
+ )}
+
+
+ );
+};
+
+const RegisterForm = (props) => {
+ const { footerLinks, pages, handleSubmit, value } = props;
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ let errorsobj = {};
+
+ const onHandleSubmit = (values) => {
+ console.log(values);
+ };
+
+ const required = (value) => (value ? undefined : "Is required");
+ const email = (value) =>
+ value && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value)
+ ? "Invalid email address"
+ : undefined;
+ const phoneNumber = (value) =>
+ value &&
+ !/^(?:(?:\(?(?:0(?:0|11)\)?[\s-]?\(?|\+)44\)?[\s-]?(?:\(?0\)?[\s-]?)?)|(?:\(?0))(?:(?:\d{5}\)?[\s-]?\d{4,5})|(?:\d{4}\)?[\s-]?(?:\d{5}|\d{3}[\s-]?\d{3}))|(?:\d{3}\)?[\s-]?\d{3}[\s-]?\d{3,4})|(?:\d{2}\)?[\s-]?\d{4}[\s-]?\d{4}))(?:[\s-]?(?:x|ext\.?|\#)\d{3,4})?$/i.test(
+ value
+ )
+ ? "Invalid phone number"
+ : undefined;
+
+ const [hasErrors, setHasErrors] = useState("");
+
+ return (
+ <>
+ {/* {hasErrors == true ? (
+
+
+ beta
+ This is a new service
+
+
+ {breadcrumb}
+
+ );
+ }
+ } else {
+ return null;
+ }
+ }
+
+ return (
+
+
+
+ );
+};
+export default Breadcrumbs;
diff --git a/components/case.js b/components/case.js
new file mode 100644
index 00000000..b55d1f58
--- /dev/null
+++ b/components/case.js
@@ -0,0 +1,28 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+import Summary from "./case/summary";
+import Documents from "./case/documents";
+
+export default function CaseSummary({ children, pages }) {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+
+
+
+ );
+}
diff --git a/components/case/documents.js b/components/case/documents.js
new file mode 100644
index 00000000..96a0b42f
--- /dev/null
+++ b/components/case/documents.js
@@ -0,0 +1,65 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function CaseSummary() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+
+
+
Documents
+
+
+
+ {t("case:documents-name-label")}
+
+
+ {t("case:documents-doc-type-label")}
+
+
+ {t("case:documents-date-published-label")}
+
+
+ {t("case:documents-size-label")}
+
+
+
+
+
+
+
+
+
+
+ Reference: CAS-00010-J9W6L5
+
+
+
+
+
+ {t("case:summary-applicant-label")}
+
+
+ Mr J Pocknell
+
+
+
+
+ {t("case:summary-agent-label")}
+
+
+ Mr Cos Polito
+
+
+
+
+ {t("case:summary-site-address-label")}
+
+
+ 72 Guild Street
+
+
+
+
+
+
+
+ {/*
*/}
+
+
+
+
+ );
+}
diff --git a/components/checkanswers.js b/components/checkanswers.js
new file mode 100644
index 00000000..3ce9038f
--- /dev/null
+++ b/components/checkanswers.js
@@ -0,0 +1,33 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+import BuildCheckSection from "./newappeal/buildchecksection";
+
+const CheckAnswers = (props) => {
+ const { formXML, formTitle, rowXML, whichSection, sectionCount, onSubmit } =
+ props;
+
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+
+ sss
+
+ );
+};
+
+export default CheckAnswers;
diff --git a/components/cookieBanner.js b/components/cookieBanner.js
new file mode 100644
index 00000000..1666cb40
--- /dev/null
+++ b/components/cookieBanner.js
@@ -0,0 +1,58 @@
+import CookieConsent from "react-cookie-consent";
+import Link from "next/link";
+
+const CookieBanner = () => {
+ return (
+
+
+
+
+
+
+
+
+ Tell us whether you accept cookies
+
+
+ GOV.UK uses cookies which are essential
+ for the site to work. We also use
+ non-essential cookies to help us improve
+ government digital services. Any data
+ collected is anonymised. By continuing
+ to use this site, you agree to our use
+ of cookies.
+
+
+
+
+
+
+
+ );
+};
+
+export default CookieBanner;
diff --git a/components/elements/index.js b/components/elements/index.js
new file mode 100644
index 00000000..8b3409a8
--- /dev/null
+++ b/components/elements/index.js
@@ -0,0 +1,496 @@
+import useSWR from "swr";
+import { Field, reduxForm } from "redux-form";
+import router from "next/router";
+import DatePicker from "react-datepicker";
+import React, { useState } from "react";
+import "react-datepicker/dist/react-datepicker.css";
+import moment from "moment";
+
+const RenderTextfield = ({
+ id,
+ className,
+ rows,
+ datafieldname,
+ name,
+ label,
+ input,
+ errorMsg,
+ meta: { touched, error },
+ ...custom
+}) => {
+ return (
+ <>
+
+
+ {label}
+
+ {touched && error && (
+
+ Error: {" "}
+ {errorMsg}
+
+ )}
+
+
+ );
+};
+
+export function Textfield(props) {
+ const { name, label, validate } = props;
+ const required = (value) => (value ? undefined : "Required");
+
+ return (
+
+
+
+ {props.label}
+
+
+
+ Do not include personal or financial information, like your
+ National Insurance number or credit card details.
+
+
+
+
+
+
+
+ {label}
+
+
+ {touched && error && (
+
+
+ Error:
+ {" "}
+ {errorMsg}
+
+ )}
+
+
+
+ );
+};
+
+export function DateFieldPicker(props) {
+ const { name, label } = props;
+ const required = (value) => (value ? undefined : "Required");
+
+ return (
+
+
+
+
+ {props.label}
+
+
+
+
+
+
+
+
+ {label}
+
+
+ {touched && error && (
+
+
+ Error:
+ {" "}
+ {errorMsg}
+
+ )}
+
+ {Object.keys(options).map((key, index) => (
+
+
+ {options[key]}
+
+
+ ))}
+
+
+
+ {label}
+
+
+ empty
+
+
+ );
+ if (!data)
+ return (
+
+ );
+ //console.log(JSON.stringify(data.GlobalOptionSet.Options));
+
+ const dropdownObj = data.GlobalOptionSet.Options;
+
+ return (
+
+
+ Select...
+ {Object.keys(dropdownObj).map((key, index) => {
+ return (
+
+ {dropdownObj[key].Label.LocalizedLabels[0].Label}
+
+ );
+ })}
+
+
+ {touched && errorStr && {errorStr} }
+
+ );
+};
+
+export function PickList(props) {
+ const { name, label, datafieldname } = props;
+
+ return (
+
+
+ {props.label}
+
+
+ );
+}
+
+export function NumericField(props) {
+ const { name, label } = props;
+
+ return (
+
+
+ {props.label}
+
+
+ );
+}
+
+export function DecimalField(props) {
+ const { name, label } = props;
+
+ return (
+
+
+ {props.label}
+
+
+ );
+}
+
+const RenderCaseID = {};
+
+export function ReadOnlyfield(props) {
+ const { name, label, value } = props;
+ //console.log(props.value.refno);
+ return (
+
+
+ {props.label}
+
+
+ );
+}
diff --git a/components/errorpage.js b/components/errorpage.js
new file mode 100644
index 00000000..eb3cb573
--- /dev/null
+++ b/components/errorpage.js
@@ -0,0 +1,58 @@
+import Link from "next/link";
+import Header from "./header";
+import Banner from "./breadcrumbs";
+import Breadcrumbs from "./banner";
+import Footer from "./footer";
+
+const Errorpage = () => {
+ var m = new Date();
+ var dateString =
+ m.getUTCDate() +
+ "/" +
+ (m.getUTCMonth() + 1) +
+ "/" +
+ m.getUTCFullYear() +
+ " " +
+ m.getUTCHours() +
+ ":" +
+ m.getUTCMinutes() +
+ ":" +
+ m.getUTCSeconds();
+
+ return (
+
+
+
+
+
+
+
There has been a problem
+
+ Unfortunately something has gone wrong!
+
+
{dateString}
+
+
+ Try again
+
+
+
+
+
+
+
+
+ {linksArr[key].title}
+
+
+ ));
+
+ return (
+
+
+
+
+
+
Support links
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/header.js b/components/header.js
new file mode 100644
index 00000000..f44a131c
--- /dev/null
+++ b/components/header.js
@@ -0,0 +1,107 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function Header({ courseName }) {
+ let { t, lang } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+
+ );
+}
diff --git a/components/homepage/casecomment.js b/components/homepage/casecomment.js
new file mode 100644
index 00000000..32101655
--- /dev/null
+++ b/components/homepage/casecomment.js
@@ -0,0 +1,21 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function CaseComment() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/homepage/casesearch.js b/components/homepage/casesearch.js
new file mode 100644
index 00000000..720918f8
--- /dev/null
+++ b/components/homepage/casesearch.js
@@ -0,0 +1,92 @@
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function CaseSearch() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ const [query, setQuery] = useState("");
+ const [validationError, setValidationError] = useState("");
+ const handleParam = (setValue) => (e) => setValue(e.target.value);
+
+ const basicSearch = (event) => {
+ event.preventDefault();
+
+ if (query == "" || query == null) {
+ setValidationError(true);
+ } else {
+ setValidationError(false);
+ console.log(query);
+ // /searchresults
+
+ router.push({
+ pathname: "/searchresults",
+ query: { q: query },
+ });
+ }
+ };
+
+ return (
+
+ );
+}
diff --git a/components/homepage/inspectorate.js b/components/homepage/inspectorate.js
new file mode 100644
index 00000000..d980c2fd
--- /dev/null
+++ b/components/homepage/inspectorate.js
@@ -0,0 +1,30 @@
+import Link from "next/link";
+import Image from "next/image";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function Inspectorate() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/homepage/login.js b/components/homepage/login.js
new file mode 100644
index 00000000..b741d6c3
--- /dev/null
+++ b/components/homepage/login.js
@@ -0,0 +1,87 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function Login() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+
+
+ {t("home:login-card-title")}
+
+
+
+
+
+
+
+
Appeals Casework Portal
+
+
+
+
+
+
+
+
+
+
+
+ Please enable javascript
+
+
+
Loading...
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/myportal.js b/components/myportal.js
new file mode 100644
index 00000000..3f65ea8e
--- /dev/null
+++ b/components/myportal.js
@@ -0,0 +1,42 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+import MakeNewAppeal from "./myportal/makenewappeal";
+import MyCases from "./myportal/mycases";
+import SearchCases from "./myportal/searchcases";
+import AwaitingSubmission from "./myportal/awaitingsubmission";
+import MyRepresentations from "./myportal/myrepresentations";
+import WatchedCases from "./myportal/watchedcases";
+import YourAccount from "./myportal/youraccount";
+
+export default function MyPortal({ children, pages }) {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+
+
+
+ );
+}
diff --git a/components/myportal/awaitingsubmission.js b/components/myportal/awaitingsubmission.js
new file mode 100644
index 00000000..83eb3244
--- /dev/null
+++ b/components/myportal/awaitingsubmission.js
@@ -0,0 +1,28 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import TopThree from "./topthree";
+
+export default function AwaitingSubmission() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/myportal/makenewappeal.js b/components/myportal/makenewappeal.js
new file mode 100644
index 00000000..aa0af61f
--- /dev/null
+++ b/components/myportal/makenewappeal.js
@@ -0,0 +1,32 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function MakeNewAppeal() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/myportal/mycases.js b/components/myportal/mycases.js
new file mode 100644
index 00000000..73774de8
--- /dev/null
+++ b/components/myportal/mycases.js
@@ -0,0 +1,28 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import TopThree from "./topthree";
+export default function MyCases() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/myportal/myrepresentations.js b/components/myportal/myrepresentations.js
new file mode 100644
index 00000000..4b39a92e
--- /dev/null
+++ b/components/myportal/myrepresentations.js
@@ -0,0 +1,28 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import TopThree from "./topthree";
+export default function MyRepresentations() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/myportal/searchcases.js b/components/myportal/searchcases.js
new file mode 100644
index 00000000..955dbafe
--- /dev/null
+++ b/components/myportal/searchcases.js
@@ -0,0 +1,96 @@
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function SearchCases() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ const [query, setQuery] = useState("");
+ const [validationError, setValidationError] = useState("");
+ const handleParam = (setValue) => (e) => setValue(e.target.value);
+
+ const basicSearch = (event) => {
+ event.preventDefault();
+
+ if (query == "" || query == null) {
+ setValidationError(true);
+ } else {
+ setValidationError(false);
+ console.log(query);
+ // /searchresults
+
+ router.push({
+ pathname: "/searchresults",
+ query: { q: query },
+ });
+ }
+ };
+
+ return (
+
+ );
+}
diff --git a/components/myportal/topthree.js b/components/myportal/topthree.js
new file mode 100644
index 00000000..109d2748
--- /dev/null
+++ b/components/myportal/topthree.js
@@ -0,0 +1,56 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function TopThree() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+ <>
+
+
+
+
+ Address: Beggars Lane
+
+
+
—
+
+
+
+
+ Address: Beggars Lane
+
+
+
—
+
+
+
+
+ Address: Beggars Lane
+
+
+
—
+
+
+
+ );
+}
diff --git a/components/newappeal/advertapplication.js b/components/newappeal/advertapplication.js
new file mode 100644
index 00000000..c278235b
--- /dev/null
+++ b/components/newappeal/advertapplication.js
@@ -0,0 +1,27 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function MakeAdvertApplication() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/newappeal/buildCheckfield.js b/components/newappeal/buildCheckfield.js
new file mode 100644
index 00000000..a8b8e48d
--- /dev/null
+++ b/components/newappeal/buildCheckfield.js
@@ -0,0 +1,64 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import xpath from "xpath";
+import {
+ Textfield,
+ DateField,
+ DateFieldPicker,
+ YesNofield,
+ PickList,
+ MultiLinefield,
+ NumericField,
+ ReadOnlyfield,
+ DecimalField,
+} from "../elements";
+import moment from "moment";
+
+export default function BuildField(props) {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ const { fieldType, label, datafieldname, fieldValue } = props;
+
+ const parser = new DOMParser();
+
+ const whichFieldType = (classid) => {
+ switch (classid) {
+ case "{270BD3DB-D9AF-4782-9025-509E298DEC0A}":
+ return <>{fieldValue};
+ break;
+ case "{3EF39988-22BB-4f0b-BBBE-64B5A3748AEE}":
+ return <>{fieldValue};
+ break;
+ case "{67FAC785-CD58-4f9f-ABB3-4B7DDC6ED5ED}":
+ return <>{fieldValue};
+ break;
+ case "{ 4273EDBD-AC1D-40d3-9FB2-095C621B552D}":
+ return <>{fieldValue};
+ break;
+ case "{5B773807-9FB2-42db-97C3-7A91EFF8ADFF}":
+ return (
+ <>
+ hello
+
+ );
+ break;
+ case "{E0DECE4B-6FC8-4a8f-A065-082708572369}":
+ return <>{fieldValue};
+ break;
+ case "{C6D124CA-7EDA-4a60-AEA9-7FB8D318B68F}":
+ return <>{fieldValue};
+ break;
+ case "{C3EFE0C3-0EC6-42be-8349-CBD9079DFD8E}":
+ return <>{fieldValue};
+ break;
+ default:
+ return <>{fieldValue};
+ }
+ };
+
+ return <>{whichFieldType(props.fieldType)};
+}
diff --git a/components/newappeal/buildcheckrow.js b/components/newappeal/buildcheckrow.js
new file mode 100644
index 00000000..145abfc8
--- /dev/null
+++ b/components/newappeal/buildcheckrow.js
@@ -0,0 +1,95 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import xpath from "xpath";
+import BuildCheckField from "./buildCheckfield";
+import { useSelector, shallowEqual, connect } from "react-redux";
+import {
+ setCaseReference,
+ setCurrentSection,
+ setFormComplete,
+} from "../../store/appealType/action";
+
+let BuildCheckRow = (props) => {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ const {
+ formXML,
+ whichSection,
+ sectionCount,
+ onSubmit,
+ updateCurrentSection,
+ } = props;
+
+ const parser = new DOMParser();
+ var doc = parser.parseFromString(props.formXML, "text/xml");
+
+ var rowXML = xpath.select(
+ "/form/tabs/tab[" +
+ whichSection +
+ "]/columns//sections/section/rows/row",
+ doc
+ );
+
+ return (
+ <>
+ {Object.keys(rowXML).map((key, index) => {
+ var doc = parser.parseFromString(
+ rowXML[key].outerHTML,
+ "text/xml"
+ );
+ var rows = xpath.select("//label/@description", doc);
+ var fieldtype = xpath.select("//@classid", doc);
+ var datafieldname = xpath.select("//@datafieldname", doc);
+
+ return (
+
+ );
+ })}
+
+ );
+};
+
+const mapDispatchToProps = (dispatch) => {
+ return {
+ updateCurrentSection: (whichSection) => {
+ dispatch(setCurrentSection(whichSection));
+ dispatch(setFormComplete("true"));
+ },
+ };
+};
+
+const mapStateToProps = (state) => ({
+ count: state.count,
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(BuildCheckRow);
diff --git a/components/newappeal/buildchecksection.js b/components/newappeal/buildchecksection.js
new file mode 100644
index 00000000..ca02941a
--- /dev/null
+++ b/components/newappeal/buildchecksection.js
@@ -0,0 +1,125 @@
+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 BuildCheckRow from "./buildcheckrow";
+import { reduxForm, formValueSelector } from "redux-form";
+import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
+import {
+ setCurrentSection,
+ setFormComplete,
+} from "../../store/appealType/action";
+
+let BuildCheckSection = (props) => {
+ useEffect(() => {
+ setFormComplete();
+ }, []);
+
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ const {
+ formXML,
+ sectionCount,
+ onSubmit,
+ handleSubmit,
+ formTitle,
+ setCurrentSection,
+ } = props;
+
+ const parser = new DOMParser();
+ var doc = parser.parseFromString(props.formXML, "text/xml");
+ var titles = xpath.select(
+ "//form/tabs/tab[*]/labels/label/@description",
+ doc
+ );
+ var rowXML = xpath.select(
+ "/form/tabs/tab[*]/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 basicSearch = (event) => {
+ event.preventDefault();
+ console.log(query);
+ // /searchresults
+ };
+
+ return (
+
+
+
+
+ Are these answers correct?
+
+ {Object.keys(titles).map((key) => (
+ <>
+
+ {titles[key].value}
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
{whichFieldType(props.fieldType)}
+ );
+}
diff --git a/components/newappeal/buildrow.js b/components/newappeal/buildrow.js
new file mode 100644
index 00000000..f5211c4e
--- /dev/null
+++ b/components/newappeal/buildrow.js
@@ -0,0 +1,39 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import xpath from "xpath";
+import BuildField from "./buildfield";
+
+export default function BuildRow(props) {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ const { rowXML, whichSection, sectionCount, onSubmit } = props;
+
+ const parser = new DOMParser();
+
+ return (
+
+ {Object.keys(rowXML).map((key, index) => {
+ var doc = parser.parseFromString(
+ rowXML[key].outerHTML,
+ "text/xml"
+ );
+ var rows = xpath.select("//label/@description", doc);
+ var fieldtype = xpath.select("//@classid", doc);
+ var datafieldname = xpath.select("//@datafieldname", doc);
+ return (
+
+ );
+}
diff --git a/components/newappeal/buildsection.js b/components/newappeal/buildsection.js
new file mode 100644
index 00000000..0002d5dd
--- /dev/null
+++ b/components/newappeal/buildsection.js
@@ -0,0 +1,278 @@
+import Link from "next/link";
+import _, { has } from "lodash";
+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, getFormSubmitErrors } from "redux-form";
+import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
+import {
+ setCaseReference,
+ setCurrentSection,
+} from "../../store/appealType/action";
+import { query } from "jsonpath";
+
+let BuildSection = (props) => {
+ // useEffect(() => {
+ // window.scrollTo(0, 0);
+ // });
+
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ const {
+ formXML,
+ sectionCount,
+ onSubmit,
+ handleSubmit,
+ formTitle,
+ setCurrentSection,
+ refno,
+ gotoSection,
+ } = 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);
+ };
+
+ const [hasErrors, setHasErrors] = useState("");
+
+ const getErrors = () => {
+ let errorsobj = props.props.form["appealForm"];
+ setHasErrors(errorsobj.hasOwnProperty("syncErrors"));
+ window.scrollTo(0, 0);
+ };
+
+ let errorsobj = {};
+ const ShowErrorHeader = (props) => {
+ errorsobj = props.props.appealForm.syncErrors;
+ errorsobj = _.keys(errorsobj);
+
+ const getErrorLabel = (whichField) => {
+ var doc = parser.parseFromString(props.formXML, "text/xml");
+ var errorFieldLabel = xpath.select(
+ "//*[control/@id='" + whichField + "']//@description",
+ doc
+ );
+
+ return errorFieldLabel[0].value;
+ };
+
+ const ShowErrors = () => {
+ let errorList = [];
+ for (let i = 0; i < errorsobj.length; ++i) {
+ //get label from error key - search rowxml for id = errorobj
+
+ errorList.push(
+
+
+ {" "}
+ {getErrorLabel(errorsobj[i])}
+
+
+ );
+ }
+
+ return errorList;
+ };
+
+ return !_.isEmpty(errorsobj) ? (
+
+
+ The following fields have a problem :
+
+
+
+
+
+ {titles[0].value}{" "}
+
+
+
+
+
+
+ Progress:
+
+
+
+
+
+
+
+
+
+
Appeal complete
+
+ Your reference number
+ {props.appealType.caseReference}
+
+
+
+
+ We have sent you a confirmation email.
+
+
+
What happens next
+
+
+ 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.
+
+
+ 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.
+
+
+
+ Back to My Portal
+
+
+
+
+
+ What did you think of this service?
+
+ (takes 30 seconds)
+
+
+
+ {" "}
+
+ {label}
+
+ {touched && error && (
+
+
+ Error:
+ {" "}
+ {errorMsg}
+
+ )}
+
+ props.onChangeSelectLPA(e)}
+ >
+
+ Select...
+
+ {_.isEmpty(optionsObj)
+ ? ""
+ : Object.keys(optionsObj).map((key, index) => {
+ return (
+
+ {optionsObj[key]}
+
+ );
+ })}
+
+
+
+
+ {label}
+
+ {touched && error && (
+
+
+ Error:
+ {" "}
+ {errorMsg}
+
+ )}
+
+ props.onChangeSelectAppealType(e)}
+ >
+
+ Select...
+
+ {_.isEmpty(optionsObj)
+ ? ""
+ : Object.keys(optionsObj).map((key, index) => {
+ return (
+
+ {
+ optionsObj[key].Label
+ .LocalizedLabels[0].Label
+ }
+
+ );
+ })}
+
+
+
+
+ );
+}
diff --git a/components/search/advancedsearch.js b/components/search/advancedsearch.js
new file mode 100644
index 00000000..13fc9b43
--- /dev/null
+++ b/components/search/advancedsearch.js
@@ -0,0 +1,922 @@
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function AdvancedSearch(props) {
+ let { t } = useTranslation();
+
+ const [query, setQuery] = useState("");
+ const handleParam = (setValue) => (e) => setValue(e.target.value);
+
+ const advancedSearch = (event) => {
+ event.preventDefault();
+ console.log(query);
+ // /searchresults
+
+ router.push({
+ pathname: "/searchresults",
+ query: { q: query },
+ });
+ };
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/search/searchforcase.js b/components/search/searchforcase.js
new file mode 100644
index 00000000..1974b78f
--- /dev/null
+++ b/components/search/searchforcase.js
@@ -0,0 +1,158 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function SearchForCase() {
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+ return (
+
+ );
+}
diff --git a/components/search/searchresults.js b/components/search/searchresults.js
new file mode 100644
index 00000000..7dcfd6c8
--- /dev/null
+++ b/components/search/searchresults.js
@@ -0,0 +1,154 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+
+export default function SearchResults(props) {
+ const { searchString, searchResultsObj } = props;
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ var resultsArr = props.searchResultsObj.searchResultsObj.value || [{}];
+ const resultRow = Object.keys(resultsArr).map((key, index) => {
+
+
+
+
+ wwwwwwwCase Reference:
+
+ {resultsArr[key].title}
+
+
+
+
+ Site Address:
+ 23 Martineau Lane
+
+
+
+ Appellant/Applicant:
+
+ Mr J Pocknell
+
+
+ Authority:
+ Hastings Borough Council{" "}
+
+
+ Case Type:
+ Planning (W){" "}
+
+
+ Status:
+ In Progress
+
+
+
+
+ {t("search:searchresults-title-label")}
+
+
+ {t("search:searchresults-count-label", {
+ count: props.searchResultsObj.searchResultsObj[
+ "@odata.count"
+ ].toString(),
+ })}
+ . You searched for "{searchString}"
+
+
+
+
+ {t("search:searchresults-case-reference-label")}
+
+
+ {t("search:searchresults-site-address-label")}
+
+
+ {t("search:searchresults-applicant-label")}
+
+
+ {t("search:searchresults-authority-label")}
+
+
+ {t("search:searchresults-case-type-label")}
+
+
+ {t("search:searchresults-status-label")}
+
+
+
+ {resultsArr.map((item, key) => {
+ return (
+
+
+
+
+ Case Reference:
+
+ {item.title}
+
+
+
+
+
+ Site Address:{" "}
+
+ 23 Martineau Lane
+
+
+
+ Appellant/Applicant:
+
+ Mr J Pocknell
+
+
+
+ Authority:
+
+ {
+ item[
+ "_customerid_value@OData.Community.Display.V1.FormattedValue"
+ ]
+ }
+
+
+
+ Case Type:
+
+ {
+ item[
+ "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
+ ]
+ }
+
+
+
+ Status:
+
+ {
+ item[
+ "statuscode@OData.Community.Display.V1.FormattedValue"
+ ]
+ }
+
+
+
+
+
+
+
+ Case Reference:
+
+ {resultsArr[key].title}
+
+
+
+
+ Site Address:
+ 23 Martineau Lane
+
+
+
+ Appellant/Applicant:
+
+ Mr J Pocknell
+
+
+ Authority:
+ Hastings Borough Council{" "}
+
+
+ Case Type:
+ Planning (W){" "}
+
+
+ Status:
+ In Progress
+
+
+
+
+ Your cases
+
+
+
+
+
+ {t("search:searchresults-case-reference-label")}
+
+
+ {t("search:searchresults-site-address-label")}
+
+
+ {t("search:searchresults-applicant-label")}
+
+
+ {t("search:searchresults-authority-label")}
+
+
+ {t("search:searchresults-case-type-label")}
+
+
+ {t("search:searchresults-status-label")}
+
+
+
+ {resultsArr.map((item, key) => {
+ return (
+
+
+
+
+ Case Reference:
+
+ {item.title}
+
+
+
+
+
+ Site Address:{" "}
+
+ 23 Martineau Lane
+
+
+
+ Appellant/Applicant:
+
+ Mr J Pocknell
+
+
+
+ Authority:
+
+ {
+ item[
+ "_customerid_value@OData.Community.Display.V1.FormattedValue"
+ ]
+ }
+
+
+
+ Case Type:
+
+ {
+ item[
+ "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
+ ]
+ }
+
+
+
+ Status:
+
+ {
+ item[
+ "statuscode@OData.Community.Display.V1.FormattedValue"
+ ]
+ }
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/skiplink.js b/components/skiplink.js
new file mode 100644
index 00000000..6f3ca15b
--- /dev/null
+++ b/components/skiplink.js
@@ -0,0 +1,11 @@
+export default function SkipLink(props) {
+ return (
+
+ );
+}
diff --git a/components/viewall.js b/components/viewall.js
new file mode 100644
index 00000000..1452b9c7
--- /dev/null
+++ b/components/viewall.js
@@ -0,0 +1,40 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+import SearchForCase from "./search/searchforcase";
+import ViewAllResults from "./search/viewall";
+
+export default function ViewAll(props) {
+ const { searchString, searchResultsObj } = props;
+ let { t } = useTranslation();
+
+ const router = useRouter();
+ const { locale } = router;
+
+ return (
+
+
+
+
+ );
+}
diff --git a/i18n.json b/i18n.json
new file mode 100644
index 00000000..757c62e0
--- /dev/null
+++ b/i18n.json
@@ -0,0 +1,39 @@
+{
+ "locales": [
+ "en",
+ "cy"
+ ],
+ "defaultLocale": "en",
+ "pages": {
+ "*": [
+ "common"
+ ],
+ "/": [
+ "home"
+ ],
+ "/myportal": [
+ "myportal"
+ ],
+ "/advancedsearch": [
+ "search"
+ ],
+ "/searchresults": [
+ "search"
+ ],
+ "/viewall": [
+ "search"
+ ],
+ "/case": [
+ "case"
+ ],
+ "/newappeal": [
+ "newappeal"
+ ],
+ "/newappeal/selectappeal": [
+ "newappeal"
+ ],
+ "/newappeal/*": [
+ "newappeal"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/locales/cy/case.json b/locales/cy/case.json
new file mode 100644
index 00000000..3797ca04
--- /dev/null
+++ b/locales/cy/case.json
@@ -0,0 +1,33 @@
+{
+ "case-card-title": "Reference: APP/B1415/W/20/3271702",
+ "summary-applicant-label": "Apelydd/Ymgeisydd",
+ "summary-agent-label": "Asiant",
+ "summary-site-address-label": "Cyfeiriad y Safle",
+ "summary-make-representation-label": "Cyflwyno cynrychiolaeth",
+ "summary-back-button-label": "Ewch yn ôl",
+ "summary-case-details-label": "Manylion yr Achos",
+ "summary-case-type-label": "Math o Achos",
+ "summary-lpa-label": "Awdurdod Cynllunio Lleol",
+ "summary-case-summary-label": "Crynodeb o'r Achos",
+ "summary-case-officer-label": "Swyddog Achos",
+ "summary-procedure-label": "Gweithdrefn",
+ "summary-status-label": "Statws",
+ "summary-decision-label": "Penderfyniad a chanlyniad",
+ "summary-case-link-status-label": "Statws cysylltiad yr Achos",
+ "summary-linked-cases-label": "Achosion cysylltiedig",
+ "summary-dates-label": "Dyddiadau",
+ "summary-start-date-label": "Dyddiad Dechrau",
+ "summary-questionnaire-due-date-label": "Holiadur i ddod",
+ "summary-statement-due-date-label": "Datganiad (au) i ddod",
+ "summary-interested-party-date-label": "Sylwadau Parti â Buddiant i ddod",
+ "summary-applicant-final-comments-date-label": "Sylwadau Terfynol yr Apelydd/ACLl i ddod",
+ "summary-inquiry-evidence-date-label": "Tystiolaeth yr Ymchwiliad i ddod",
+ "summary-event-date-label": "Dyddiad y Digwyddiad",
+ "summary-decision-date-label": "Dyddiad y Penderfyniad",
+ "summary-documents-button-label": "Dogfennau",
+ "documents-document-count-label": "Dogfennau",
+ "documents-name-label": "Math y Ddogfen",
+ "documents-doc-type-label": "Math y Ddogfen",
+ "documents-date-published-label": "Dyddiad cyhoeddi",
+ "documents-size-label": "Maint y ffeil (kb)"
+}
\ No newline at end of file
diff --git a/locales/cy/common.json b/locales/cy/common.json
new file mode 100644
index 00000000..34319560
--- /dev/null
+++ b/locales/cy/common.json
@@ -0,0 +1,15 @@
+{
+ "service-name": "Cynllunio gwaith achos",
+ "breadcrumb-back-link": "Yn ôl",
+ "error-radio": "Dewiswch opsiwn",
+ "error-checkbox": "Enter a value",
+ "error-textbox": "Choose an option",
+ "available-in": "English",
+ "continue-button": "Parhewch",
+ "submit-and-start": "Cyflwyno a dechrau'r cwrs",
+ "footer-terms-conditions-link": "Telerau ac amodau",
+ "footer-privacy-link": "Rhybudd Preifatrwydd",
+ "footer-cookies-link": "Chwcis",
+ "footer-accessibility-link": "Hygyrchedd",
+ "footer-feedback-link": "Adborth"
+}
\ No newline at end of file
diff --git a/locales/cy/home.json b/locales/cy/home.json
new file mode 100644
index 00000000..90d207e4
--- /dev/null
+++ b/locales/cy/home.json
@@ -0,0 +1,21 @@
+{
+ "login-card-title": "Mewngofnodi neu cofrestru",
+ "login-card-id-label": "Dynodydd Defnyddiwr (ID) Porth y Llywodraeth",
+ "login-card-id-hint": "Gallai hyn fod hyd at 12 o gymeriadau.",
+ "login-card-password-label": "Cyfrinair",
+ "login-card-button": "Mewngofnodi",
+ "login-card-register-label": "Cwsmer newydd wyf a hoffwn",
+ "login-card-register-link": "Gofrestru",
+ "login-card-forgotten-label": "Wedi anghofio eich cyfrinair neu'ch enw defnyddiwr?",
+ "login-card-forgotten-link": "Cliciwch yma",
+ "casesearch-card-title": "Chwilio am achos",
+ "casesearch-card-search-hint": "Chwiliwch drwy roi cyfeirnod 7 digid yr achos",
+ "casesearch-card-search-example-label": "Enghraifft",
+ "casesearch-card-button": "Cyflwyno Chwiliad",
+ "casesearch-card-advanced-link": "Fel arall, gallwch chwilio gan ddefnyddio ein meini prawf eraill gyda'n chwiliad uwch",
+ "casescomment-card-title": "Gwneud sylw ar achos",
+ "casescomment-card-paragraph-one": "Chwiliwch am eich achos a chliciwch y botwm 'Gwneud Sylw'. Y ffordd orau o roi sylwadau ar achos cyfredol yw trwy gofrestru gyda ni'n gyntaf gan fod hynny'n gwneud olrhain achosion a chyflwyno sylwadau yn haws.",
+ "casescomment-card-paragraph-two": "Yn achos apeliadau deiliaid tai ac apeliadau masnachol, nid yw partïon â buddiant yn gallu gwneud sylwadau yn y cam apelio. Caiff unrhyw sylwadau a wneir yn y cam ymgeisio eu darparu gan yr awdurdod cynllunio lleol ac fe'u hystyrir gan yr Arolygydd.",
+ "inspectorate-card-visit-label" : "Ymweld Yr Arolygiaeth Gynllunio",
+ "inspectorate-card-visit-link": "Hafan"
+}
\ No newline at end of file
diff --git a/locales/cy/myportal.json b/locales/cy/myportal.json
new file mode 100644
index 00000000..d826927d
--- /dev/null
+++ b/locales/cy/myportal.json
@@ -0,0 +1,18 @@
+{
+ "viewall-link": "Gweld y cyfan",
+ "page-title": "Fy mhorth",
+ "makenewappeal-card-title": "Gwneud apêl newydd",
+ "makenewappeal-card-paragraph-one": "Cyn cyflwyno apêl newydd, sicrhewch eich bod wedi darllen yr holl ganllawiau sy'n",
+ "makenewappeal-card-link": "berthnasol i'r math o apêl sydd gennych.",
+ "makenewappeal-card-paragraph-two": "Wedi i chi glicio'r botwm 'gwneud apêl newydd' isod, cewch eich arwain drwy broses i'ch helpu i ddewis y math cywir o apêl.",
+ "makenewappeal-card-button-label": "Gwneud apêl newydd",
+ "mycases-card-title": "Fy achosion",
+ "searchcases-card-title": "Chwilio am achos/cyflwyno cynrychiolaeth",
+ "searchcases-card-search-hint": "Chwiliwch drwy roi cyfeirnod 7 digid yr achos yn y blwch isod:",
+ "searchcases-card-search-example-label": "Enghraifft",
+ "searchcases-card-button": "Cyflwyno Chwiliad",
+ "searchcases-card-advanced-link": "Fel arall, gallwch chwilio gan ddefnyddio ein meini prawf eraill gyda'n chwiliad uwch",
+ "awatitingsubmission-card-title": "Eto i’w gyflwyno",
+ "myrepresentations-card-title": "Cyflwyniadau'r achos",
+ "watchedcases-card-title": "Achosion a gwylio"
+}
\ No newline at end of file
diff --git a/locales/cy/newappeal.json b/locales/cy/newappeal.json
new file mode 100644
index 00000000..054e5030
--- /dev/null
+++ b/locales/cy/newappeal.json
@@ -0,0 +1,5 @@
+{
+ "viewall-link": "View all",
+ "parent-page-title": "My portal",
+ "page-title": "New appeal"
+}
\ No newline at end of file
diff --git a/locales/cy/search.json b/locales/cy/search.json
new file mode 100644
index 00000000..8c06a24a
--- /dev/null
+++ b/locales/cy/search.json
@@ -0,0 +1,59 @@
+{
+ "page-title": "Crynodeb o’r Achos ar gyfer",
+ "search-title-label": "Crynodeb o’r Achos ar gyfer",
+ "casereference-label": "Cyfeirnod yr Achos (7 digid olaf)",
+ "sitelocation-legend": "Lleoliad y Safle",
+ "address-line-one-label": "Llinell gyntaf y cyfeiriad",
+ "town-label": "Tref/Dinas (agosaf)",
+ "county-label": "Sir",
+ "postcode-label": "Cod Post",
+ "lpa-label": "Awdurdod Cynllunio Lleol",
+ "lpa-reference-label": "Cyfeirnod yr Awdurdod Cynllunio Lleol",
+ "case-type-label": "Math o Achos",
+ "case-type-option-1": "--Dewiswch--",
+ "case-type-option-2": "Unrhyw fath/Pob math",
+ "case-type-option-3": "Apeliadau Hysbysebu",
+ "case-type-option-4": "Ceisiadau Cynllunio a Alwyd i Mewn",
+ "case-type-option-5": "Apeliadau Gorchymyn i ben",
+ "case-type-option-6": "Apeliadau gorfodi parthed adeilad rhestredig ac ardal gadwraeth",
+ "case-type-option-7": "Apeliadau Gorfodi",
+ "case-type-option-8": "Apeliadau perchennog tŷ",
+ "case-type-option-9": "Apeliadau Tystysgrid Datblygiad Cyfreithlon",
+ "case-type-option-10": "Apeliadau Cynllunio",
+ "case-type-option-11": "Apeliadau Rhwymedigaethau Cynllunio",
+ "case-type-option-12": "Apeliadau cynllunio adeiladau rhestredig ac ardal gadwraeth",
+ "advanced-search-title-label": "Chwiliad manwl",
+ "applicant-label": "Apelydd/Ymgeisydd",
+ "other-party-label": "Parti Arall",
+ "hearing-date-label": "Dyddiad y Gwrandawaid/Ymchwiliad",
+ "site-visit-date-label": "Dyddiad yr Ymweliad a’r Safle",
+ "callin-date-label": "Dyddiad galw i mewn",
+ "date-received": "Dyddiad Derbyn",
+ "start-date-label": "Dyddiad Dechrau",
+ "decision-date-label": "Dyddiad y Penderfyniad",
+ "procedure-type-label": "Math o weithdrefn",
+ "procedure-type-option-1": "--Dewiswch--",
+ "procedure-type-option-2": "Gwrandawiad",
+ "procedure-type-option-3": "Ymchwiliad",
+ "procedure-type-option-4": "Sylwadau ysgrifenedig",
+ "status-label": "Statws",
+ "status-option-1": "--Dewiswch--",
+ "status-option-2": "Unrhyw rai",
+ "status-option-3": "Yn mynd rhagddo",
+ "status-option-4": "Cyflawn",
+ "date-margin-label": "+/- 30 diwrnod",
+ "search-button-label": "Chwilio",
+ "clear-button-label": "Cliriwch",
+ "clear-all-button-label": "Clirio Pob Un",
+ "searchresults-title-label": "Crynodeb o’r Achos ar gyfer",
+ "searchresults-count-label": "Cafodd eich chwiliad {{count}} o ganlyniadau",
+ "searchresults-case-reference-label": "Cyfeirnod yr Achos",
+ "searchresults-site-address-label": "Cyfeiriad y Safle",
+ "searchresults-applicant-label": "Apelydd/Ymgeisydd",
+ "searchresults-authority-label": "ACLl",
+ "searchresults-case-type-label": "Math o Achos",
+ "searchresults-status-label": "Statws",
+ "searchresults-watch-label": "Gwylio",
+ "searchresults-search-button-label": "Mireinio'r chwiliad",
+ "searchresults-new-search-button-label": "Chwiliad newydd"
+}
\ No newline at end of file
diff --git a/locales/en/case.json b/locales/en/case.json
new file mode 100644
index 00000000..93cccc5e
--- /dev/null
+++ b/locales/en/case.json
@@ -0,0 +1,33 @@
+{
+ "case-card-title": "Reference: APP/B1415/W/20/3271702",
+ "summary-applicant-label": "Appellant/Applicant",
+ "summary-agent-label": "Agent",
+ "summary-site-address-label": "Site Address",
+ "summary-make-representation-label": "Make representation",
+ "summary-back-button-label": "Go back",
+ "summary-case-details-label": "Case Details",
+ "summary-case-type-label": "Case Type",
+ "summary-lpa-label": "Local Planning Authority",
+ "summary-case-summary-label": "Case Summary",
+ "summary-case-officer-label": "Case Officer",
+ "summary-procedure-label": "Procedure",
+ "summary-status-label": "Status",
+ "summary-decision-label": "Decision and Outcome",
+ "summary-case-link-status-label": "Case Link Status",
+ "summary-linked-cases-label": "Linked Cases",
+ "summary-dates-label": "Dates",
+ "summary-start-date-label": "Start Date",
+ "summary-questionnaire-due-date-label": "Questionnaire due",
+ "summary-statement-due-date-label": "Statement(s) due",
+ "summary-interested-party-date-label": "Interested Party Comments due",
+ "summary-applicant-final-comments-date-label": "Appellant/LPA Final Comments due",
+ "summary-inquiry-evidence-date-label": "Inquiry Evidence due",
+ "summary-event-date-label": "Event Date",
+ "summary-decision-date-label": "Decision Date",
+ "summary-documents-button-label": "Documents",
+ "documents-document-count-label": "Document(s)",
+ "documents-name-label": "Name",
+ "documents-doc-type-label": "Document type",
+ "documents-date-published-label": "Date published",
+ "documents-size-label": "Size (KB)"
+}
\ No newline at end of file
diff --git a/locales/en/common.json b/locales/en/common.json
new file mode 100644
index 00000000..96012069
--- /dev/null
+++ b/locales/en/common.json
@@ -0,0 +1,15 @@
+{
+ "service-name": "Planning casework",
+ "breadcrumb-back-link": "Back",
+ "error-radio": "Choose an option",
+ "error-checkbox": "Choose an option",
+ "error-textbox": "Choose an option",
+ "available-in": "Cymraeg",
+ "continue-button": "Continue",
+ "submit-and-start": "Submit and start course",
+ "footer-terms-conditions-link": "Terms and conditions",
+ "footer-privacy-link": "Privacy Notice",
+ "footer-cookies-link": "Cookies",
+ "footer-accessibility-link": "Accessibility",
+ "footer-feedback-link": "Feedback"
+}
\ No newline at end of file
diff --git a/locales/en/home.json b/locales/en/home.json
new file mode 100644
index 00000000..70f60604
--- /dev/null
+++ b/locales/en/home.json
@@ -0,0 +1,21 @@
+{
+ "login-card-title": "Log in or Register",
+ "login-card-id-label": "Government Gateway user ID",
+ "login-card-id-hint": "This could be up to 12 characters.",
+ "login-card-password-label": "Password",
+ "login-card-button": "Sign in",
+ "login-card-register-label": "I am a new user and would like to",
+ "login-card-register-link": "Register",
+ "login-card-forgotten-label": "Forgotten your password or username?",
+ "login-card-forgotten-link": "Click here",
+ "casesearch-card-title": "Search for a case",
+ "casesearch-card-search-hint": "Search by entering the 7 digit case reference number:",
+ "casesearch-card-search-example-label": "Example",
+ "casesearch-card-button": "Submit Search",
+ "casesearch-card-advanced-link": "Advanced Search",
+ "casescomment-card-title": "Comment on a case",
+ "casescomment-card-paragraph-one": "Simply search for your case and click on the 'Make Representation' button. The best way to comment on an existing case is to register with us first as that makes it easier to track cases and submit comments.",
+ "casescomment-card-paragraph-two": "For Householder and Commercial appeals, interested parties are unable to make representations at appeal stage. Any representations made at application stage will be provided by the local planning authority and considered by the Inspector.",
+ "inspectorate-card-visit-label" : "Visit the Planning Inspectorate",
+ "inspectorate-card-visit-link": "Home"
+}
\ No newline at end of file
diff --git a/locales/en/myportal.json b/locales/en/myportal.json
new file mode 100644
index 00000000..1da93f50
--- /dev/null
+++ b/locales/en/myportal.json
@@ -0,0 +1,18 @@
+{
+ "viewall-link": "View all",
+ "page-title": "My Portal",
+ "makenewappeal-card-title": "Make a new appeal",
+ "makenewappeal-card-paragraph-one": "Before submitting a new appeal, please ensure you have read all of the guidance",
+ "makenewappeal-card-link": "relevant to your appeal type.",
+ "makenewappeal-card-paragraph-two": "Once you click the 'make a new appeal' button below you will be guided through a process to help you select the correct appeal type",
+ "makenewappeal-card-button-label": "Make a new appeal",
+ "mycases-card-title": "My cases",
+ "searchcases-card-title": "Search for a case/submit representation",
+ "searchcases-card-search-hint": "Search by entering the 7 digit case reference number:",
+ "searchcases-card-search-example-label": "Example",
+ "searchcases-card-button": "Submit Search",
+ "searchcases-card-advanced-link": "Advanced Search",
+ "awatitingsubmission-card-title": "Awaiting submission",
+ "myrepresentations-card-title": "My representations",
+ "watchedcases-card-title": "Watched cases"
+}
\ No newline at end of file
diff --git a/locales/en/newappeal.json b/locales/en/newappeal.json
new file mode 100644
index 00000000..054e5030
--- /dev/null
+++ b/locales/en/newappeal.json
@@ -0,0 +1,5 @@
+{
+ "viewall-link": "View all",
+ "parent-page-title": "My portal",
+ "page-title": "New appeal"
+}
\ No newline at end of file
diff --git a/locales/en/search.json b/locales/en/search.json
new file mode 100644
index 00000000..f01021e7
--- /dev/null
+++ b/locales/en/search.json
@@ -0,0 +1,59 @@
+{
+ "page-title": "Search for a case",
+ "search-title-label": "Search for a case",
+ "casereference-label": "Case reference (last 7 digits)",
+ "sitelocation-legend": "Site location",
+ "address-line-one-label": "First line of address",
+ "town-label": "Town/City (nearest)",
+ "county-label": "County",
+ "postcode-label": "Postcode",
+ "lpa-label": "Local Planning Authority",
+ "lpa-reference-label": "LPA reference number",
+ "case-type-label": "Case type",
+ "case-type-option-1": "-- Select --",
+ "case-type-option-2": "Any/All",
+ "case-type-option-3": "Advertisement Appeals",
+ "case-type-option-4": "Called in Planning Applications",
+ "case-type-option-5": "Discontinuance Notice Appeals",
+ "case-type-option-6": "Enforcement Listed Building and Conservation Area Appeals",
+ "case-type-option-7": "Enforcement Appeals",
+ "case-type-option-8": "Householder Appeals",
+ "case-type-option-9": "Lawful Development Certificate Appeals",
+ "case-type-option-10": "Planning Appeals",
+ "case-type-option-11": "Planning Obligation Appeals",
+ "case-type-option-12": "Planning Listed Building and Conservation Area Appeals",
+ "advanced-search-title-label": "Advanced search",
+ "applicant-label": "Appellant/Applicant",
+ "other-party-label": "Other Party",
+ "hearing-date-label": "Hearing/Enquiry date",
+ "site-visit-date-label": "Site visit date",
+ "callin-date-label": "Call-in date",
+ "date-received": "Date received",
+ "start-date-label": "Start date",
+ "decision-date-label": "Decision date",
+ "procedure-type-label": "Procedure type",
+ "procedure-type-option-1": "--Select--",
+ "procedure-type-option-2": "Hearing",
+ "procedure-type-option-3": "Inquiry",
+ "procedure-type-option-4": "Written representations",
+ "status-label": "Status",
+ "status-option-1": "--Select--",
+ "status-option-2": "Any",
+ "status-option-3": "In Progress",
+ "status-option-4": "Complete",
+ "date-margin-label": "+/- 30 days",
+ "search-button-label": "Search",
+ "clear-button-label": "Clear",
+ "clear-all-button-label": "Clear all",
+ "searchresults-title-label": "Search for a case",
+ "searchresults-count-label": "Your search returned {{count}} results",
+ "searchresults-case-reference-label": "Case reference",
+ "searchresults-site-address-label": "Site address",
+ "searchresults-applicant-label": "Appellant/Applicant",
+ "searchresults-authority-label": "Authority",
+ "searchresults-case-type-label": "Case type",
+ "searchresults-status-label": "Status",
+ "searchresults-watch-label": "Watch",
+ "searchresults-search-button-label": "Refine Search",
+ "searchresults-new-search-button-label": "New Search"
+}
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 00000000..c627d891
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,49 @@
+// next.config.js
+const withStyles = require("@webdeb/next-styles");
+//const { nextI18NextRewrites } = require("next-i18next/rewrites");
+const nextTranslate = require("next-translate");
+
+//acp
+// module.exports = {
+// poweredByHeader: false,
+// env: {
+// API_ROOT: "http://pel-beta-backend",
+// GRANT_TYPE: "password",
+// USERNAME: "api",
+// PASSWORD: "tJRq4o2ZBQ",
+// CLIENT_ID: "2d3df41b-9b59-4bbd-85a7-9314125c1689",
+// CLIENT_SECRET: "85H8qdrEvKEzbW5",
+// },
+// ...nextTranslate(),
+// };
+
+module.exports = withStyles({
+ sass: true, // use .scss files
+ modules: true, // style.(m|module).css & style.(m|module).scss for module files
+ sassLoaderOptions: {
+ sassOptions: {
+ includePaths: [
+ "/styles/sass",
+ "node_modules/govuk-frontend/govuk/all",
+ "/styles/sass/patterns",
+ "/styles/sass/prevent-training",
+ ], // @import 'variables'; # loads (src/styles/varialbes.scss), you got it..
+ },
+ },
+});
+module.exports = {
+ generateBuildId: async () => {
+ // You can, for example, get the latest git commit hash here
+ return "pinswg-build-id";
+ },
+ poweredByHeader: false,
+ env: {
+ // GRANT_TYPE : 'password',
+ // USERNAME : 'api',
+ // API_ROOT : "https://api.dev.prevent.internal.rehab",
+ // PASSWORD : 'B69eQwv7rzPBNcA',
+ // CLIENT_ID : 'fa1f0ef2-f10f-462e-98a5-843359db6066',
+ // CLIENT_SECRET : 'B69eQwv7rzPBNcA',
+ },
+ ...nextTranslate(),
+};
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..14186c7e
--- /dev/null
+++ b/package.json
@@ -0,0 +1,55 @@
+{
+ "name": "acp",
+ "version": "0.1.0",
+ "private": true,
+ "scripts": {
+ "dev": "next dev",
+ "dev:app": "node ./server/server.js && yarn lint:js",
+ "build": "NODE_ENV=production node_modules/next/dist/bin/next build --debug",
+ "start": "node_modules/next/dist/bin/next start"
+ },
+ "dependencies": {
+ "@webdeb/next-styles": "^1.1.1",
+ "applicationinsights": "^2.1.3",
+ "axios": "^0.21.1",
+ "compression": "^1.7.4",
+ "cookies": "^0.8.0",
+ "dom": "^0.0.3",
+ "dynamics-web-api": "^1.7.4",
+ "express": "^4.17.1",
+ "govuk-frontend": "^3.13.0",
+ "https": "^1.0.0",
+ "jsonpath": "^1.1.1",
+ "jsonpath-plus": "^5.1.0",
+ "lodash": "^4.17.21",
+ "moment": "^2.29.1",
+ "next": "^11.0.1",
+ "next-i18next": "^8.5.1",
+ "next-redux-wrapper": "^7.0.2",
+ "next-translate": "^1.0.7",
+ "pm2": "^5.1.0",
+ "react": "17.0.2",
+ "react-cookie-consent": "^6.2.4",
+ "react-datepicker": "^4.1.1",
+ "react-dom": "17.0.2",
+ "react-redux": "^7.2.4",
+ "react-xml-parser": "^1.1.8",
+ "redux-devtools-extension": "^2.13.9",
+ "redux-form": "^8.3.7",
+ "redux-persist": "^6.0.0",
+ "redux-thunk": "^2.3.0",
+ "sass": "^1.35.1",
+ "sass-loader": "^12.1.0",
+ "swr": "^0.5.6",
+ "webpack": "^5.40.0",
+ "xml2js": "^0.4.23",
+ "xmldom": "^0.6.0",
+ "xmlhttprequest": "^1.8.0",
+ "xpath": "^0.0.32"
+ },
+ "devDependencies": {
+ "eslint": "^7.29.0",
+ "eslint-config-next": "^11.0.1",
+ "prettier": "2.3.2"
+ }
+}
diff --git a/pages/_app.js b/pages/_app.js
new file mode 100644
index 00000000..84cf6788
--- /dev/null
+++ b/pages/_app.js
@@ -0,0 +1,24 @@
+//import "../styles/globals.css";
+import "../styles/sass/styles.scss";
+import Loading from "../components/loading";
+import { wrapper } from "../store/store";
+import { useStore, Provider } from "react-redux";
+import { persistStore } from "redux-persist";
+import { PersistGate } from "redux-persist/integration/react";
+
+const MyApp = ({ Component, pageProps }) => {
+ const store = useStore((state) => state);
+ const persistor = persistStore(store, {}, function () {
+ persistor.persist();
+ });
+
+ return (
+
+
+ );
+};
+
+export default wrapper.withRedux(MyApp);
diff --git a/pages/_document.js b/pages/_document.js
new file mode 100644
index 00000000..237f4716
--- /dev/null
+++ b/pages/_document.js
@@ -0,0 +1,40 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+import SkipLink from "../components/skiplink";
+//import basicAuthMiddleware from "nextjs-basic-auth-middleware";
+
+class MyDocument extends Document {
+ // static async getInitialProps(ctx) {
+ // const initialProps = await Document.getInitialProps(ctx);
+ // if (ctx.req && ctx.res) {
+ // await basicAuthMiddleware(ctx.req, ctx.res, {
+ // users: [
+ // {
+ // name: "rehab",
+ // password: "preventTesting",
+ // },
+ // ],
+ // });
+ // }
+ // return { ...initialProps };
+ // }
+
+ render() {
+ return (
+
+
+