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

GEL defect and ui changes

Browse Source
This commit is contained in:
robbond
2021-10-07 14:47:17 +01:00
parent dbaa797034
commit 59f7d95f88
60 changed files with 515 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/banner.js
+13 -9
View File
@@ -4,15 +4,19 @@ import useTranslation from "next-translate/useTranslation";
export default function Banner() { export default function Banner() {
let { t, lang } = useTranslation(); let { t, lang } = useTranslation();
return ( return (
<div className="govuk-phase-banner"> <div className="govuk-header phase_banner">
<p className="govuk-phase-banner__content"> <div className="govuk-header__container govuk-width-container">
<span className="govuk-tag govuk-phase-banner__content__tag"> <div className="govuk-phase-banner">
beta <p className="govuk-phase-banner__content">
</span> <span className="govuk-tag govuk-phase-banner__content__tag">
<span className="govuk-phase-banner__text"> beta
{t("common:new-service-beta")} </span>
</span> <span className="govuk-phase-banner__text">
</p> {t("common:new-service-beta")}
</span>
</p>
</div>
</div>
</div> </div>
); );
} }
components/breadcrumbs.js
+3 -3
View File
@@ -56,13 +56,13 @@ const Breadcrumbs = (props) => {
> >
<div className="govuk-breadcrumbs "> <div className="govuk-breadcrumbs ">
<ol className="govuk-breadcrumbs__list"> <ol className="govuk-breadcrumbs__list">
<li className="govuk-breadcrumbs__list-item"> {/* <li className="govuk-breadcrumbs__list-item">
<Link href={t("common:gov-wales-link")}> <Link href={t("common:gov-wales-link")}>
<a className="govuk-breadcrumbs__link"> <a className="govuk-breadcrumbs__link">
{t("common:gov-wales-label")} {t("common:gov-wales-label")}
</a> </a>
</Link> </Link>
</li> </li> */}
<li className="govuk-breadcrumbs__list-item"> <li className="govuk-breadcrumbs__list-item">
<Link <Link
href={ href={
@@ -74,7 +74,7 @@ const Breadcrumbs = (props) => {
<a className="govuk-breadcrumbs__link"> <a className="govuk-breadcrumbs__link">
{router.pathname.includes("/dns/") {router.pathname.includes("/dns/")
? t("dnsCommon:service-name") ? t("dnsCommon:service-name")
: t("common:service-name")} : t("common:service-name-breadcrumb")}
</a> </a>
</Link> </Link>
</li> </li>
components/case/documents.js
+10 -10
View File
@@ -49,16 +49,16 @@ const DocumentDetails = (props) => {
return ( return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results"> <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings"> <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")} {t("case:documents-name-label")}
</dd> </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")} {t("case:documents-doc-type-label")}
</dd> </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")} {t("case:documents-date-published-label")}
</dd> </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")} {t("case:documents-size-label")}
</dd> </dd>
</div> </div>
@@ -88,14 +88,14 @@ const DocumentDetails = (props) => {
className="govuk-summary-list__row" className="govuk-summary-list__row"
key={key} 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 <Link
href={ href={
"/" + "/api/proxy/documents/download/" +
detailsObj.pinswg_isharedocumentreference detailsObj.pinswg_isharedocumentreference
} }
> >
<a> <a target="_blank">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"case:documents-name-label" "case:documents-name-label"
@@ -112,7 +112,7 @@ const DocumentDetails = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t("case:documents-doc-type-label")} {t("case:documents-doc-type-label")}
: :
@@ -134,7 +134,7 @@ const DocumentDetails = (props) => {
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"case:documents-date-published-label" "case:documents-date-published-label"
@@ -152,7 +152,7 @@ const DocumentDetails = (props) => {
) )
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t("case:documents-size-label")}: {t("case:documents-size-label")}:
</span> </span>
components/cookieBanner.js
+9 -7
View File
@@ -8,13 +8,13 @@ const CookieBanner = () => {
<CookieConsent <CookieConsent
style={{ style={{
position: "inherit", position: "inherit",
background: "#f3f2f1", background: "#eeeeee",
display: "block", display: "block",
}} }}
containerClasses="app-cookie-banner" containerClasses="app-cookie-banner"
buttonClasses="govuk-button" buttonClasses="cookies-banner__button"
buttonWrapperClasses="govuk-width-container consentBanner" buttonWrapperClasses="govuk-width-container consentBanner"
declineButtonClasses="govuk-button" declineButtonClasses="cookies-banner__button"
buttonText={t("common:cookie-banner-accept")} buttonText={t("common:cookie-banner-accept")}
declineButtonText={t("common:cookie-banner-decline")} declineButtonText={t("common:cookie-banner-decline")}
disableStyles={true} disableStyles={true}
@@ -36,10 +36,10 @@ const CookieBanner = () => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds"> <div className="govuk-grid-column-two-thirds">
<div className=""> <div className="">
<p className="govuk-body"> <p className="cookies-banner__description">
{t("common:cookie-banner-line-1")} {t("common:cookie-banner-line-1")}
</p> </p>
<ul> <ul className="cookies-banner__description">
<li> <li>
{" "} {" "}
{t( {t(
@@ -47,8 +47,10 @@ const CookieBanner = () => {
)} )}
</li> </li>
</ul> </ul>
<p>{t("common:cookie-banner-line-2")}</p> <p className="cookies-banner__description">
<ul> {t("common:cookie-banner-line-2")}
</p>
<ul className="cookies-banner__description">
<li> <li>
{t( {t(
"common:cookie-banner-list-item-2" "common:cookie-banner-list-item-2"
components/dns/applications/applicationsList.js
+45 -45
View File
@@ -46,34 +46,34 @@ const ApplicationList = (props) => {
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<dl className="govuk-summary-list govuk-!-margin-bottom-0 results"> <dl className="govuk-summary-list govuk-!-margin-bottom-0 results">
<div className="govuk-summary-list__row results-headings"> <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( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
)} )}
</dd> </dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14"> <dd className="govuk-summary-list__key govuk-!-font-size-16">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
</dd> </dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14"> <dd className="govuk-summary-list__key govuk-!-font-size-16">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
)} )}
</dd> </dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14"> <dd className="govuk-summary-list__key govuk-!-font-size-16">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
)} )}
</dd> </dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14"> <dd className="govuk-summary-list__key govuk-!-font-size-16">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
)} )}
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -82,7 +82,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -95,7 +95,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -104,7 +104,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -113,7 +113,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -124,7 +124,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -133,7 +133,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -146,7 +146,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -155,7 +155,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -164,7 +164,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -175,7 +175,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -184,7 +184,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -197,7 +197,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -206,7 +206,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -215,7 +215,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -226,7 +226,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -235,7 +235,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -248,7 +248,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -257,7 +257,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -266,7 +266,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -277,7 +277,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -286,7 +286,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -299,7 +299,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -308,7 +308,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -317,7 +317,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -328,7 +328,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -337,7 +337,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -350,7 +350,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -359,7 +359,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -368,7 +368,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -379,7 +379,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -388,7 +388,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -401,7 +401,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -410,7 +410,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -419,7 +419,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
@@ -430,7 +430,7 @@ const ApplicationList = (props) => {
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
@@ -439,7 +439,7 @@ const ApplicationList = (props) => {
</span> </span>
CAS-00009-W8N6W4 CAS-00009-W8N6W4
</dd> </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"> <Link href="/dns/application-view">
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -452,7 +452,7 @@ const ApplicationList = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
@@ -461,7 +461,7 @@ const ApplicationList = (props) => {
</span> </span>
Menter Mon Menter Mon
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
@@ -470,7 +470,7 @@ const ApplicationList = (props) => {
</span> </span>
Energy Energy
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
components/footer.js
+58 -31
View File
@@ -141,42 +141,18 @@ export default function Footer(props) {
> >
<li className="govuk-footer__inline-list-item"> <li className="govuk-footer__inline-list-item">
<a <a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation" href="https://gov.wales/contact-us"
id="aTermsConds"
className="govuk-footer__link" className="govuk-footer__link"
id="aAccess"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
{t( Contact us
"common:footer-terms-conditions-link"
)}
</a> </a>
</li> </li>
<li className="govuk-footer__inline-list-item"> <li className="govuk-footer__inline-list-item">
<a <a
href="https://www.gov.uk/government/publications/planning-inspectorate-privacy-notices" href="https://gov.wales/copyright-statement"
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"
className="govuk-footer__link" className="govuk-footer__link"
id="aAccess" id="aAccess"
target="_blank" target="_blank"
@@ -189,12 +165,63 @@ export default function Footer(props) {
</li> </li>
<li className="govuk-footer__inline-list-item"> <li className="govuk-footer__inline-list-item">
<a <a
href="http://www.gov.uk/guidance/feedback" href="https://gov.wales/copyright-statement"
id="feedback" className="govuk-footer__link"
id="aAccess"
target="_blank" target="_blank"
rel="noreferrer" 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> </a>
</li> </li>
</ul> </ul>
components/header.js
+6 -39
View File
File diff suppressed because one or more lines are too long
components/main.js
+1 -1
View File
@@ -29,7 +29,7 @@ export default function Home({ children, pages }) {
<CaseComment /> <CaseComment />
<Dns /> <Dns />
<Login /> <Login />
<Inspectorate /> {/* <Inspectorate /> */}
</div> </div>
</div> </div>
</div> </div>
components/myportal/viewall.js
+12 -12
View File
@@ -20,7 +20,7 @@ const ViewAllResults = (props) => {
Object.keys(resultsArr).map((key, index) => { Object.keys(resultsArr).map((key, index) => {
resultsRowArr.push( resultsRowArr.push(
<div className="govuk-summary-list__row" key={key}> <div 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={router.locale == "cy" ? "/achos" : "/case"}> <Link href={router.locale == "cy" ? "/achos" : "/case"}>
<a <a
onClick={() => { onClick={() => {
@@ -38,7 +38,7 @@ const ViewAllResults = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
Site Address:{" "} Site Address:{" "}
</span> </span>
@@ -47,13 +47,13 @@ const ViewAllResults = (props) => {
<br /> <br />
{resultsArr[index].postcode} {resultsArr[index].postcode}
</dd> </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"> <span className="results-visually-hidden">
Appellant/Applicant: Appellant/Applicant:
</span> </span>
Mr smith Mr smith
</dd> </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> <span className="results-visually-hidden">Authority:</span>
{ {
resultsArr[index][ resultsArr[index][
@@ -61,7 +61,7 @@ const ViewAllResults = (props) => {
] ]
} }
</dd> </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> <span className="results-visually-hidden">Case Type:</span>
{ {
resultsArr[index][ resultsArr[index][
@@ -69,7 +69,7 @@ const ViewAllResults = (props) => {
] ]
} }
</dd> </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> <span className="results-visually-hidden">Status:</span>
{ {
resultsArr[index][ resultsArr[index][
@@ -91,22 +91,22 @@ const ViewAllResults = (props) => {
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results"> <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings"> <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")} {t("search:searchresults-case-reference-label")}
</dd> </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")} {t("search:searchresults-site-address-label")}
</dd> </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")} {t("search:searchresults-applicant-label")}
</dd> </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")} {t("search:searchresults-authority-label")}
</dd> </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")} {t("search:searchresults-case-type-label")}
</dd> </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")} {t("search:searchresults-status-label")}
</dd> </dd>
</div> </div>
components/search/dnssearchresults.js
+10 -10
View File
@@ -27,20 +27,20 @@ const DNSSearchResults = (props) => {
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results"> <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings"> <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")} {t("search:searchresults-case-reference-label")}
</dd> </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")} {t("search:searchresults-site-address-label")}
</dd> </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")} {t("search:searchresults-applicant-label")}
</dd> </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")} {t("search:searchresults-authority-label")}
</dd> </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")} {t("search:searchresults-status-label")}
</dd> </dd>
</div> </div>
@@ -59,7 +59,7 @@ const DNSSearchResults = (props) => {
className="govuk-summary-list__row" className="govuk-summary-list__row"
key={key} key={key}
> >
<dd className="govuk-summary-list__value govuk-!-font-size-14 "> <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<Link <Link
href={ href={
router.locale == "cy" router.locale == "cy"
@@ -87,7 +87,7 @@ const DNSSearchResults = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-site-address-label" "search:searchresults-site-address-label"
@@ -129,7 +129,7 @@ const DNSSearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode ? detailsObj.pinswg_siteaddresspostcode
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-applicant-label" "search:searchresults-applicant-label"
@@ -144,7 +144,7 @@ const DNSSearchResults = (props) => {
] ]
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-authority-label" "search:searchresults-authority-label"
@@ -168,7 +168,7 @@ const DNSSearchResults = (props) => {
] || "N/A" ] || "N/A"
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-status-label" "search:searchresults-status-label"
components/search/searchresults.js
+12 -12
View File
@@ -25,22 +25,22 @@ const SearchResults = (props) => {
return ( return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results"> <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings"> <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")} {t("search:searchresults-case-reference-label")}
</dd> </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")} {t("search:searchresults-site-address-label")}
</dd> </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")} {t("search:searchresults-applicant-label")}
</dd> </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")} {t("search:searchresults-authority-label")}
</dd> </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")} {t("search:searchresults-case-type-label")}
</dd> </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")} {t("search:searchresults-status-label")}
</dd> </dd>
</div> </div>
@@ -54,7 +54,7 @@ const SearchResults = (props) => {
return ( return (
<div className="govuk-summary-list__row" key={key}> <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 <Link
href={ href={
router.locale == "cy" router.locale == "cy"
@@ -82,7 +82,7 @@ const SearchResults = (props) => {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-site-address-label" "search:searchresults-site-address-label"
@@ -109,7 +109,7 @@ const SearchResults = (props) => {
? detailsObj.pinswg_siteaddresspostcode ? detailsObj.pinswg_siteaddresspostcode
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t("search:searchresults-applicant-label")}: {t("search:searchresults-applicant-label")}:
</span> </span>
@@ -121,7 +121,7 @@ const SearchResults = (props) => {
] ]
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t("search:searchresults-authority-label")}: {t("search:searchresults-authority-label")}:
</span> </span>
@@ -142,7 +142,7 @@ const SearchResults = (props) => {
] || "N/A" ] || "N/A"
: ""} : ""}
</dd> </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"> <span className="results-visually-hidden">
{t("search:searchresults-case-type-label")}: {t("search:searchresults-case-type-label")}:
</span> </span>
@@ -159,7 +159,7 @@ const SearchResults = (props) => {
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A"} ] || "N/A"}
</dd> </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"> <span className="results-visually-hidden">
{t("search:searchresults-status-label")}: {t("search:searchresults-status-label")}:
</span> </span>
components/search/viewall.js
+18 -18
View File
@@ -12,7 +12,7 @@ export default function ViewAllResults(props) {
var resultsArr = props.searchResultsObj.searchResultsObj.value || [{}]; var resultsArr = props.searchResultsObj.searchResultsObj.value || [{}];
const resultRow = Object.keys(resultsArr).map((key, index) => { const resultRow = Object.keys(resultsArr).map((key, index) => {
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<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={router.locale == "cy" ? "/achos" : "/case"}> <Link href={router.locale == "cy" ? "/achos" : "/case"}>
<a> <a>
<span className="results-visually-hidden"> <span className="results-visually-hidden">
@@ -22,28 +22,28 @@ export default function ViewAllResults(props) {
</a> </a>
</Link> </Link>
</dd> </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> <span className="results-visually-hidden">Site Address: </span>
23 Martineau Lane 23 Martineau Lane
<br /> HASTINGS <br /> HASTINGS
<br /> <br />
TN35 5DS TN35 5DS
</dd> </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"> <span className="results-visually-hidden">
Appellant/Applicant: Appellant/Applicant:
</span> </span>
Mr J Pocknell Mr J Pocknell
</dd> </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> <span className="results-visually-hidden">Authority:</span>
Hastings Borough Council{" "} Hastings Borough Council{" "}
</dd> </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> <span className="results-visually-hidden">Case Type:</span>
Planning (W){" "} Planning (W){" "}
</dd> </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> <span className="results-visually-hidden">Status:</span>
In Progress In Progress
</dd> </dd>
@@ -59,22 +59,22 @@ export default function ViewAllResults(props) {
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results"> <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings"> <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")} {t("search:searchresults-case-reference-label")}
</dd> </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")} {t("search:searchresults-site-address-label")}
</dd> </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")} {t("search:searchresults-applicant-label")}
</dd> </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")} {t("search:searchresults-authority-label")}
</dd> </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")} {t("search:searchresults-case-type-label")}
</dd> </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")} {t("search:searchresults-status-label")}
</dd> </dd>
</div> </div>
@@ -82,7 +82,7 @@ export default function ViewAllResults(props) {
{resultsArr.map((item, key) => { {resultsArr.map((item, key) => {
return ( return (
<div className="govuk-summary-list__row" key={key}> <div 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 <Link
href={ href={
router.locale == "cy" router.locale == "cy"
@@ -98,7 +98,7 @@ export default function ViewAllResults(props) {
</a> </a>
</Link> </Link>
</dd> </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"> <span className="results-visually-hidden">
Site Address:{" "} Site Address:{" "}
</span> </span>
@@ -107,13 +107,13 @@ export default function ViewAllResults(props) {
<br /> <br />
TN35 5DS TN35 5DS
</dd> </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"> <span className="results-visually-hidden">
Appellant/Applicant: Appellant/Applicant:
</span> </span>
Mr J Pocknell Mr J Pocknell
</dd> </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"> <span className="results-visually-hidden">
Authority: Authority:
</span> </span>
@@ -123,7 +123,7 @@ export default function ViewAllResults(props) {
] ]
} }
</dd> </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"> <span className="results-visually-hidden">
Case Type: Case Type:
</span> </span>
@@ -133,7 +133,7 @@ export default function ViewAllResults(props) {
] ]
} }
</dd> </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"> <span className="results-visually-hidden">
Status: Status:
</span> </span>
components/servicebanner.js
+21
View File
@@ -0,0 +1,21 @@
import Link from "next/link";
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>
);
}
locales/cy/common.json
+3
View File
@@ -2,6 +2,7 @@
"gov-wales-link": "https://llyw.cymru", "gov-wales-link": "https://llyw.cymru",
"gov-wales-label": "LLYW.CYMRU", "gov-wales-label": "LLYW.CYMRU",
"service-name": "Cynllunio gwaith achos", "service-name": "Cynllunio gwaith achos",
"service-name-breadcrumb": "Hafan",
"new-service-beta": "Mae hwn yn wasanaeth newydd", "new-service-beta": "Mae hwn yn wasanaeth newydd",
"breadcrumb-back-link": "Yn ôl", "breadcrumb-back-link": "Yn ôl",
"error-radio": "Dewiswch opsiwn", "error-radio": "Dewiswch opsiwn",
@@ -16,6 +17,8 @@
"footer-cookies-link": "Chwcis", "footer-cookies-link": "Chwcis",
"footer-accessibility-link": "Hygyrchedd", "footer-accessibility-link": "Hygyrchedd",
"footer-feedback-link": "Adborth", "footer-feedback-link": "Adborth",
"footer-copyright-link": "Datganiad hawlfraint",
"footer-alternative-languages-link": "Ieithoedd amgen",
"mobile-nav-label": "Dewislen", "mobile-nav-label": "Dewislen",
"signout-label": "Cofrestrwch allan", "signout-label": "Cofrestrwch allan",
"back-to-top-link": "Nôl i dop y dudalen", "back-to-top-link": "Nôl i dop y dudalen",
locales/cy/home.json
+1 -1
View File
@@ -27,6 +27,6 @@
"inspectorate-card-visit-link": "Hafan", "inspectorate-card-visit-link": "Hafan",
"inspectorate-card-alt-text": "Yr Arolygiaeth Gynllunio", "inspectorate-card-alt-text": "Yr Arolygiaeth Gynllunio",
"dns-card-title": "Datblygiadau o Arwyddocâd Cenedlaethol", "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" "dns-card-button": "Gweld pob cais"
} }
locales/cy/search.json
+1 -1
View File
@@ -57,7 +57,7 @@
"searchresults-case-type-label": "Math o Achos", "searchresults-case-type-label": "Math o Achos",
"searchresults-status-label": "Statws", "searchresults-status-label": "Statws",
"searchresults-watch-label": "Gwylio", "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-new-search-button-label": "Chwiliad newydd",
"searchresults-no-records-label": "Nid oes unrhyw gofnodion" "searchresults-no-records-label": "Nid oes unrhyw gofnodion"
} }
locales/en/common.json
+5 -2
View File
@@ -2,6 +2,7 @@
"gov-wales-link": "https://www.gov.wales", "gov-wales-link": "https://www.gov.wales",
"gov-wales-label": "GOV.WALES", "gov-wales-label": "GOV.WALES",
"service-name": "Planning casework", "service-name": "Planning casework",
"service-name-breadcrumb": "Home",
"new-service-beta": "This is a new service", "new-service-beta": "This is a new service",
"breadcrumb-back-link": "Back", "breadcrumb-back-link": "Back",
"error-radio": "Choose an option", "error-radio": "Choose an option",
@@ -12,10 +13,12 @@
"search-button": "Search", "search-button": "Search",
"submit-and-start": "Submit and start course", "submit-and-start": "Submit and start course",
"footer-terms-conditions-link": "Terms and conditions", "footer-terms-conditions-link": "Terms and conditions",
"footer-privacy-link": "Privacy Notice", "footer-privacy-link": "Privacy",
"footer-cookies-link": "Cookies", "footer-cookies-link": "Cookies",
"footer-accessibility-link": "Accessibility", "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", "mobile-nav-label": "Menu",
"signout-label": "Sign out", "signout-label": "Sign out",
"back-to-top-link": "Back to top", "back-to-top-link": "Back to top",
locales/en/home.json
+1 -1
View File
@@ -27,6 +27,6 @@
"inspectorate-card-visit-link": "Home", "inspectorate-card-visit-link": "Home",
"inspectorate-card-alt-text": "The Planning Inspectorate", "inspectorate-card-alt-text": "The Planning Inspectorate",
"dns-card-title": "Developments of National Significance", "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" "dns-card-button": "View all applications"
} }
locales/en/search.json
+1 -1
View File
@@ -57,7 +57,7 @@
"searchresults-case-type-label": "Case type", "searchresults-case-type-label": "Case type",
"searchresults-status-label": "Status", "searchresults-status-label": "Status",
"searchresults-watch-label": "Watch", "searchresults-watch-label": "Watch",
"searchresults-search-button-label": "Refine Search", "searchresults-search-button-label": "Advanced Search",
"searchresults-new-search-button-label": "New Search", "searchresults-new-search-button-label": "New Search",
"searchresults-no-records-label": "There are no records" "searchresults-no-records-label": "There are no records"
} }
pages/account/changepassword.js
-1
View File
@@ -53,7 +53,6 @@ const Home = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/account/forgottenpassword.js
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/account/forgottenuser.js
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/account/personaldetails.js
-1
View File
@@ -46,7 +46,6 @@ const Home = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/account/register.js
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/advancedsearch.js
-1
View File
@@ -58,7 +58,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
{hasError ? ( {hasError ? (
<CRMError props={props} whichError="advancedSearch" /> <CRMError props={props} whichError="advancedSearch" />
pages/advancedsearchresults.js
-1
View File
@@ -51,7 +51,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<SearchResults <SearchResults
searchString={props.search.searchString} searchString={props.search.searchString}
pages/api/proxy/[...route].js
+3 -3
View File
@@ -60,7 +60,7 @@ const getSASToken = () => {
}; };
export default async function ApiProxy(req, res) { export default async function ApiProxy(req, res) {
// console.log(req.method); console.log(req.method);
var updateBody = { var updateBody = {
"pinswg_areaofsiteinhectaresdec": 21, "pinswg_areaofsiteinhectaresdec": 21,
@@ -112,14 +112,14 @@ export default async function ApiProxy(req, res) {
console.log(req.url.split("/api/proxy/")[1]); console.log(req.url.split("/api/proxy/")[1]);
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
// console.log(config); console.log(config);
axios(req.method == "GET" ? configNoData : config) axios(req.method == "GET" ? configNoData : config)
.then((response) => { .then((response) => {
res.statusCode = 200; res.statusCode = 200;
res.setHeader("Content-Type", "application/json"); res.setHeader("Content-Type", "application/json");
res.setHeader("Cache-Control", "max-age=1800000"); res.setHeader("Cache-Control", "max-age=1800000");
res.end(JSON.stringify(response.data)); res.end(JSON.stringify(response.data));
// console.log("response data", response.data); console.log("response data", response.data);
resolve(); resolve();
}) })
.catch((error) => { .catch((error) => {
pages/case.js
-1
View File
@@ -36,7 +36,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} /> <Breadcrumbs slug={appealtypes} props={props} />
<Case <Case
props={props} props={props}
pages/dns/application-process.js
-2
View File
@@ -33,8 +33,6 @@ const Home = (props) => {
<Header serviceName="Developments of National Significance" /> <Header serviceName="Developments of National Significance" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper"> <main className="govuk-main-wrapper">
<div className="govuk-row"> <div className="govuk-row">
pages/dns/application-view.js
-1
View File
@@ -36,7 +36,6 @@ const ApplicationView = (props) => {
<CookieBanner /> <CookieBanner />
<Header serviceName="Developments of National Significance" /> <Header serviceName="Developments of National Significance" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper"> <main className="govuk-main-wrapper">
<ApplicationSummary /> <ApplicationSummary />
pages/dns/applications.js
-1
View File
@@ -37,7 +37,6 @@ const Applications = (props) => {
<CookieBanner /> <CookieBanner />
<Header serviceName="Developments of National Significance" /> <Header serviceName="Developments of National Significance" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper"> <main className="govuk-main-wrapper">
<ApplicationIntro /> <ApplicationIntro />
pages/dns/contact-us.js
-1
View File
@@ -35,7 +35,6 @@ const Home = (props) => {
<Header serviceName="Developments of National Significance" /> <Header serviceName="Developments of National Significance" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper"> <main className="govuk-main-wrapper">
<div className="govuk-grid-row"> <div className="govuk-grid-row">
pages/dns/help.js
-1
View File
@@ -33,7 +33,6 @@ const Home = (props) => {
<Header serviceName="Developments of National Significance" /> <Header serviceName="Developments of National Significance" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main className="govuk-main-wrapper"> <main className="govuk-main-wrapper">
<div className="govuk-row"> <div className="govuk-row">
pages/dns/index.js
-1
View File
@@ -30,7 +30,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header serviceName="Developments of National Significance" /> <Header serviceName="Developments of National Significance" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Main /> <Main />
</div> </div>
<Footer footerLinks={footerLinks} /> <Footer footerLinks={footerLinks} />
pages/dnsapplications.js
-1
View File
@@ -47,7 +47,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<DNSSearchResults <DNSSearchResults
searchString="DNS" searchString="DNS"
pages/dnsdetails.js
-1
View File
@@ -36,7 +36,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} /> <Breadcrumbs slug={appealtypes} props={props} />
<Case <Case
props={props} props={props}
pages/index.js
+2 -2
View File
@@ -1,7 +1,7 @@
import _ from "lodash"; import _ from "lodash";
import Head from "next/head"; import Head from "next/head";
import Header from "../components/header"; import Header from "../components/header";
import Banner from "../components/banner"; import ServiceBanner from "../components/servicebanner";
import CookieBanner from "../components/cookieBanner"; import CookieBanner from "../components/cookieBanner";
import Breadcrumbs from "../components/breadcrumbs"; import Breadcrumbs from "../components/breadcrumbs";
import Main from "../components/main"; import Main from "../components/main";
@@ -31,7 +31,7 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName="Appeals Casework Portal" /> <Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner /> <ServiceBanner />
<Main pages={pages} /> <Main pages={pages} />
</div> </div>
<Footer footerLinks={footerLinks} /> <Footer footerLinks={footerLinks} />
pages/logout.js
-1
View File
@@ -27,7 +27,6 @@ const LogOut = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName="Appeals Casework Portal" /> <Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<h2>{t("common:logged-out-title")}</h2> <h2>{t("common:logged-out-title")}</h2>
<div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9"> <div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9">
<Link href="/">{t("common:logged-out-link")}</Link> <Link href="/">{t("common:logged-out-link")}</Link>
pages/myportal/advancedsearch.js
-1
View File
@@ -58,7 +58,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
{hasError ? ( {hasError ? (
<CRMError props={props} whichError="advancedSearch" /> <CRMError props={props} whichError="advancedSearch" />
pages/myportal/advancedsearchresults.js
-1
View File
@@ -51,7 +51,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<SearchResults <SearchResults
searchString={props.search.searchString} searchString={props.search.searchString}
pages/myportal/case.js
-1
View File
@@ -34,7 +34,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} /> <Breadcrumbs slug={appealtypes} props={props} />
<Case <Case
myCases={props.myCases.myCases} myCases={props.myCases.myCases}
pages/myportal/index.js
-1
View File
@@ -67,7 +67,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<MyPortal <MyPortal
myCases={myCases} myCases={myCases}
pages/myportal/searchresults.js
-1
View File
@@ -43,7 +43,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<SearchResults <SearchResults
searchString={props.search.searchString} searchString={props.search.searchString}
pages/myportal/viewall.js
-1
View File
@@ -40,7 +40,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs <Breadcrumbs
slug={appealtypes} slug={appealtypes}
currentView={props.currentView.currentView} currentView={props.currentView.currentView}
pages/newappeal/[appealtypes].js
-1
View File
@@ -212,7 +212,6 @@ let Home = (props) => {
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} formTitle={formTitle} /> <Breadcrumbs slug={appealtypes} formTitle={formTitle} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/newappeal/index.js
-1
View File
@@ -57,7 +57,6 @@ const Home = (props) => {
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<main <main
className="govuk-main-wrapper--auto-spacing" className="govuk-main-wrapper--auto-spacing"
pages/newappeal/planningappeal.js
-1
View File
@@ -32,7 +32,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<NewAppeal /> <NewAppeal />
</div> </div>
<Footer footerLinks={footerLinks} /> <Footer footerLinks={footerLinks} />
pages/newappeal/selectappeal.js
-1
View File
@@ -76,7 +76,6 @@ const Home = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<h1>New Appeal</h1> <h1>New Appeal</h1>
pages/representation.js
-1
View File
@@ -34,7 +34,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} props={props} /> <Breadcrumbs slug={appealtypes} props={props} />
<Case <Case
myCases={props.myCases.myCases} myCases={props.myCases.myCases}
pages/searchresults.js
-1
View File
@@ -51,7 +51,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<SearchResults <SearchResults
searchString={props.search.searchString} searchString={props.search.searchString}
pages/viewall.js
-1
View File
@@ -40,7 +40,6 @@ const Home = (props) => {
<CookieBanner /> <CookieBanner />
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container"> <div className="govuk-width-container">
<Banner />
<Breadcrumbs slug={appealtypes} /> <Breadcrumbs slug={appealtypes} />
<ViewAll <ViewAll
searchString={"View All"} searchString={"View All"}
public/assets/images/arrow-right--black.svg
+1
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 152 B

public/assets/images/arrow-right--white.svg
+1
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 152 B

public/assets/images/cymru.svg
+19
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

public/assets/images/planning-casework-cy.svg
+9
View File
@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="279px" height="24px" viewBox="0 0 279 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Cynllunio gwaith ach</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="Rockwell-Bold, Rockwell" font-size="24" font-weight="bold" letter-spacing="-0.75">
<text id="Cynllunio-gwaith-ach" fill="#000000">
<tspan x="-1" y="18">Cynllunio gwaith achos</tspan>
</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 555 B

public/assets/images/planning-casework-en.svg
+9
View File
@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="227px" height="24px" viewBox="0 0 227 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Planning casework</title>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="Rockwell-Bold, Rockwell" font-size="24" font-weight="bold" letter-spacing="-0.75">
<text id="Planning-casework" fill="#000000">
<tspan x="0" y="18">Planning casework</tspan>
</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 543 B

styles/sass/components/_cookie-banner.scss
-4
View File
@@ -1,11 +1,7 @@
.app-cookie-banner { .app-cookie-banner {
@include govuk-font(16);
@include govuk-text-colour;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
padding-top: govuk-spacing(3);
padding-right: govuk-spacing(3); padding-right: govuk-spacing(3);
padding-bottom: govuk-spacing(3); padding-bottom: govuk-spacing(3);
padding-left: govuk-spacing(3); padding-left: govuk-spacing(3);
styles/sass/patterns/_card.scss
+23 -2
View File
@@ -68,9 +68,9 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
} }
.card { .card {
border: 1px solid $govuk-border-colour; //$panel-colour; border: none;
font-size: 16px; font-size: 16px;
background-color: govuk-colour("light-grey", $legacy: "grey-4"); background-color: $lightgrey_offwhite;
&.inactive { &.inactive {
color: $govuk-secondary-text-colour; color: $govuk-secondary-text-colour;
@@ -87,6 +87,27 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
*:last-child { *:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
a,
a:active,
a:visited {
color: $blue;
font-weight: bold;
&:hover {
color: $lightblue;
}
&.govuk-button {
color: $white;
&:focus {
color: $black;
background-image: url(https://gov.wales/themes/custom/govwales/storage/smartsurvey/arrow-right--black.svg);
}
}
}
a:focus {
border: $yellow solid 3px;
outline: 3px solid transparent;
}
&.active { &.active {
background-color: govuk-colour("light-grey", $legacy: "grey-4"); background-color: govuk-colour("light-grey", $legacy: "grey-4");
styles/sass/welshgov/_application.scss
+176 -16
View File
File diff suppressed because one or more lines are too long
styles/sass/welshgov/_variables.scss
+42
View File
@@ -9,3 +9,45 @@ $lightgrey_mid: #dddddd;
$lightgrey_semi: #e5e5e5; $lightgrey_semi: #e5e5e5;
$lightgrey_light: #eeeeee; $lightgrey_light: #eeeeee;
$lightgrey_offwhite: #f1f1f1; $lightgrey_offwhite: #f1f1f1;
$darkgrey: #666666;
$midgrey: #999999;
$lightgrey: #b5b5b5;
$black: #1f1f1f;
$charcoal: #323232;
$lightgrey_dark: #cccccc;
$lightgrey_mid: #dddddd;
$lightgrey_semi: #e5e5e5;
$lightgrey_light: #eeeeee;
$lightgrey_offwhite: #f1f1f1;
$darkred: #7e0a0e;
$red: #aa1111;
$brightred: #d81f1f;
$darkpalered: #d87777;
$palered: #fea8a9;
$whitered: #ffe4e5;
$darkblue: #1f446d;
$blue: #0360a6;
$lightblue: #3b7dc5;
$brightblue: #4c93ff;
$paleblue: #99ccff;
$whiteblue: #c2e0fc;
$darkgreen: #3b510d;
$green: #019e1e;
$lightgreen: #01b723;
$whitegreen: #cdf7d4;
$darkpurple: #772cfe;
$plum: #632a5d;
$purple: #a82b71;
$orange: #ff8000;
$paleorange: #ffdab5;
$yellow: #ffd530;
$paleyellow: #fff5ce;