Merged PR 497: updated with GEL sport check

Related work items: #5876, #5877, #6296
This commit is contained in:
Robert Bond
2021-10-07 14:53:29 +00:00
106 changed files with 47309 additions and 437 deletions
+13 -9
View File
@@ -4,15 +4,19 @@ import useTranslation from "next-translate/useTranslation";
export default function Banner() {
let { t, lang } = useTranslation();
return (
<div className="govuk-phase-banner">
<p className="govuk-phase-banner__content">
<span className="govuk-tag govuk-phase-banner__content__tag">
beta
</span>
<span className="govuk-phase-banner__text">
{t("common:new-service-beta")}
</span>
</p>
<div className="govuk-header phase_banner">
<div className="govuk-header__container govuk-width-container">
<div className="govuk-phase-banner">
<p className="govuk-phase-banner__content">
<span className="govuk-tag govuk-phase-banner__content__tag">
beta
</span>
<span className="govuk-phase-banner__text">
{t("common:new-service-beta")}
</span>
</p>
</div>
</div>
</div>
);
}
+6 -6
View File
@@ -56,13 +56,13 @@ const Breadcrumbs = (props) => {
>
<div className="govuk-breadcrumbs ">
<ol className="govuk-breadcrumbs__list">
<li className="govuk-breadcrumbs__list-item">
{/* <li className="govuk-breadcrumbs__list-item">
<Link href={t("common:gov-wales-link")}>
<a className="govuk-breadcrumbs__link">
{t("common:gov-wales-label")}
</a>
</Link>
</li>
</li> */}
<li className="govuk-breadcrumbs__list-item">
<Link
href={
@@ -74,7 +74,7 @@ const Breadcrumbs = (props) => {
<a className="govuk-breadcrumbs__link">
{router.pathname.includes("/dns/")
? t("dnsCommon:service-name")
: t("common:service-name")}
: t("common:service-name-breadcrumb")}
</a>
</Link>
</li>
@@ -551,13 +551,13 @@ const Breadcrumbs = (props) => {
<li className="govuk-breadcrumbs__list-item">
<Link
href={
router.locale != "en"
? router.locale + "/newappeal"
router.locale == "cy"
? router.locale + "/apêlnewydd"
: "/newappeal"
}
>
<a className="govuk-breadcrumbs__link">
New Appeal
{t("common:breadcrumb-new-appeal")}
</a>
</Link>
</li>
+10 -10
View File
@@ -49,16 +49,16 @@ const DocumentDetails = (props) => {
return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__key govuk-!-font-size-16 govuk-!-padding-left-2">
{t("case:documents-name-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("case:documents-doc-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("case:documents-date-published-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("case:documents-size-label")}
</dd>
</div>
@@ -88,14 +88,14 @@ const DocumentDetails = (props) => {
className="govuk-summary-list__row"
key={key}
>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link
href={
"/" +
"/api/proxy/documents/download/" +
detailsObj.pinswg_isharedocumentreference
}
>
<a>
<a target="_blank">
<span className="results-visually-hidden">
{t(
"case:documents-name-label"
@@ -112,7 +112,7 @@ const DocumentDetails = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("case:documents-doc-type-label")}
:
@@ -134,7 +134,7 @@ const DocumentDetails = (props) => {
"case:summary-no-date-entered-label"
)}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"case:documents-date-published-label"
@@ -152,7 +152,7 @@ const DocumentDetails = (props) => {
)
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("case:documents-size-label")}:
</span>
+9 -7
View File
@@ -8,13 +8,13 @@ const CookieBanner = () => {
<CookieConsent
style={{
position: "inherit",
background: "#f3f2f1",
background: "#eeeeee",
display: "block",
}}
containerClasses="app-cookie-banner"
buttonClasses="govuk-button"
buttonClasses="cookies-banner__button"
buttonWrapperClasses="govuk-width-container consentBanner"
declineButtonClasses="govuk-button"
declineButtonClasses="cookies-banner__button"
buttonText={t("common:cookie-banner-accept")}
declineButtonText={t("common:cookie-banner-decline")}
disableStyles={true}
@@ -36,10 +36,10 @@ const CookieBanner = () => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds">
<div className="">
<p className="govuk-body">
<p className="cookies-banner__description">
{t("common:cookie-banner-line-1")}
</p>
<ul>
<ul className="cookies-banner__description">
<li>
{" "}
{t(
@@ -47,8 +47,10 @@ const CookieBanner = () => {
)}
</li>
</ul>
<p>{t("common:cookie-banner-line-2")}</p>
<ul>
<p className="cookies-banner__description">
{t("common:cookie-banner-line-2")}
</p>
<ul className="cookies-banner__description">
<li>
{t(
"common:cookie-banner-list-item-2"
+45 -45
View File
@@ -46,34 +46,34 @@ const ApplicationList = (props) => {
<div className="govuk-grid-column-full">
<dl className="govuk-summary-list govuk-!-margin-bottom-0 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-application"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-type"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-status"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -82,7 +82,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -95,7 +95,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -104,7 +104,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -113,7 +113,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -124,7 +124,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -133,7 +133,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -146,7 +146,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -155,7 +155,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -164,7 +164,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -175,7 +175,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -184,7 +184,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -197,7 +197,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -206,7 +206,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -215,7 +215,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -226,7 +226,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -235,7 +235,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -248,7 +248,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -257,7 +257,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -266,7 +266,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -277,7 +277,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -286,7 +286,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -299,7 +299,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -308,7 +308,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -317,7 +317,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -328,7 +328,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -337,7 +337,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -350,7 +350,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -359,7 +359,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -368,7 +368,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -379,7 +379,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -388,7 +388,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -401,7 +401,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -410,7 +410,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -419,7 +419,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
@@ -430,7 +430,7 @@ const ApplicationList = (props) => {
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
@@ -439,7 +439,7 @@ const ApplicationList = (props) => {
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
@@ -452,7 +452,7 @@ const ApplicationList = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
@@ -461,7 +461,7 @@ const ApplicationList = (props) => {
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
@@ -470,7 +470,7 @@ const ApplicationList = (props) => {
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
+57 -15
View File
@@ -1,11 +1,14 @@
import useSWR from "swr";
import { Field, reduxForm } from "redux-form";
import router from "next/router";
import { useRouter } from "next/router";
import DatePicker from "react-datepicker";
import React, { useState } from "react";
import "react-datepicker/dist/react-datepicker.css";
import moment from "moment";
import jsonpath from "jsonpath";
import fieldLookup from "../../data/crmfieldlookuptranslations.json";
import pickListLookup from "../../data/picklistLookups.json";
import useTranslation from "next-translate/useTranslation";
const RenderTextfield = ({
id,
@@ -29,7 +32,7 @@ const RenderTextfield = ({
}
>
<label className="govuk-label " htmlFor={id} id={id + "_label"}>
{label}
{FieldsTranslations(label)}
</label>
{touched && error && (
<span id={id + "-error"} className="govuk-error-message">
@@ -103,7 +106,7 @@ export function MultiLinefield(props) {
<div className="govuk-form-group">
<h1 className="govuk-label-wrapper">
<label className="govuk-label" htmlFor={props.name}>
{props.label}
{FieldsTranslations(props.label)}
</label>
</h1>
<div
@@ -156,7 +159,7 @@ const RenderDatePicker = ({
className="govuk-fieldset__heading"
id={id + "_label"}
>
{label}
{FieldsTranslations(label)}
</label>
</legend>
{touched && error && (
@@ -209,14 +212,14 @@ export function DateField(props) {
<fieldset
className="govuk-fieldset"
role="group"
aria-describedby="dob-hint"
aria-describedby={name + "-hint"}
>
<legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular">
<label className="govuk-fieldset__heading">
{props.label}
{FieldsTranslations(props.label)}
</label>
</legend>
<div className="govuk-date-input" id="dob">
<div className="govuk-date-input" id={name}>
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
@@ -309,7 +312,7 @@ const RenderYesNo = ({
className="govuk-fieldset__heading govuk-body-m"
id={id + "_label"}
>
{label}
{FieldsTranslations(label)}
</label>
</legend>
{touched && error && (
@@ -354,8 +357,10 @@ const RenderYesNo = ({
};
export function YesNofield(props) {
const router = useRouter();
const { name, label } = props;
const yesNo = ["Yes", "No"];
const yesNo = router.locale == "cy" ? ["Ydw", "Na"] : ["Yes", "No"];
const required = (value) => (value ? undefined : "Required");
return (
@@ -381,6 +386,8 @@ const RenderPickList = ({
input,
meta: { touched, errorStr },
}) => {
let { t } = useTranslation();
var dropdownObj = jsonpath.query(
picklistData,
"$..value[?(@.LogicalName=='" + datafieldname + "')]..Options"
@@ -389,11 +396,13 @@ const RenderPickList = ({
return (
<div>
<select {...input} className="govuk-select " id={name} name={name}>
<option>Select...</option>
<option>{t("newappeal:select-default")}</option>
{Object.keys(dropdownObj).map((key, index) => {
return (
<option key={key} value={dropdownObj[key].Value}>
{dropdownObj[key].Label.LocalizedLabels[0].Label}
{PickListTranslations(
dropdownObj[key].Label.LocalizedLabels[0].Label
)}
</option>
);
})}
@@ -410,7 +419,7 @@ export function PickList(props) {
return (
<div className="govuk-form-group">
<label className="govuk-label govuk-body-m" htmlFor={props.name}>
{props.label}
{FieldsTranslations(label)}
</label>
<Field
name={props.name}
@@ -428,7 +437,7 @@ export function NumericField(props) {
return (
<div className="govuk-form-group">
<label className="govuk-label" htmlFor={props.name}>
{props.label}
{FieldsTranslations(props.label)}
</label>
<Field
name={props.name}
@@ -452,7 +461,7 @@ export function DecimalField(props) {
return (
<div className="govuk-form-group">
<label className="govuk-label" htmlFor={props.name}>
{props.label}
{FieldsTranslations(props.label)}
</label>
<Field
name={props.name}
@@ -478,7 +487,7 @@ export function ReadOnlyfield(props) {
return (
<div className="govuk-form-group">
<label className="govuk-label " htmlFor={props.name}>
{props.label}
{FieldsTranslations(props.label)}
</label>
<input
type="text"
@@ -492,3 +501,36 @@ export function ReadOnlyfield(props) {
</div>
);
}
const FieldsTranslations = (label) => {
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
let formObj = jsonpath.query(fieldLookup, "$['" + appealtypes + "']");
let labelTrans =
router.locale == "cy"
? jsonpath.query(
formObj,
"$..[?(@.value=='" + label + "')].value_cy"
)
: label;
return labelTrans;
};
const PickListTranslations = (optionValue) => {
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
//console.log(optionValue);
let optionTrans =
router.locale == "cy"
? jsonpath.query(
pickListLookup,
'$..[?(@.value=="' + optionValue + '")].value_cy'
)
: optionValue;
//console.log(optionTrans, optionValue);
return optionTrans;
};
+79 -34
View File
@@ -27,6 +27,13 @@ export default function Footer(props) {
: setShowShareState(true);
};
console.log(router.asPath);
const shareBodyStr = t("common:gov-wales-link") + router.asPath;
const shareSubjectStr =
t("common:social-shared-from") +
" " +
t("common:gov-wales-label").toLowerCase();
return (
<>
<div className="sharebar" id="sharebar">
@@ -60,7 +67,10 @@ export default function Footer(props) {
>
<li>
<a
href="https://twitter.com/intent/tweet?url=https%3A//gov.wales/"
href={
"https://twitter.com/intent/tweet?url=" +
shareBodyStr
}
className="twitter"
>
<span className="vo_hidden">
@@ -73,7 +83,10 @@ export default function Footer(props) {
</li>
<li>
<a
href="https://www.facebook.com/sharer/sharer.php?u=https%3A//gov.wales/"
href={
"https://www.facebook.com/sharer/sharer.php?u=" +
shareBodyStr
}
className="facebook"
>
<span className="vo_hidden">
@@ -84,7 +97,12 @@ export default function Footer(props) {
</li>
<li>
<a
href="mailto:?body=https%3A//gov.wales/&amp;subject=Shared%20from%20gov.wales"
href={
"mailto:?body=" +
shareBodyStr +
"&subject=" +
shareSubjectStr
} //</li>https%3A//gov.wales/&amp;subject=Shared%20from%20gov.wales"
className="email"
>
<span className="vo_hidden">
@@ -123,42 +141,18 @@ export default function Footer(props) {
>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
id="aTermsConds"
href="https://gov.wales/contact-us"
className="govuk-footer__link"
id="aAccess"
target="_blank"
rel="noreferrer"
>
{t(
"common:footer-terms-conditions-link"
)}
Contact us
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://www.gov.uk/government/publications/planning-inspectorate-privacy-notices"
id="aPrivacy"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-privacy-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://www.gov.uk/guidance/appeals-casework-portal-privacy-cookies"
id="aCookies"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-cookies-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
href="https://gov.wales/copyright-statement"
className="govuk-footer__link"
id="aAccess"
target="_blank"
@@ -171,12 +165,63 @@ export default function Footer(props) {
</li>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/guidance/feedback"
id="feedback"
href="https://gov.wales/copyright-statement"
className="govuk-footer__link"
id="aAccess"
target="_blank"
rel="noreferrer"
>
{t("common:footer-feedback-link")}
{t("common:footer-copyright-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/help/cookies"
id="aCookies"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-cookies-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/website-privacy-policy"
id="aPrivacy"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-privacy-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/terms-and-conditions"
id="aTermsConds"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t(
"common:footer-terms-conditions-link"
)}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://gov.wales/alternative-languages"
id="aTermsConds"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t(
"common:footer-alternative-languages-link"
)}
</a>
</li>
</ul>
+27 -42
View File
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -15,8 +15,8 @@ export default function CaseComment() {
</h3>
<p className="govuk-body-s">
{t("home:casescomment-card-paragraph-one")}{" "}
<a href="mailto:Casework.PEDW@gov.wales">
Casework.PEDW@gov.wales
<a href={"mailto:" + t("home:login-contact-email")}>
{t("home:login-contact-email")}
</a>
</p>
<p className="govuk-body-s">
+7 -1
View File
@@ -125,7 +125,13 @@ let CaseSearch = (props) => {
{t("home:casesearch-card-button")}
</button>
</div>
<Link href="/advancedsearch">
<Link
href={
router.locale == "cy"
? "/chwiliouwch"
: "/advancedsearch"
}
>
<a>{t("home:casesearch-card-advanced-link")}</a>
</Link>
</div>
+7 -1
View File
@@ -60,7 +60,13 @@ export default function Login() {
>
{t("home:login-card-button")}
</button> */}
<Link href="/myportal">
<Link
href={
router.locale == "cy"
? "/fymhorth"
: "/myportal"
}
>
<a className="govuk-button">
{t("home:login-card-button")}
</a>
+2 -2
View File
@@ -17,8 +17,8 @@ export default function LoginSoon() {
<div className="govuk-form-group govuk-!-margin-top-4">
<p className="govuk-body-s">
{t("home:login-comingsoon-temp-1")}{" "}
<a href="mailto:Casework.PEDW@gov.wales">
Casework.PEDW@gov.wales
<a href={"mailto:" + t("home:login-contact-email")}>
{t("home:login-contact-email")}
</a>
</p>
<p className="govuk-body-s">
+2 -2
View File
@@ -28,8 +28,8 @@ export default function Home({ children, pages }) {
<CaseSearch />
<CaseComment />
<Dns />
{/* <Login /> */}
<Inspectorate />
{/*<Login />
<Inspectorate /> */}
</div>
</div>
</div>
+5 -1
View File
@@ -20,7 +20,11 @@ export default function MakeNewAppeal() {
{t("myportal:makenewappeal-card-paragraph-two")}
</p>
<div>
<Link href="/newappeal">
<Link
href={
router.locale == "cy" ? "/apelnewydd" : "/newappeal"
}
>
<a className="govuk-button">
{t("myportal:makenewappeal-card-button-label")}
</a>
+157 -75
View File
@@ -2,95 +2,177 @@ import Link from "next/link";
import { useState } from "react";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { connect } from "react-redux";
import { Field, reduxForm } from "redux-form";
import LoadingOverlay from "react-loading-overlay";
export default function SearchCases() {
const required = (errorMsg) => (value) =>
value || typeof value === "number" ? undefined : errorMsg;
export const minLength = (errorMsg) => (value) =>
value && value.length < 4
? errorMsg //`Must be ${min} characters or more`
: undefined;
const RenderTextfield = ({
id,
className,
rows,
datafieldname,
name,
label,
input,
hint1,
hint2,
meta: { touched, error },
...custom
}) => {
return (
<>
<div
className={
touched && error
? "govuk-form-group govuk-form-group--error"
: "govuk-form-group "
}
>
<div id="basicSearch-hint" className="govuk-hint ">
<span className="govuk-body-m">{hint1}</span>
<br />
<span className="govuk-body-s">
{hint2} CAS-00009-W8N6W4
</span>
</div>
<label className="govuk-label " htmlFor={id} id={id + "_label"}>
{label}
</label>
{touched && error && (
<span id={id + "-error"} className="govuk-error-message">
<span className="govuk-visually-hidden">Error:</span>{" "}
{error}
</span>
)}
<input {...input} className={className} name={name} id={id} />
</div>
</>
);
};
let CaseSearch = (props) => {
let { t } = useTranslation();
const { handleSubmit, pristine, reset, submitting } = props;
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();
const [showSpinnerState, setShowSpinnerState] = useState(false);
if (query == "" || query == null) {
setValidationError(true);
} else {
setValidationError(false);
console.log(query);
// /searchresults
let spinnerState = () => {
showSpinnerState == true
? setShowSpinnerState(false)
: setShowSpinnerState(true);
};
router.push({
pathname: "/myportal/searchresults",
query: { q: query },
});
}
const onHandleSubmit = (values) => {
spinnerState();
router.replace({
pathname:
router.locale == "cy"
? "/fymhorth/canlyniadauchwilio"
: "/myportal/searchresults",
query: { q: values.basicSearch },
shallow: true,
});
};
return (
<div className="card card-3" id="casescomment-card">
<form onSubmit={basicSearch}>
<div className="card-body">
<h3 className="heading-small card-heading">
{t("myportal:searchcases-card-title")}
</h3>
<div
className={
validationError
? "govuk-form-group govuk-form-group--error"
: "govuk-form-group "
}
>
<div id="event-name-hint" className="govuk-hint ">
{t("myportal:searchcases-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">
{t(
"myportal:searchcases-card-search-example-label"
)}
:
</span>{" "}
CAS-00009-W8N6W4
</span>
</div>
{validationError && (
<span
id="basicSearch-error"
className="govuk-error-message"
>
<span className="govuk-visually-hidden">
Error:
</span>{" "}
Case reference is required
</span>
)}
<input
<>
<div className="card card-3" id="casesearch-card">
<form onSubmit={handleSubmit(onHandleSubmit)}>
<div className="card-body">
<h3 className="heading-small card-heading">
{t("myportal:searchcases-card-title")}
</h3>
<Field
validate={[
required(
t(
"myportal:searchcases-validation-required"
)
),
minLength(
t(
"myportal:searchcases-validation-minlength"
)
),
]}
className="govuk-input"
id="event-name"
name="event-name"
component={RenderTextfield}
id="basicSearch"
name="basicSearch"
type="text"
aria-describedby="event-name-hint"
onChange={handleParam(setQuery)}
aria-describedby="basicSearch-hint"
hint1={t("myportal:searchcases-card-search-hint")}
hint2={t(
"myportal:searchcases-card-search-example-label"
)}
/>
</div>
<div className="govuk-form-group">
<button
type="submit"
name="search"
className="govuk-button"
<div className="govuk-form-group">
<button type="submit" className="govuk-button">
{t("myportal:searchcases-card-button")}
</button>
</div>
<Link
href={
router.locale == "cy"
? "/fymhorth/chwiliouwch"
: "/myportal/advancedsearch"
}
>
{t("myportal:searchcases-card-button")}
</button>
<a>
{t("myportal:searchcases-card-advanced-link")}
</a>
</Link>
</div>
<Link href="/advancedsearch">
<a>{t("myportal:searchcases-card-advanced-link")}</a>
</Link>
</div>
</form>
</div>
</form>
<LoadingOverlay
active={showSpinnerState}
spinner
text={t("common:spinner-searching")}
/>
</div>
</>
);
}
};
const mapStateToProps = (state) => {
return {
currentView: state.currentView,
search: state.search,
searchResultsObj: state.searchResultsObj,
formData: state.formData,
appealType: state.appealType,
//form: state.form,
myCases: state.myCases,
watchedCases: state.watchedCases,
myRepresentations: state.myRepresentations,
awaitingSubmission: state.awaitingSubmission,
};
};
const mapDispatchToProps = (dispatch) => {
return {};
};
export default connect(
mapStateToProps,
mapDispatchToProps
)(
reduxForm({
form: "basicSearchForm",
destroyOnUnmount: false,
})(CaseSearch)
);
+12 -8
View File
@@ -79,12 +79,16 @@ const TopThree = (props) => {
<div className="cardModuleItem" key={index}>
<div className="cardModuleDetails">
<div className="cardModuleReference">
<b>Case reference:</b>{" "}
<b>{t("myportal:case-reference")}:</b>{" "}
<Link
href={
topThreeType == "awaitingSubmission"
? "/representation"
: "/case"
? router.locale == "cy"
? "/fymhorth/cynrychiolaeth"
: "/myportal/representation"
: router.locale == "cy"
? "/fymhorth/achos"
: "/myportal/case"
}
>
<a
@@ -103,18 +107,18 @@ const TopThree = (props) => {
</div>
{topThreeType != "awaitingSubmission" ? (
<div className="carModuleAddress">
<b>Addressa:</b>{" "}
<b>{t("myportal:case-address")}:</b>{" "}
{_.isEmpty(showDetails)
? "not entered"
? t("myportal:case-address-not-entered")
: _.isEmpty(showDetails[index])
? "not entered"
? t("myportal:case-address-not-entered")
: _.isEmpty(showDetails[index].value[0])
? "not entered"
? t("myportal:case-address-not-entered")
: _.isEmpty(
showDetails[index].value[0]
.pinswg_siteaddressline1
)
? "not entered"
? t("myportal:case-address-not-entered")
: showDetails[index].value[0]
.pinswg_siteaddressline1}
</div>
+13 -13
View File
@@ -20,8 +20,8 @@ const ViewAllResults = (props) => {
Object.keys(resultsArr).map((key, index) => {
resultsRowArr.push(
<div className="govuk-summary-list__row" key={key}>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/case">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link href={router.locale == "cy" ? "/achos" : "/case"}>
<a
onClick={() => {
setCurrentReference({
@@ -38,7 +38,7 @@ const ViewAllResults = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -47,13 +47,13 @@ const ViewAllResults = (props) => {
<br />
{resultsArr[index].postcode}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr smith
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Authority:</span>
{
resultsArr[index][
@@ -61,7 +61,7 @@ const ViewAllResults = (props) => {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Case Type:</span>
{
resultsArr[index][
@@ -69,7 +69,7 @@ const ViewAllResults = (props) => {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Status:</span>
{
resultsArr[index][
@@ -91,22 +91,22 @@ const ViewAllResults = (props) => {
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider govuk-!-padding-left-2">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-case-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
+22 -3
View File
@@ -5,6 +5,8 @@ import xpath from "xpath";
import jsonpath from "jsonpath";
import BuildCheckField from "./buildCheckfield";
import { useSelector, shallowEqual, connect } from "react-redux";
import fieldLookup from "../../data/crmfieldlookuptranslations.json";
import {
setCaseReference,
setCurrentSection,
@@ -51,6 +53,23 @@ let BuildCheckRow = (props) => {
return dateString;
}
const FieldsTranslations = (label) => {
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
let formObj = jsonpath.query(fieldLookup, "$['" + appealtypes + "']");
let labelTrans =
router.locale == "cy"
? jsonpath.query(
formObj,
"$..[?(@.value=='" + label + "')].value_cy"
)
: label;
return labelTrans;
};
return (
<>
{Object.keys(rowXML).map((key, index) => {
@@ -75,7 +94,7 @@ let BuildCheckRow = (props) => {
return (
<div className="govuk-summary-list__row" key={key}>
<dt className="govuk-summary-list__key">
{rows[0].value}
{FieldsTranslations(rows[0].value)}
</dt>
<dd className="govuk-summary-list__value">
{fieldtype[0].value ==
@@ -98,10 +117,10 @@ let BuildCheckRow = (props) => {
updateCurrentSection(whichSection);
}}
>
Change
{t("newappeal:change-link-label")}
<span className="govuk-visually-hidden">
{" "}
name
{FieldsTranslations(rows[0].value)}
</span>
</a>
</dd>
+1 -1
View File
@@ -88,7 +88,7 @@ let BuildCheckSection = (props) => {
data-module="govuk-button"
onClick={() => setCurrentSection(9999)}
>
Submit appeal
{t("newappeal:submit-appeal-button")}
</a>
</div>
</div>
+2 -1
View File
@@ -245,7 +245,8 @@ let CreateCase = (props) => {
);
router.replace(
"/newappeal/" +
(router.locale = "cy" ? "/apelnewydd" : "/newappeal") +
"/" +
appTypeCollection +
"?lpa=" +
values.lpaTypes +
+10 -10
View File
@@ -27,20 +27,20 @@ const DNSSearchResults = (props) => {
<div className="govuk-grid-column-full">
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
@@ -59,7 +59,7 @@ const DNSSearchResults = (props) => {
className="govuk-summary-list__row"
key={key}
>
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<Link
href={
router.locale == "cy"
@@ -87,7 +87,7 @@ const DNSSearchResults = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-site-address-label"
@@ -129,7 +129,7 @@ const DNSSearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-applicant-label"
@@ -144,7 +144,7 @@ const DNSSearchResults = (props) => {
]
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-authority-label"
@@ -168,7 +168,7 @@ const DNSSearchResults = (props) => {
] || "N/A"
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-status-label"
+12 -12
View File
@@ -25,22 +25,22 @@ const SearchResults = (props) => {
return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-case-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
@@ -54,7 +54,7 @@ const SearchResults = (props) => {
return (
<div className="govuk-summary-list__row" key={key}>
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<Link
href={
router.locale == "cy"
@@ -82,7 +82,7 @@ const SearchResults = (props) => {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-site-address-label"
@@ -109,7 +109,7 @@ const SearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-applicant-label")}:
</span>
@@ -121,7 +121,7 @@ const SearchResults = (props) => {
]
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-authority-label")}:
</span>
@@ -142,7 +142,7 @@ const SearchResults = (props) => {
] || "N/A"
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-case-type-label")}:
</span>
@@ -159,7 +159,7 @@ const SearchResults = (props) => {
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-status-label")}:
</span>
+26 -20
View File
@@ -12,8 +12,8 @@ export default function ViewAllResults(props) {
var resultsArr = props.searchResultsObj.searchResultsObj.value || [{}];
const resultRow = Object.keys(resultsArr).map((key, index) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/case">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link href={router.locale == "cy" ? "/achos" : "/case"}>
<a>
<span className="results-visually-hidden">
Case Reference:
@@ -22,28 +22,28 @@ export default function ViewAllResults(props) {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Site Address: </span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Authority:</span>
Hastings Borough Council{" "}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Case Type:</span>
Planning (W){" "}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">Status:</span>
In Progress
</dd>
@@ -59,22 +59,22 @@ export default function ViewAllResults(props) {
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider govuk-!-padding-left-2">
{t("search:searchresults-case-reference-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-site-address-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-applicant-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-authority-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-case-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t("search:searchresults-status-label")}
</dd>
</div>
@@ -82,8 +82,14 @@ export default function ViewAllResults(props) {
{resultsArr.map((item, key) => {
return (
<div className="govuk-summary-list__row" key={key}>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/case">
<dd className="govuk-summary-list__value govuk-!-font-size-16 govuk-!-padding-left-2">
<Link
href={
router.locale == "cy"
? "/achos"
: "/case"
}
>
<a>
<span className="results-visually-hidden">
Case Reference:
@@ -92,7 +98,7 @@ export default function ViewAllResults(props) {
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -101,13 +107,13 @@ export default function ViewAllResults(props) {
<br />
TN35 5DS
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Authority:
</span>
@@ -117,7 +123,7 @@ export default function ViewAllResults(props) {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Case Type:
</span>
@@ -127,7 +133,7 @@ export default function ViewAllResults(props) {
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
Status:
</span>
+22
View File
@@ -0,0 +1,22 @@
import Link from "next/link";
import Image from "next/image";
import useTranslation from "next-translate/useTranslation";
import router from "next/router";
export default function ServiceBanner() {
let { t, lang } = useTranslation();
return (
<div className="servicebanner">
<h1>
<img
src={
router.locale == "cy"
? "/assets/images/planning-casework-cy.svg"
: "/assets/images/planning-casework-en.svg"
}
alt="Planning casework"
/>
</h1>
</div>
);
}
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+7
View File
@@ -0,0 +1,7 @@
const DNSForm = (props) => {
const { caseReference } = props;
return <></>;
};
export default DNSForm;
+353
View File
@@ -0,0 +1,353 @@
const ElectricityActForm = (props) => {
const { caseReference } = props;
return (
<>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-m govuk-!-margin-top-5">
Enter your appeal information
</h1>
<form>
<div class="govuk-grid-column-full">
<div class="govuk-grid-row">
<div class="govuk-form-group">
<label
class="govuk-label "
for="pinswg_name"
>
Name
</label>
<input
type="text"
name="pinswg_name"
id="pinswg_name"
component="[object Object]"
class="govuk-input govuk-input--width-20"
disabled
value="CAS-00497-K4H2Z5"
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_anticipatedgridreferencenorthingtext"
id="pinswg_anticipatedgridreferencenorthingtext_label"
>
Anticipated Grid Reference Northing
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_anticipatedgridreferencenorthingtext"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_anticipatedgridreferenceeastingtext"
id="pinswg_anticipatedgridreferenceeastingtext_label"
>
Anticipated Grid Reference Easting
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_anticipatedgridreferenceeastingtext"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectname"
id="pinswg_projectname_label"
>
Project Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectdiscription"
id="pinswg_projectdiscription_label"
>
Project Discription
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectdiscription"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectlocation"
id="pinswg_projectlocation_label"
>
Project Location
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectlocation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addresscounty"
id="pinswg_addresscounty_label"
>
Address County
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addresscounty"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addressline1"
id="pinswg_addressline1_label"
>
Address Line 1
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addressline1"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addressline2"
id="pinswg_addressline2_label"
>
Address Line 2
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addressline2"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addresstown"
id="pinswg_addresstown_label"
>
Address Town
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addresstown"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_postcode"
id="pinswg_postcode_label"
>
Post Code
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_postcode"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_agentcontactname"
id="pinswg_agentcontactname_label"
>
Agent Contact Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_agentcontactname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_emailaddress"
id="pinswg_emailaddress_label"
>
Email Address
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_emailaddress"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_salutation"
id="pinswg_salutation_label"
>
Salutation
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_salutation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_firstname"
id="pinswg_firstname_label"
>
First Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_firstname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_lastname"
id="pinswg_lastname_label"
>
Last Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_lastname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_organisation"
id="pinswg_organisation_label"
>
Organisation
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_organisation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_role"
id="pinswg_role_label"
>
Role
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_role"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_telephonenumber"
id="pinswg_telephonenumber_label"
>
Telephone Number
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_telephonenumber"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_webaddress"
id="pinswg_webaddress_label"
>
Web Address
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_webaddress"
value=""
/>
</div>
</div>
</div>
<div class="govuk-button-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
>
Submit
</button>
</div>
</form>
</div>
</div>
</>
);
};
export default ElectricityActForm;
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+353
View File
@@ -0,0 +1,353 @@
const HarbourRevisionOrderForm = (props) => {
const { caseReference } = props;
return (
<>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-m govuk-!-margin-top-5">
Enter your appeal information
</h1>
<form>
<div class="govuk-grid-column-full">
<div class="govuk-grid-row">
<div class="govuk-form-group">
<label
class="govuk-label "
for="pinswg_name"
>
Name
</label>
<input
type="text"
name="pinswg_name"
id="pinswg_name"
component="[object Object]"
class="govuk-input govuk-input--width-20"
disabled
value="CAS-00499-C4D7R4"
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_anticipatedgridreferenceeastingtext"
id="pinswg_anticipatedgridreferenceeastingtext_label"
>
Anticipated Grid Reference Easting
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_anticipatedgridreferenceeastingtext"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_anticipatedgridreferencenorthingtext"
id="pinswg_anticipatedgridreferencenorthingtext_label"
>
Anticipated Grid Reference Northing
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_anticipatedgridreferencenorthingtext"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectname"
id="pinswg_projectname_label"
>
Project Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectdiscription"
id="pinswg_projectdiscription_label"
>
Project Discription
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectdiscription"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectlocation"
id="pinswg_projectlocation_label"
>
Project Location
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectlocation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addresscounty"
id="pinswg_addresscounty_label"
>
Address County
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addresscounty"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addressline1"
id="pinswg_addressline1_label"
>
Address Line 1
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addressline1"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addressline2"
id="pinswg_addressline2_label"
>
Address Line 2
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addressline2"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addresstown"
id="pinswg_addresstown_label"
>
Address Town
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addresstown"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_agentcontactname"
id="pinswg_agentcontactname_label"
>
Agent Contact Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_agentcontactname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_emailaddress"
id="pinswg_emailaddress_label"
>
Email Address
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_emailaddress"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_salutation"
id="pinswg_salutation_label"
>
Salutation
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_salutation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_firstname"
id="pinswg_firstname_label"
>
First Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_firstname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_lastname"
id="pinswg_lastname_label"
>
Last Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_lastname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_organisation"
id="pinswg_organisation_label"
>
Organisation
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_organisation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_postcode"
id="pinswg_postcode_label"
>
Post Code
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_postcode"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_role"
id="pinswg_role_label"
>
Role
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_role"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_telephonenumber"
id="pinswg_telephonenumber_label"
>
Telephone Number
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_telephonenumber"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_webaddress"
id="pinswg_webaddress_label"
>
Web Address
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_webaddress"
value=""
/>
</div>
</div>
</div>
<div class="govuk-button-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
>
Submit
</button>
</div>
</form>
</div>
</div>
</>
);
};
export default HarbourRevisionOrderForm;
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+49
View File
@@ -0,0 +1,49 @@
const LdpForm = (props) => {
const { caseReference } = props;
return (
<>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-m govuk-!-margin-top-5">
Enter your appeal information
</h1>
<form>
<div class="govuk-grid-column-full">
<div class="govuk-grid-row">
<div class="govuk-form-group">
<label
class="govuk-label "
for="pinswg_name"
>
Name
</label>
<input
type="text"
name="pinswg_name"
id="pinswg_name"
component="[object Object]"
class="govuk-input govuk-input--width-20"
disabled
value="CAS-00508-J6L1F0"
/>
</div>
</div>
</div>
<div class="govuk-button-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
>
Submit
</button>
</div>
</form>
</div>
</div>
</>
);
};
export default LdpForm;
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+1915
View File
File diff suppressed because it is too large Load Diff
+353
View File
@@ -0,0 +1,353 @@
const TransportAndWorkActForm = (props) => {
const { caseReference } = props;
return (
<>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<h1 class="govuk-heading-m govuk-!-margin-top-5">
Enter your appeal information
</h1>
<form>
<div class="govuk-grid-column-full">
<div class="govuk-grid-row">
<div class="govuk-form-group">
<label
class="govuk-label "
for="pinswg_name"
>
Name
</label>
<input
type="text"
name="pinswg_name"
id="pinswg_name"
component="[object Object]"
class="govuk-input govuk-input--width-20"
disabled
value="CAS-00498-H2F6B6"
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_anticipatedgridreferenceeastingtext"
id="pinswg_anticipatedgridreferenceeastingtext_label"
>
Anticipated Grid Reference Easting
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_anticipatedgridreferenceeastingtext"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_anticipatedgridreferencenorthingtext"
id="pinswg_anticipatedgridreferencenorthingtext_label"
>
Anticipated Grid Reference Northing
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_anticipatedgridreferencenorthingtext"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectname"
id="pinswg_projectname_label"
>
Project Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectlocation"
id="pinswg_projectlocation_label"
>
Project Location
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectlocation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_projectdescription"
id="pinswg_projectdescription_label"
>
Project Description
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_projectdescription"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addresscounty"
id="pinswg_addresscounty_label"
>
Address County
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addresscounty"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addressline1"
id="pinswg_addressline1_label"
>
Address Line 1
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addressline1"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addressline2"
id="pinswg_addressline2_label"
>
Address Line 2
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addressline2"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_addresstown"
id="pinswg_addresstown_label"
>
Address Town
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_addresstown"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_agentcontactname"
id="pinswg_agentcontactname_label"
>
Agent Contact Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_agentcontactname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_emailaddress"
id="pinswg_emailaddress_label"
>
Email Address
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_emailaddress"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_salutation"
id="pinswg_salutation_label"
>
Salutation
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_salutation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_firstname"
id="pinswg_firstname_label"
>
First Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_firstname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_lastname"
id="pinswg_lastname_label"
>
Last Name
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_lastname"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_organisation"
id="pinswg_organisation_label"
>
Organisation
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_organisation"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_postcode"
id="pinswg_postcode_label"
>
Post Code
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_postcode"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_role"
id="pinswg_role_label"
>
Role
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_role"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_telephonenumber"
id="pinswg_telephonenumber_label"
>
Telephone Number
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_telephonenumber"
value=""
/>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-form-group ">
<label
class="govuk-label "
for="pinswg_webaddress"
id="pinswg_webaddress_label"
>
Web Address
</label>
<input
class="govuk-input govuk-input--width-20"
id="pinswg_webaddress"
value=""
/>
</div>
</div>
</div>
<div class="govuk-button-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
>
Submit
</button>
</div>
</form>
</div>
</div>
</>
);
};
export default TransportAndWorkActForm;
File diff suppressed because it is too large Load Diff
+290
View File
@@ -0,0 +1,290 @@
(a) That planning permission should be granted for what is alleged in the notice.
(A00) Agriculture, Fisheries and Forestry Miscellaneous Agriculture, Fisheries and Forestry Uses
(A10) Agriculture, Fisheries and Forestry Farming Activity (Inc Crop Production, Keeping Livestock For Food, Wool, Skin, Fur or Farming)
(A11) Agriculture, Fisheries and Forestry Intensive Livestock Unit
(A12) Agriculture, Fisheries and Forestry Keeping/Stabling Of Farm Animals (Cattle Shed etc)
(A13) Agriculture, Fisheries and Forestry Crop Storage, Barn, Granary, Oasthouse
(A14) Agriculture, Fisheries and Forestry Silo
(A15) Agriculture, Fisheries and Forestry Other Agricultural Storage
(A16) Agriculture, Fisheries and Forestry Glasshouse, Market Garden, Nursery (Inc Polythene Tunnels).
(A17) Agriculture, Fisheries and Forestry Dairy, Milk Cooler
(A20) Agriculture, Fisheries and Forestry Keeping of Non-Farm Livestock (eg Pets, Those Kept For Show, Recreation, Conservation)
(A21) Agriculture, Fisheries and Forestry Stabling/Keeping Of Non-Farm Horses
(A22) Agriculture, Fisheries and Forestry Kennel, Cattery, Quarantine Centre
(A23) Agriculture, Fisheries and Forestry Zoo, Safari Park, Aquaria
(A24) Agriculture, Fisheries and Forestry Veterinary Surgery
(A30) Agriculture, Fisheries and Forestry Fish Farming
(A40) Agriculture, Fisheries and Forestry Slaughterhouse, Abattoir
(A50) Agriculture, Fisheries and Forestry Reclamation Of Land To Agriculture
(A60) Agriculture, Fisheries and Forestry Woodland, Forestry, Tree Preservation
(A70) Agriculture, Fisheries and Forestry Allotment Garden
(A80) Agriculture, Fisheries and Forestry Nature Reserve/Sanctuary
(A82) Agriculture, Fisheries and Forestry Site Of Special Scientific Interest
(A83) Agriculture, Fisheries and Forestry Apiary/Bee-Keeping, Aviary
(b) That the breach of control alleged in the enforcement notice has not occurred as a matter of fact.
(c) That there has not been a breach of planning control (for example because permission has already been granted or it is “permitted development”).
(C00) Community, Education and Defence services Miscellaneous Community, Education And Defence Uses
(C10) Community, Education and Defence services Health Care Facility
(C11) Community, Education and Defence services Hospital, Diagnosis/Treatment Centre, Mental Institution
(C12) Community, Education and Defence services Surgery (Doctor, Dentist, Chiropodist)
(C13) Community, Education and Defence services Opticians Premises
(C14) Community, Education and Defence services Nursing Home
(C20) Community, Education and Defence services Non-Medical Residential Institution
(C21) Community, Education and Defence services Children's Home
(C22) Community, Education and Defence services Old Peoples Home
(C23) Community, Education and Defence services Home For People With Disabilities
(C24) Community, Education and Defence services Prison, Place Of Detention
(C30) Community, Education and Defence services School, College, Research Institution
(C31) Community, Education and Defence services Playgroup, Creche, Childrens Nursery
(C40) Community, Education and Defence services Place Of Worship
(C50) Community, Education and Defence services Place Of Assembly, Hall, Community Centre, Scout Hut
(C60) Community, Education and Defence services Courts
(C70) Community, Education and Defence services Military And Civil Defence And Protection
(C71) Community, Education and Defence services Military Defence Establishment (RAF, RN, Army), Barrack, Fortification
(C72) Community, Education and Defence services Civil Defence Facility, Fall-Out Shelter
(C73) Community, Education and Defence services Fire, Coastguard, Police, Ambulance Station
(C74) Community, Education and Defence services Sea And River Defence Works
(d) That, at the time the enforcement notice was issued, it was too late to take enforcement action against the matters stated in the notice.
(e) The notice was not properly served on everyone with an interest in the land.
(f) The steps required to comply with the requirements of the notice are excessive, and lesser steps would overcome the objections.
(F00) Offices, Studios Miscellaneous Office Uses
(F10) Offices, Studios Specified Local Service
(F11) Offices, Studios Building Society Branch/Bank, Cash Dispenser
(F12) Offices, Studios Central And Local Government Office
(F13) Offices, Studios Employment Agency
(F14) Offices, Studios Estate Agent
(F15) Offices, Studios Insurance Office
(F16) Offices, Studios Lawyer/Solicitors Office
(F17) Offices, Studios Taxi Control Office
(F20) Offices, Studios Studio
(F21) Offices, Studios Artists Studio (inc Tattoo Artist)
(F22) Offices, Studios Photographic Studio
(F23) Offices, Studios Television Studio
(F24) Offices, Studios Sound Recording Studio
(F30) Offices, Studios Business Centre/Park
(F31) Offices, Studios Conference Centre
(g) The time given to comply with the notice is too short.
(H00) Housing and Residential development Miscellaneous Residential Uses
(H10) Housing and Residential development Permanent Dwellings
(H11) Housing and Residential development Small Homes (1 Bed, Small 2 Bed, Studio Homes etc)
(H12) Housing and Residential development Agricultural Workers Dwelling
(H13) Housing and Residential development Flat, Maisonette, Multi-Occupation
(H14) Housing and Residential development Permanent Residential Caravan/Mobile Home
(H15) Housing and Residential development Houseboat
(H16) Housing and Residential development Conversion of Agricultural Buildings Into Dwellings
(H17) Housing and Residential development Dependant Relative Annex/Flat
(H20) Housing and Residential development Householder Development (Alteration/Conversion Within Curtilage ie Wall, Garage, Swimming Pool)
(H21) Housing and Residential development Residential Extensions (Number of Rooms Or Size Increased)
(H30) Housing and Residential development Communal Accommodation
(H31) Housing and Residential development Hotel, Boarding House, Guesthouse
(H32) Housing and Residential development Hostel, Halls of Residence, Bail Hostel
(H33) Housing and Residential development Warden Assisted Sheltered Accommodation
(H40) Housing and Residential development Temporary Dwellings
(H41) Housing and Residential development Gypsy/Travellers Encampment
(H42) Housing and Residential development Holiday Chalet/Flat
(H43) Housing and Residential development Travelling Showman's Winter Quarters
(H44) Housing and Residential development Temporary Residential Caravans And Mobile Homes
(L00) Leisure and Recreation Miscellaneous Leisure Uses
(L10) Leisure and Recreation Indoor Sports Facility (Sports/Leisure Centre)
(L11) Leisure and Recreation Squash Court, Badminton Court, Indoor Tennis Court
(L12) Leisure and Recreation Sports Hall, Gymnasium
(L14 ) Leisure and Recreation Covered Swimming Pool
(L15) Leisure and Recreation Billiard And Snooker Centre
(L20) Leisure and Recreation Museum, Library, Gallery
(L30) Leisure and Recreation Amusements And Entertainment
(L31) Leisure and Recreation Amusement Arcade/Centre
(L32) Leisure and Recreation Betting Office
(L33) Leisure and Recreation Bingo Hall
(L34) Leisure and Recreation Casino, Dance Hall, Nightclub, Sports/Social Club
(L35) Leisure and Recreation Cinema, Theatre, Concert/Exhibition Hall, Visitors Centre
(L36) Leisure and Recreation Funfair
(L37) Leisure and Recreation Sex Industry (exc Sex Shops)
(L38) Leisure and Recreation Dance School, School Of Performing Arts
(L40) Leisure and Recreation Outdoor Sports Facilities
(L41) Leisure and Recreation Buildings Associated With Outdoor Recreation
(L42) Leisure and Recreation Golf Course, Driving Range
(L43) Leisure and Recreation Motor Sport (inc Powered Models)
(L44) Leisure and Recreation Riding School
(L45) Leisure and Recreation Rifle Range, Clay Pigeon Shoot
(L46) Leisure and Recreation Sports ground, Playing Field, Race Track
(L47) Leisure and Recreation Sports Stadium, Arena
(L48) Leisure and Recreation Open Air Swimming Pool
(L49) Leisure and Recreation Outdoor Tennis Court
(L50) Leisure and Recreation Other Recreational Land Uses
(L51) Leisure and Recreation Botanical Garden, Park, Picnic Site
(L52) Leisure and Recreation Leisure Plot (Land Used For Leisure But Not A Domestic Garden Or Allotment)
(L53) Leisure and Recreation National Heritage Site (inc Ancient Monument, Stately Home, Memorial)
(L54) Leisure and Recreation Children's Play Area
(L60) Leisure and Recreation Water Sport
(L61) Leisure and Recreation Marina, Boat mooring, Boathouse
(L62) Leisure and Recreation Angling And Fishing Activities
(L70) Leisure and Recreation Caravans And Camping
(L71) Leisure and Recreation Touring Caravan Site
(L72) Leisure and Recreation Seasonal Holiday Caravan Site
(L73) Leisure and Recreation Camp Site (Tents)
(M00) Mineral extraction/exploration (Inc Geological exploration) - Miscellaneous Mineral Development
(M10) Mineral extraction/exploration (Inc Geological exploration) - Surface Mineral Extraction
(M11) Mineral extraction/exploration (Inc Geological exploration) - Sand And Gravel Extraction
(M12) Mineral extraction/exploration (Inc Geological exploration) - Open Cast Coal, Peat
(M13) Mineral extraction/exploration (Inc Geological exploration) - Clays (Brick, Brick Earth, China, Ball)
(M14) Mineral extraction/exploration (Inc Geological exploration) - Fullers Earth
(M15) Mineral extraction/exploration (Inc Geological exploration) - Sedimentary Rock (Limestone etc)
(M16) Mineral extraction/exploration (Inc Geological exploration) - Igneous/Metamorphic Rock
(M17) Mineral extraction/exploration (Inc Geological exploration) - Celestite
(M18) Mineral extraction/exploration (Inc Geological exploration) - Metalliferous Minerals
(M19) Mineral extraction/exploration (Inc Geological exploration) - Other Veined Surface Mined Minerals (Fluorspar, Barytes)
(M20) Mineral extraction/exploration (Inc Geological exploration) - Underground Mineral Extraction
(M21) Mineral extraction/exploration (Inc Geological exploration) - Coal (Mined Underground)
(M22) Mineral extraction/exploration (Inc Geological exploration) - Potash
(M23) Mineral extraction/exploration (Inc Geological exploration) - Anhydrite
(M24) Mineral extraction/exploration (Inc Geological exploration) - Gypsum
(M25) Mineral extraction/exploration (Inc Geological exploration) - Limestone
(M26) Mineral extraction/exploration (Inc Geological exploration) - Metalliferous Minerals (Tungsten, Tin etc)
(M27) Mineral extraction/exploration (Inc Geological exploration) - Other Veined Underground Mined Minerals (Fluorspar, Barytes)
(M28) Mineral extraction/exploration (Inc Geological exploration) - Oil, Gas
(M30) Mineral extraction/exploration (Inc Geological exploration) - Disposal Of Spoil From Mineral Working
(M40) Mineral extraction/exploration (Inc Geological exploration) - Mineral Handling And Processing Installation
(M50) Mineral extraction/exploration (Inc Geological exploration) - Winning And Working Of Minerals For Agriculture (GDO Class VI)
(M60) Mineral extraction/exploration (Inc Geological exploration) - Filling And Restoration Of Mineral Working
(M61) Mineral extraction/exploration (Inc Geological exploration) - Landfill
(M70) Mineral extraction/exploration (Inc Geological exploration) - Geological Exploration
(M71) Mineral extraction/exploration (Inc Geological exploration) - Exploration For Oil, Gas
(N00) Industry Miscellaneous Industrial Uses
(N10) Industry Light Industry (exc Science Labs)
(N20) Industry General Industry (exc Science Parks)
(N21) Industry Vehicle Repairs
(N30) Industry Science Park (Science, Technology, Research)
(N31) Industry Laboratory
(N40) Industry Special Industry (As Defined In Use Classes Order)
(N41) Industry Alkali Processing
(N42) Industry Metal Processing (Smelting, Galvanising etc)
(N43) Industry Brick/Cement Production
(N44) Industry Chemical Processing (Cellulose, Rubber etc)
(N45) Industry Animal Based Processing (Glue, Soap, Tripe etc)
(N50) Industry Disposal Of Industrial Waste
(N51) Industry Scrapyard
(N60) Industry Industrial Archaeology
(N61) Industry Windmill, Watermill
(S00) Shop, Retail and Associated uses Miscellaneous Shops And Associated Uses
(S01) Shop, Retail and Associated uses Retail Store/Warehouse (Where Neither Floor Space Nor Site Area Is Provided)
(S10) Shop, Retail and Associated uses Retail Store/Warehouse (Under 5,000 sq m Floor Space Or Less Than 1 Hectare Site Area)
(S11) Shop, Retail and Associated uses Pet Shop, Cats Meat Shop, Tripe Shop
(S12) Shop, Retail and Associated uses Hot Food, Takeaway Food, Fish And Chip Shop
(S13) Shop, Retail and Associated uses Sex Shop
(S14) Shop, Retail and Associated uses Sale/Rental Of Pre-Recorded Video Tapes
(S15) Shop, Retail and Associated uses Sale Of Motor Vehicles
(S16) Shop, Retail and Associated uses DIY Shop
(S19) Shop, Retail and Associated uses Superstore / Hypermarket
(S22) Shop, Retail and Associated uses Retail Store/Warehouse (Between 5 & 10,000 sq m Floor Space Or Up To 1.5 Hectares Or Less Site Area)
(S23) Shop, Retail and Associated uses - Retail Store/Warehouse (Between 10 & 20,000 sq m Floor Space Or 1.5 & 3 Hectares Site Area)
(S24) Shop, Retail and Associated uses Retail Store/Warehouse (Greater than 20,000 sq m Floor Space Or Greater Than 4 Hectares Site Area)
(S25) Shop, Retail and Associated uses Warehouse Club
(S28) Shop, Retail and Associated uses Shopping Centre
(S30) Shop, Retail and Associated uses Other Retail Use
(S31) Shop, Retail and Associated uses Farm Shop
(S32) Shop, Retail and Associated uses Garden Centre
(S33) Shop, Retail and Associated uses Open Air Market (inc Car Boot Sales)
(S34) Shop, Retail and Associated uses Covered Market
(S40) Shop, Retail and Associated uses Catering General
(S41) Shop, Retail and Associated uses Restaurant, Canteen, Café
(S42) Shop, Retail and Associated uses Public House, Wine Bar
(S43) Shop, Retail and Associated uses Snack Bar, Ice Cream Outlet
(S44) Shop, Retail and Associated uses Hot Dog Stall, Mobile Café
(S50) Shop, Retail and Associated uses Other Services
(S51) Shop, Retail and Associated uses Hairdresser, Beauty Salon, Massage Parlour/Sauna
(S52) Shop, Retail and Associated uses Launderette
(S53) Shop, Retail and Associated uses Post Office
(S54) Shop, Retail and Associated uses Travel Agent, Ticket Agency, Hotel Agency
(S55) Shop, Retail and Associated uses Undertaker, Funeral Director
(S60) Shop, Retail and Associated uses Petrol Filling Station
(S61) Shop, Retail and Associated uses Car Wash, Car Valeting Service
(S62) Shop, Retail and Associated uses Vehicle Hire
(S63) Shop, Retail and Associated uses Motorway/Major Road Service Area
(S70) Shop, Retail and Associated uses Shop Front (inc Blinds, Canopies, Luminous Signs, Security Shutters)
(T00) Transport, Utilities and Miscellaneous uses Transport Utilities And Miscellaneous Uses
(T10) Transport, Utilities and Miscellaneous uses Public Transport Facility
(T11) Transport, Utilities and Miscellaneous uses Airport, Heliport, Hoverport, Air Terminal
(T12) Transport, Utilities and Miscellaneous uses Bus/Coach Stations/Depot
(T13) Transport, Utilities and Miscellaneous uses Railway Station/Installation
(T14) Transport, Utilities and Miscellaneous uses Dock/Quay
(T15) Transport, Utilities and Miscellaneous uses Canal
(T16) Transport, Utilities and Miscellaneous uses Road
(T17) Transport, Utilities and Miscellaneous uses Footpath, Bridleway, Byway Open To All Traffic
(T18) Transport, Utilities and Miscellaneous uses Cycleway
(T20) Transport, Utilities and Miscellaneous uses Parking (Land)
(T21) Transport, Utilities and Miscellaneous uses Car Park
(T22) Transport, Utilities and Miscellaneous uses Lorry Park
(T23) Transport, Utilities and Miscellaneous uses Cycle Park
(T24) Transport, Utilities and Miscellaneous uses Lock-Up Garage
(T30) Transport, Utilities and Miscellaneous uses Utilities
(T31) Transport, Utilities and Miscellaneous uses Gas Production/Supply, Gas Pipeline
(T32) Transport, Utilities and Miscellaneous uses Electricity Production And Supply
(T33) Transport, Utilities and Miscellaneous uses Water Catchment/Supply (inc Plant, Bore Hole)
(T34) Transport, Utilities and Miscellaneous uses Oil Installation/Pipeline
(T35) Transport, Utilities and Miscellaneous uses Sewage Treatment And Disposal, Sea Fall-Out
(T36) Transport, Utilities and Miscellaneous uses Domestic Refuse Disposal, Waste Disposal
(T37) Transport, Utilities and Miscellaneous uses Cemetery And Crematorium, Mortuary, Pet Cemetery
(T38) Transport, Utilities and Miscellaneous uses Public Convenience, Toilet Facility
(T39) Transport, Utilities and Miscellaneous uses Wind Turbine, Wind Farm
(T40) Transport, Utilities and Miscellaneous uses Communications General
(T41) Transport, Utilities and Miscellaneous uses Post Office Depot
(T42) Transport, Utilities and Miscellaneous uses Telecommunications (inc Radio/Tv - Mast/Ariel/DishAntenna)
(T50) Transport, Utilities and Miscellaneous uses Miscellaneous
(T51) Transport, Utilities and Miscellaneous uses Flood Lights
(T52) Transport, Utilities and Miscellaneous uses Non-Residential Fence, Wall, Gate. Enclosure
(T53) Transport, Utilities and Miscellaneous uses Advertisement Hoarding, Advertisement Structure
(T54) Transport, Utilities and Miscellaneous uses Fire Escape
(T60) Transport, Utilities and Miscellaneous uses Unused Land
(T61) Transport, Utilities and Miscellaneous uses Derelict Land
(T62) Transport, Utilities and Miscellaneous uses Cleared Site
(W00) Storage, Depots, Yards, Warehousing and Wholesaling Miscellaneous Storage
(W10) Storage, Depots, Yards, Warehousing and Wholesaling Wholesale Warehouse Or Repository
(W11) Storage, Depots, Yards, Warehousing and Wholesaling Cold Store, Refrigerated Storage
(W20) Storage, Depots, Yards, Warehousing and Wholesaling Deport
(W21) Storage, Depots, Yards, Warehousing and Wholesaling Builders Yard, Timber Yard, Stonemasons Yard
(W22) Storage, Depots, Yards, Warehousing and Wholesaling Coal yard
(W23) Storage, Depots, Yards, Warehousing and Wholesaling Council Deport
(W24) Storage, Depots, Yards, Warehousing and Wholesaling Freight, Haulage, Railway, Container
(W25) Storage, Depots, Yards, Warehousing and Wholesaling Plant Hire, Skip hire
(W30) Storage, Depots, Yards, Warehousing and Wholesaling Open Storage (inc Storage Of Cars etc)
Agriculture, Fisheries and Forestry
Application for approval of reserved matters
Application for full planning permission
Application for outline planning permission
Application for variation or removal of a condition on a permission
Certificate A
Certificate B
Certificate C&D
Community, Education and Defence services
ELB - ( b )that the matters alleged to constitute a contravention of section 9(1) or (2) have not occurred.
ELB - (a)that the building is not of special architectural or historic interest.
ELB - (c)that those matters (if they occurred) do not constitute such a contravention.
ELB - (d)that works to the building were urgently necessary in the interests of safety or health or for the preservation of the building, that it was not practicable to secure safety or health or, as the case may be, the preservation of the building by
ELB - (e)that listed building consent ought to be granted for the works, or that any relevant condition of such consent which has been granted ought to be discharged, or different conditions substituted.
ELB - (f)that copies of the notice were not served as required by section 38(4)
ELB - (g)except in relation to such a requirement as is mentioned in section 38(2)(b) or (c), that the requirements of the notice exceed what is necessary for restoring the building to its condition before the works were carried out
ELB - (h)that the period specified in the notice as the period within which any step required by the notice is to be taken falls short of what should reasonably be allowed.
ELB - (i)that the steps required by the notice for the purpose of restoring the character of the building to its former state would not serve that purpose.
ELB - (j)that steps required to be taken by virtue of section 38(2)(b) exceed what is necessary to alleviate the effect of the works executed to the building.
ELB - (k)that steps required to be taken by virtue of section 38(2)(c) exceed what is necessary to bring the building to the state in which it would have been if the terms and conditions of the listed building consent had been complied with.
Housing and Residential development
I
II
II*
Industry
Item
Leisure and Recreation
Mineral extraction/exploration (Inc Geological exploration)
MOL - (a)that the condition of the land to which the notice relates does not adversely affect the amenity of any part of the area of the local planning authority who served the notice, or of any adjoining area.
MOL - (b)that the condition of the land to which the notice relates is attributable to, and such as results in the ordinary course of events from, the carrying on of operations or a use of land which is not in contravention of Part III.
MOL - (c)that the requirements of the notice exceed what is necessary for preventing the condition of the land from adversely affecting the amenity of any part of the area of the local planning authority who served the notice, or of any adjoining area.
NA
No
Offices, Studios
S117
S118
S119
Shop, Retail and Associated uses
Storage, Depots, Yards, Warehousing and Wholesaling
Transport, Utilities and Miscellaneous uses
Yes
File diff suppressed because it is too large Load Diff
+5 -4
View File
@@ -6,13 +6,14 @@
"defaultLocale": "en",
"domains": [
{
"domain": "dev-gwaithcynllunio.gwasanaeth.llyw.cymru",
"domain": "cymru.local",
"defaultLocale": "cy"
}
],
"pages": {
"*": [
"common"
"common",
"newappeal"
],
"/": [
"common",
@@ -54,10 +55,10 @@
"/newappeal": [
"newappeal"
],
"/newappeal/selectappeal": [
"/newappeal/*": [
"newappeal"
],
"/newappeal/*": [
"/newappeal/selectappeal": [
"newappeal"
],
"/dns/*": [
+5
View File
@@ -2,6 +2,7 @@
"gov-wales-link": "https://llyw.cymru",
"gov-wales-label": "LLYW.CYMRU",
"service-name": "Cynllunio gwaith achos",
"service-name-breadcrumb": "Hafan",
"new-service-beta": "Mae hwn yn wasanaeth newydd",
"breadcrumb-back-link": "Yn ôl",
"error-radio": "Dewiswch opsiwn",
@@ -16,15 +17,19 @@
"footer-cookies-link": "Chwcis",
"footer-accessibility-link": "Hygyrchedd",
"footer-feedback-link": "Adborth",
"footer-copyright-link": "Datganiad hawlfraint",
"footer-alternative-languages-link": "Ieithoedd amgen",
"mobile-nav-label": "Dewislen",
"signout-label": "Cofrestrwch allan",
"back-to-top-link": "Nôl i dop y dudalen",
"social-bar-share-link": "Rhannur dudalen hon",
"social-bar-share-via-link": "Rhannur dudalen hon ar",
"social-shared-from": "Rhannwyd o",
"breadcrumb-search-results": "Canlyniadau chwilio",
"breadcrumb-advanced-search": "Chwilio uwch",
"breadcrumb-advanced-search-results": "Canlyniadau chwilio uwch",
"breadcrumb-my-portal": "Fy mhorth",
"breadcrumb-new-appeal": "Apêl newydd",
"breadcrumb-case-reference": "Cyfeirnod Achos",
"spinner-loading": "Llwytho...",
"spinner-searching": "Chwilio...",
+2 -1
View File
@@ -3,6 +3,7 @@
"login-comingsoon-temp-1": "Maer wefan hon yn cael ei datblygu o hyd. Os hoffech gyflwyno apêl neu gais newydd, neu wneud sylwadau ar un sydd eisoes yn bodoli, cyflwynwch yr apêl, y cais neur sylwadau, ynghyd ag unrhyw ddogfennau cysylltiedig perthnasol, i ",
"login-comingsoon-temp-2": "Gellir gofyn am ffurflenni apelio a ffurflenni cais trwy e-bost neu gellir eu lawrlwytho trwy ddilyn y ddolen isod. ",
"login-comingsoon-forms-link": "https://llyw.cymru/ffurflenni-apelio",
"login-contact-email": "PEDW.GwaithAchos@llyw.cymru",
"login-card-title": "Mewngofnodi i apelio yn erbyn penderfyniad cynllunio",
"login-card-id-label": "Dynodydd Defnyddiwr (ID) Porth y Llywodraeth",
"login-card-id-hint": "Gallai hyn fod hyd at 12 o gymeriadau.",
@@ -26,6 +27,6 @@
"inspectorate-card-visit-link": "Hafan",
"inspectorate-card-alt-text": "Yr Arolygiaeth Gynllunio",
"dns-card-title": "Datblygiadau o Arwyddocâd Cenedlaethol",
"dns-card-paragraph": "Mae Datblygiad o Arwyddocâd Cenedlaethol (DAC) yn fath o gais cynllunio ar gyfer prosiect seilwaith mawr sydd o bwysigrwydd cenedlaethol yng Nghymru. Yn y fan hon, gallwch gael gwybod am geisiadau DAC arfaethedig. Rheolir y safle hwn gan yr Arolygiaeth Gynllunio.",
"dns-card-paragraph": "Mae Datblygiad o Arwyddocâd Cenedlaethol (DAC) yn fath o gais cynllunio ar gyfer prosiect seilwaith mawr sydd o bwysigrwydd cenedlaethol yng Nghymru. Yn y fan hon, gallwch gael gwybod am geisiadau DAC arfaethedig.",
"dns-card-button": "Gweld pob cais"
}
+9 -4
View File
@@ -7,12 +7,17 @@
"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-title": "Chwilio am ddogfennau apêl",
"searchcases-card-search-hint": "Chwiliwch drwy roi cyfeirnod 7 digid yr achos",
"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",
"searchcases-validation-required": "Angenrheidiol",
"searchcases-validation-minlength": "Rhaid bod yn 4 nod neu fwy",
"awatitingsubmission-card-title": "Eto iw gyflwyno",
"myrepresentations-card-title": "Cyflwyniadau'r achos",
"watchedcases-card-title": "Achosion a gwylio"
"watchedcases-card-title": "Achosion a gwylio",
"case-reference": "Cyfeirnod achos",
"case-address": "Cyfeiriad",
"case-address-not-entered": "heb ei nodi"
}
+4 -1
View File
@@ -5,5 +5,8 @@
"select-lpa-label": "Dewiswch eich awdurdod cynllunio lleol",
"select-lpa-label-error-msg": "Mae angen awdurdod lleol",
"select-appeal-type-label": "Dewiswch fath o apêl",
"select-appeal-type-label-error-msg": "Mae angen math o apêl"
"select-appeal-type-label-error-msg": "Mae angen math o apêl",
"select-default": "Dewiswch...",
"change-link-label": "Newid",
"submit-appeal-button": "Cyflwyno apêl"
}
+1 -1
View File
@@ -57,7 +57,7 @@
"searchresults-case-type-label": "Math o Achos",
"searchresults-status-label": "Statws",
"searchresults-watch-label": "Gwylio",
"searchresults-search-button-label": "Mireinio'r chwiliad",
"searchresults-search-button-label": "Chwilio uwch",
"searchresults-new-search-button-label": "Chwiliad newydd",
"searchresults-no-records-label": "Nid oes unrhyw gofnodion"
}
+7 -2
View File
@@ -2,6 +2,7 @@
"gov-wales-link": "https://www.gov.wales",
"gov-wales-label": "GOV.WALES",
"service-name": "Planning casework",
"service-name-breadcrumb": "Home",
"new-service-beta": "This is a new service",
"breadcrumb-back-link": "Back",
"error-radio": "Choose an option",
@@ -12,19 +13,23 @@
"search-button": "Search",
"submit-and-start": "Submit and start course",
"footer-terms-conditions-link": "Terms and conditions",
"footer-privacy-link": "Privacy Notice",
"footer-privacy-link": "Privacy",
"footer-cookies-link": "Cookies",
"footer-accessibility-link": "Accessibility",
"footer-feedback-link": "Feedback",
"footer-feedback-link": "Give feedback about this page",
"footer-copyright-link": "Copyright statement",
"footer-alternative-languages-link": "Alternative languages",
"mobile-nav-label": "Menu",
"signout-label": "Sign out",
"back-to-top-link": "Back to top",
"social-bar-share-link": "Share this page",
"social-bar-share-via-link": "Share this page via",
"social-shared-from": "Shared from",
"breadcrumb-search-results": "Search results",
"breadcrumb-advanced-search": "Advanced search",
"breadcrumb-advanced-search-results": "Advanced search results",
"breadcrumb-my-portal": "My portal",
"breadcrumb-new-appeal": "New appeal",
"breadcrumb-case-reference": "Case Reference",
"spinner-loading": "Loading...",
"spinner-searching": "Searching...",
+1 -1
View File
@@ -1,5 +1,5 @@
{
"title-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications. This site is managed by the Planning Inspectorate.",
"title-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications.",
"title-application-search-placeholder": "Search application name",
"title-application-search-button": "Go",
"links-applications-title": "Applications",
+2 -1
View File
@@ -3,6 +3,7 @@
"login-comingsoon-temp-1": "This website is still in development, if you wish to submit a new appeal or application please submit it, along with any relevant associated documentation, to ",
"login-comingsoon-temp-2": "Appeal and application forms can be requested by e-mail or downloaded following the below link.",
"login-comingsoon-forms-link": "https://gov.wales/planning-appeal-forms",
"login-contact-email": "PEDW.Casework@gov.wales",
"login-card-title": "Sign in to appeal a planning decision",
"login-card-id-label": "Government Gateway user ID",
"login-card-id-hint": "This could be up to 12 characters.",
@@ -26,6 +27,6 @@
"inspectorate-card-visit-link": "Home",
"inspectorate-card-alt-text": "The Planning Inspectorate",
"dns-card-title": "Developments of National Significance",
"dns-card-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications. This site is managed by the Planning Inspectorate.",
"dns-card-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications.",
"dns-card-button": "View all applications"
}
+9 -4
View File
@@ -1,4 +1,4 @@
{
{
"viewall-link": "View all",
"page-title": "My Portal",
"makenewappeal-card-title": "Make a new appeal",
@@ -7,12 +7,17 @@
"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-title": "Appeal documentation search",
"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",
"searchcases-search-validation-required": "Angenrheidiol",
"searchcases-search-validation-minlength": "Rhaid bod yn 4 nod neu fwy",
"awatitingsubmission-card-title": "Awaiting submission",
"myrepresentations-card-title": "My representations",
"watchedcases-card-title": "Watched cases"
"watchedcases-card-title": "Watched cases",
"case-reference": "Case reference",
"case-address": "Address",
"case-address-not-entered": "not entered"
}
+4 -1
View File
@@ -5,5 +5,8 @@
"select-lpa-label": "Select your local planning authority",
"select-lpa-label-error-msg": "Local authority is required",
"select-appeal-type-label": "Select an appeal type",
"select-appeal-type-label-error-msg": "Appeal type is required"
"select-appeal-type-label-error-msg": "Appeal type is required",
"select-default": "Select...",
"change-link-label": "Change",
"submit-appeal-button": "Submit appeal"
}
+1 -1
View File
@@ -57,7 +57,7 @@
"searchresults-case-type-label": "Case type",
"searchresults-status-label": "Status",
"searchresults-watch-label": "Watch",
"searchresults-search-button-label": "Refine Search",
"searchresults-search-button-label": "Advanced Search",
"searchresults-new-search-button-label": "New Search",
"searchresults-no-records-label": "There are no records"
}
+34 -5
View File
@@ -27,28 +27,57 @@ module.exports = {
return [
{
source: "/ceisiadaudns",
destination: "/dnsapplications", // The :path parameter isn't used here so will be automatically passed in the query
destination: "/dnsapplications",
},
{
source: "/manyliondns",
destination: "/dnsdetails", // The :path parameter isn't used here so will be automatically passed in the query
destination: "/dnsdetails",
},
{
source: "/canlyniadauchwilio",
destination: "/searchresults", // The :path parameter isn't used here so will be automatically passed in the query
destination: "/searchresults",
},
{
source: "/fymhorth/canlyniadauchwilio",
destination: "/myportal/searchresults",
},
{
source: "/chwiliouwch",
destination: "/advancedsearch",
},
{
source: "/fymhorth/chwiliouwch",
destination: "/myportal/advancedsearch",
},
{
source: "/fymhorth",
destination: "/myportal",
},
{
source: "/achos",
destination: "/case",
},
{
source: "/fymhorth/achos",
destination: "/myportal/case",
},
{
source: "/allgofnodi",
destination: "/logout",
},
{
source: "/cy:path*",
destination: "http://cyrmu.local/:path*",
source: "/apelnewydd",
destination: "/newappeal",
},
{
source: "/apelnewydd/:path*",
destination: "/newappeal/:path*",
},
// {
// source: "/cy:path*",
// destination: "http://cyrmu.local/:path*",
// },
];
},
...nextTranslate(),
-1
View File
@@ -53,7 +53,6 @@ const Home = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main
className="govuk-main-wrapper--auto-spacing"
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main
className="govuk-main-wrapper--auto-spacing"
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main
className="govuk-main-wrapper--auto-spacing"
-1
View File
@@ -46,7 +46,6 @@ const Home = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main
className="govuk-main-wrapper--auto-spacing"
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main
className="govuk-main-wrapper--auto-spacing"
-1
View File
@@ -58,7 +58,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
{hasError ? (
<CRMError props={props} whichError="advancedSearch" />
-1
View File
@@ -51,7 +51,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<SearchResults
searchString={props.search.searchString}
+3 -3
View File
@@ -60,7 +60,7 @@ const getSASToken = () => {
};
export default async function ApiProxy(req, res) {
// console.log(req.method);
console.log(req.method);
var updateBody = {
"pinswg_areaofsiteinhectaresdec": 21,
@@ -112,14 +112,14 @@ export default async function ApiProxy(req, res) {
console.log(req.url.split("/api/proxy/")[1]);
return new Promise((resolve, reject) => {
// console.log(config);
console.log(config);
axios(req.method == "GET" ? configNoData : config)
.then((response) => {
res.statusCode = 200;
res.setHeader("Content-Type", "application/json");
res.setHeader("Cache-Control", "max-age=1800000");
res.end(JSON.stringify(response.data));
// console.log("response data", response.data);
console.log("response data", response.data);
resolve();
})
.catch((error) => {
-1
View File
@@ -36,7 +36,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} />
<Case
props={props}
-2
View File
@@ -33,8 +33,6 @@ const Home = (props) => {
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<div className="govuk-row">
-1
View File
@@ -36,7 +36,6 @@ const ApplicationView = (props) => {
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<ApplicationSummary />
-1
View File
@@ -37,7 +37,6 @@ const Applications = (props) => {
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<ApplicationIntro />
-1
View File
@@ -35,7 +35,6 @@ const Home = (props) => {
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<div className="govuk-grid-row">
-1
View File
@@ -33,7 +33,6 @@ const Home = (props) => {
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper">
<div className="govuk-row">
-1
View File
@@ -30,7 +30,6 @@ const Home = (props) => {
<CookieBanner />
<Header serviceName="Developments of National Significance" />
<div className="govuk-width-container">
<Banner />
<Main />
</div>
<Footer footerLinks={footerLinks} />
-1
View File
@@ -47,7 +47,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<DNSSearchResults
searchString="DNS"
-1
View File
@@ -36,7 +36,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} />
<Case
props={props}
+2 -2
View File
@@ -1,7 +1,7 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../components/header";
import Banner from "../components/banner";
import ServiceBanner from "../components/servicebanner";
import CookieBanner from "../components/cookieBanner";
import Breadcrumbs from "../components/breadcrumbs";
import Main from "../components/main";
@@ -31,7 +31,7 @@ const Home = (props) => {
<CookieBanner />
<Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container">
<Banner />
<ServiceBanner />
<Main pages={pages} />
</div>
<Footer footerLinks={footerLinks} />
-1
View File
@@ -27,7 +27,6 @@ const LogOut = (props) => {
<CookieBanner />
<Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container">
<Banner />
<h2>{t("common:logged-out-title")}</h2>
<div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9">
<Link href="/">{t("common:logged-out-link")}</Link>
+104
View File
@@ -0,0 +1,104 @@
import _ from "lodash";
import { useState } from "react";
import Head from "next/head";
import Header from "../../components/header";
import Banner from "../../components/banner";
import CookieBanner from "../../components/cookieBanner";
import Breadcrumbs from "../../components/breadcrumbs";
import Search from "../../components/search";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import CRMError from "../../components/crmError";
import {
setAppealType,
setAppealTypeTitle,
setAppealTypeID,
setAppealLPA,
getAppealTypeObj,
} from "../../store/appealType/action";
import {
getAppealsTypes,
getLPA,
updateCase,
createCase,
getSASToken,
} from "../../actions";
import { setLPA } from "../../store/lpa/action";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
console.log(props, props.LPAData);
var hasError =
_.has(props.LPAData.LPAData, "errorCode") ||
_.has(props.appealType.appealType, "errorCode")
? true
: false;
return (
<div>
<Head>
<title>
{t("search:page-title")} - {t("common:service-name")}
</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Breadcrumbs slug={appealtypes} />
{hasError ? (
<CRMError props={props} whichError="advancedSearch" />
) : (
<Search
lpadata={props.LPAData}
appealType={props.appealType}
/>
)}
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export const getServerSideProps = wrapper.getServerSideProps(
(store) =>
async ({ query, req, res }) => {
const token = await getSASToken();
const [appealTypeData, lpaData] = await Promise.all([
await getAppealsTypes(token),
await getLPA(token),
]);
store.dispatch(setAppealType(appealTypeData));
store.dispatch(setLPA(lpaData));
}
);
const mapStateToProps = (state) => {
return {
search: state.search,
searchResultsObj: state.searchResultsObj,
formData: state.formData,
appealType: state.appealType,
LPAData: state.LPAData,
//form: state.form,
accountDetails: state.accountDetails,
};
};
export default connect(mapStateToProps)(Home);
+141
View File
@@ -0,0 +1,141 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../../components/header";
import Banner from "../../components/banner";
import CookieBanner from "../../components/cookieBanner";
import Breadcrumbs from "../../components/breadcrumbs";
import SearchResults from "../../components/searchresults";
import Footer from "../../components/footer";
import Errorpage from "../../components/errorpage";
import styles from "../../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import jsonpath from "jsonpath";
import data from "../../data/collections.json";
import { setSearch, getSearchObj } from "../../store/search/action";
import {
setSearchResults,
setSearchDetails,
setDocumentDetails,
setDocumentHistory,
getSearchResultsObj,
} from "../../store/searchOutput/action";
import {
getAdvancedSearch,
getBasicSearchDetails,
getSearchDocumentDetails,
getSearchDocumentHistory,
getSASToken,
} from "../../actions";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
const { appealtypes } = router.query;
return (
<div>
<Head>
<title>
{t("search:page-title")} - {t("common:service-name")}
</title>
</Head>
<div id="page_wrapper">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Breadcrumbs slug={appealtypes} />
<SearchResults
searchString={props.search.searchString}
searchResultsObj={props.searchResultsObj}
advancedSearch={true}
/>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
export const getServerSideProps = wrapper.getServerSideProps(
(store) =>
async ({ query, req, res }) => {
console.log("query-", query);
//console.log("search array:", Object.entries(query));
const token = await getSASToken();
const searchResultsObj = await getAdvancedSearch(token, query);
const searchDetailsObj = await getSearchDetails(
token,
searchResultsObj
);
store.dispatch(setSearchResults(searchResultsObj));
store.dispatch(setSearchDetails(searchDetailsObj));
}
);
const getFormCollection = (formtype) => {
const collectionName = jsonpath.query(
data,
"$..[?(@.LogicalName=='" + formtype + "')].LogicalCollectionName"
);
//console.log(collectionName[0]);
return collectionName[0];
};
const getSearchDetails = (token, searchResultsObj) => {
//console.log(searchResultsObj);
let detailsArr = [];
//console.log("searcg results", searchResultsObj);
searchResultsObj = searchResultsObj.value;
const detailsObj = searchResultsObj.map((searchDetail, index) => {
if (searchDetail.pinswg_appealcasetype == null) {
console.log(searchDetail.ticketnumber);
} else {
detailsArr.push(
getBasicSearchDetails(
token,
getFormCollection(
"pinswg_" +
searchDetail[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
]
.replace(/(\band|[\s\-\+\(\)\,\&])/g, "")
.toLowerCase()
.slice(0, 39)
),
searchDetail.ticketnumber
)
);
}
});
//console.log(detailsArr);
return Promise.all(detailsArr);
};
const mapStateToProps = (state) => {
return {
currentView: state.currentView,
search: state.search,
searchResultsObj: state.searchResultsObj,
formData: state.formData,
appealType: state.appealType,
form: state.form,
myCases: state.myCases,
watchedCases: state.watchedCases,
myRepresentations: state.myRepresentations,
awaitingSubmission: state.awaitingSubmission,
};
};
export default connect(mapStateToProps)(Home);
-1
View File
@@ -34,7 +34,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} />
<Case
myCases={props.myCases.myCases}
-1
View File
@@ -67,7 +67,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<MyPortal
myCases={myCases}
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<SearchResults
searchString={props.search.searchString}
-1
View File
@@ -40,7 +40,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs
slug={appealtypes}
currentView={props.currentView.currentView}
+119 -29
View File
@@ -44,6 +44,32 @@ import BuildSection from "../../components/newappeal/buildsection";
import BuildCheckSection from "../../components/newappeal/buildchecksection";
import CompleteAppeal from "../../components/newappeal/complete";
import AdvertsForm from "../../data/forms/adverts";
import Callinss77Form from "../../data/forms/callinss77";
import CommonLandForm from "../../data/forms/commonland";
import CommunityInfrastructureLevys117118119Form from "../../data/forms/communityinfrastructurelevys117118119";
import CompulsoryPurchaseOrdersForm from "../../data/forms/compulsorypurchaseorders";
import DNSForm from "../../data/forms/dns";
import ElectricityActForm from "../../data/forms/electricityact";
import EnforcementListedBuildingConservationapForm from "../../data/forms/enforcementlistedbuildingconservationap";
import EnforcementNoticeAppeals174Form from "../../data/forms/enforcementnoticeappeals174";
import EnvironmentalPermittingForm from "../../data/forms/environmentalpermitting";
import HarbourRevisionOrderForm from "../../data/forms/harbourrevisionorder";
import HedgesHedgerowsTreePreservationReplacemForm from "../../data/forms/hedgeshedgerowstreepreservationreplacem";
import HouseholderAppealHasForm from "../../data/forms/householderappealhas";
import LawfulDevelopmentCertificateForm from "../../data/forms/lawfuldevelopmentcertificate";
import LdpForm from "../../data/forms/ldp";
import ListedBuildingAndConservationAreaConsenForm from "../../data/forms/listedbuildingandconservationareaconsen";
import MaintenanceOfLands217Form from "../../data/forms/maintenanceoflands217";
import MiscellaneousCaseworkForm from "../../data/forms/miscellaneouscasework";
import NonValidationForm from "../../data/forms/nonvalidation";
import PlanningAppeals78Form from "../../data/forms/planningappeals78";
import PlanningConditionss73s79Form from "../../data/forms/planningconditionss73s79";
import PlanningObligationAppeals106Form from "../../data/forms/planningobligationappeals106";
import RowForm from "../../data/forms/row";
import TransportAndWorkActForm from "../../data/forms/transportandworkact";
import WayleaveForm from "../../data/forms/wayleave";
let Home = (props) => {
const { footerLinks, pages, formData } = props;
let { t, lang } = useTranslation();
@@ -90,25 +116,87 @@ let Home = (props) => {
(key) => optionsTitleObj[key] === appealtypes
);
//console.log(formTitle);
const getFormType = (appealType) => {
switch (appealType) {
case "adverts":
return <AdvertsForm props={props} />;
case "callinss77":
return <Callinss77Form props={props} />;
case "commonland":
return <CommonLandForm props={props} />;
case "communityinfrastructurelevys117118119":
return (
<CommunityInfrastructureLevys117118119Form props={props} />
);
case "compulsorypurchaseorders":
return <CompulsoryPurchaseOrdersForm props={props} />;
case "dns":
return <DNSForm props={props} />;
case "electricityact":
return <ElectricityActForm props={props} />;
case "enforcementlistedbuildingconservationap":
return (
<EnforcementListedBuildingConservationapForm
props={props}
/>
);
case "enforcementnoticeappeals174":
return <EnforcementNoticeAppeals174Form props={props} />;
case "environmentalpermitting":
return <EnvironmentalPermittingForm props={props} />;
case "harbourrevisionorder":
return <HarbourRevisionOrderForm props={props} />;
case "harbourrhedgeshedgerowstreepreservationreplacemevisionorder":
return (
<HedgesHedgerowsTreePreservationReplacemForm
props={props}
/>
);
case "householderappealhas":
return <HouseholderAppealHasForm props={props} />;
case "lawfuldevelopmentcertificate":
return <LawfulDevelopmentCertificateForm props={props} />;
// crm api query for looking up picklist fields/drop downs
// <url path to >/api/data/v8.2/EntityDefinitions(LogicalName='{appeal type form}')/Attributes(LogicalName='{drop down datafield name}')/Microsoft.Dynamics.CRM.PicklistAttributeMetadata?$select=LogicalName&$expand=GlobalOptionSet($select=Options)
// eg https://devcrm2016.llcdt.gov.wales/DVPINS/api/data/v8.2/EntityDefinitions(LogicalName='pinswg_householderappealhas')/Attributes(LogicalName='pinswg_casetype')/Microsoft.Dynamics.CRM.PicklistAttributeMetadata?$select=LogicalName&$expand=GlobalOptionSet($select=Options)
// query for labels in section eg for section 2 - /form/tabs/tab[2]//rows//labels
// query for getting guids of form element types /form/tabs/tab[*]//rows/row//control[@classid]/@classid
//
// 270BD3DB-D9AF-4782-9025-509E298DEC0A - read only
// 3EF39988-22BB-4f0b-BBBE-64B5A3748AEE - drop down list controlled by datafieldname for content - datafieldname picklist entity
// 67FAC785-CD58-4f9f-ABB3-4B7DDC6ED5ED - boolean flag / yes no radio button
// 4273EDBD-AC1D-40d3-9FB2-095C621B552D - text field
// 5B773807-9FB2-42db-97C3-7A91EFF8ADFF - date field
// E0DECE4B-6FC8-4a8f-A065-082708572369 - multiline
// C6D124CA-7EDA-4a60-AEA9-7FB8D318B68F - numeric field
// C3EFE0C3-0EC6-42be-8349-CBD9079DFD8E - decimal
case "ldp":
return <LdpForm props={props} />;
/// to get dropdowns names
// form/tabs/tab[*]//rows/row//control[@classid="{3EF39988-22BB-4f0b-BBBE-64B5A3748AEE}"]/@datafieldname
case "listedbuildingandconservationareaconsen":
return (
<ListedBuildingAndConservationAreaConsenForm
props={props}
/>
);
case "maintenanceoflands217":
return <MaintenanceOfLands217Form props={props} />;
case "miscellaneouscasework":
return <MiscellaneousCaseworkForm props={props} />;
case "nonvalidation":
return <NonValidationForm props={props} />;
case "planningappeals78":
return <PlanningAppeals78Form props={props} />;
case "planningconditionss73s79":
return <PlanningConditionss73s79Form props={props} />;
case "planningobligationappeals106":
return <PlanningObligationAppeals106Form props={props} />;
case "row":
return <RowForm props={props} />;
case "transportandworkact":
return <TransportAndWorkActForm props={props} />;
case "wayleave":
return <WayleaveForm props={props} />;
default:
return <HouseholderAppealHasForm props={props} />;
}
re;
};
const { onSubmit } = props;
@@ -116,7 +204,7 @@ let Home = (props) => {
<div>
<Head>
<title>
{t("search:page-title")} - {t("common:service-name")}
{t("newappeal:page-title")} - {t("common:service-name")}
</title>
</Head>
<div id="page_wrapper">
@@ -124,7 +212,6 @@ let Home = (props) => {
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} formTitle={formTitle} />
<main
className="govuk-main-wrapper--auto-spacing"
@@ -147,16 +234,19 @@ let Home = (props) => {
}
/>
) : (
<BuildSection
formXML={formXML}
sectionCount={sectionCount}
onSubmit={onSubmit}
formTitle={formTitle}
mandatoryFieldsData={
props.formData.mandatoryFieldsData
}
props={props}
/>
<>
<BuildSection
formXML={formXML}
sectionCount={sectionCount}
onSubmit={onSubmit}
formTitle={formTitle}
mandatoryFieldsData={
props.formData.mandatoryFieldsData
}
props={props}
/>
{/* {getFormType(appealtypes)} */}
</>
)}
</main>
</div>
+2 -8
View File
@@ -36,11 +36,6 @@ import {
import { setLPA } from "../../store/lpa/action";
const Home = (props) => {
// useEffect(() => {
// // updateCase("3ffcf47c-5811-ec11-aac9-00224800be9c", "846040004");
// createCase();
// });
const { footerLinks, pages, formData } = props;
let { t, lang } = useTranslation();
@@ -54,7 +49,7 @@ const Home = (props) => {
<div>
<Head>
<title>
{t("search:page-title")} - {t("common:service-name")}
{t("newappeal:page-title")} - {t("common:service-name")}
</title>
</Head>
<div id="page_wrapper">
@@ -62,14 +57,13 @@ const Home = (props) => {
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<main
className="govuk-main-wrapper--auto-spacing"
id="main-content"
role="main"
>
<h1>New Appeal</h1>
<h1>{t("newappeal:page-title")}</h1>
<CreateCase
LPAData={props.LPAData}
appealType={props.setAppealType}
-1
View File
@@ -32,7 +32,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<NewAppeal />
</div>
<Footer footerLinks={footerLinks} />
-1
View File
@@ -76,7 +76,6 @@ const Home = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<h1>New Appeal</h1>
-1
View File
@@ -34,7 +34,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} />
<Case
myCases={props.myCases.myCases}
-1
View File
@@ -51,7 +51,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<SearchResults
searchString={props.search.searchString}
-1
View File
@@ -40,7 +40,6 @@ const Home = (props) => {
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} />
<ViewAll
searchString={"View All"}
@@ -0,0 +1 @@
<svg width="33" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M13 10L9.7 6.5 3.4 0 .1 3.6 6.2 10 .1 16.4 3.4 20l6.3-6.5z" fill="#111"/></svg>

After

Width:  |  Height:  |  Size: 152 B

@@ -0,0 +1 @@
<svg width="33" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M13 10L9.7 6.5 3.4 0 .1 3.6 6.2 10 .1 16.4 3.4 20l6.3-6.5z" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 152 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 17 KiB

Some files were not shown because too many files have changed in this diff Show More