update with language resources
This commit is contained in:
+88
-83
@@ -4,92 +4,97 @@ import _ from "lodash";
|
||||
import { useRouter } from "next/router";
|
||||
|
||||
const Breadcrumbs = (props) => {
|
||||
const {
|
||||
courseContent,
|
||||
slug,
|
||||
activitysub,
|
||||
activity,
|
||||
applicant_id,
|
||||
course_id,
|
||||
applicant_ref,
|
||||
} = props;
|
||||
const router = useRouter();
|
||||
const { course, section } = router.query;
|
||||
const {
|
||||
courseContent,
|
||||
slug,
|
||||
activitysub,
|
||||
activity,
|
||||
applicant_id,
|
||||
course_id,
|
||||
applicant_ref,
|
||||
} = props;
|
||||
const router = useRouter();
|
||||
const { course, section } = router.query;
|
||||
|
||||
function Breadcrumb() {
|
||||
if (slug) {
|
||||
var coursePageURL = course + "/" + slug;
|
||||
if (_.isEmpty(courseContent)) {
|
||||
return null;
|
||||
} else {
|
||||
var sectionObj = jsonpath.query(
|
||||
courseContent,
|
||||
'$..sections[?(@.path=="/' + coursePageURL + '")]'
|
||||
);
|
||||
var breadcrumb = sectionObj[0].chapter.title; //sectionObj[0].chapter
|
||||
return (
|
||||
<li className="govuk-breadcrumbs__list-item" aria-current="page">
|
||||
{breadcrumb}
|
||||
</li>
|
||||
);
|
||||
}
|
||||
} else {
|
||||
return null;
|
||||
function Breadcrumb() {
|
||||
if (slug) {
|
||||
var coursePageURL = course + "/" + slug;
|
||||
if (_.isEmpty(courseContent)) {
|
||||
return null;
|
||||
} else {
|
||||
var sectionObj = jsonpath.query(
|
||||
courseContent,
|
||||
'$..sections[?(@.path=="/' + coursePageURL + '")]'
|
||||
);
|
||||
var breadcrumb = sectionObj[0].chapter.title; //sectionObj[0].chapter
|
||||
return (
|
||||
<li
|
||||
className="govuk-breadcrumbs__list-item"
|
||||
aria-current="page"
|
||||
>
|
||||
{breadcrumb}
|
||||
</li>
|
||||
);
|
||||
}
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<nav
|
||||
aria-label={"Breadcrumb for " + _.startCase(_.toLower(course))}
|
||||
role="navigation"
|
||||
data-module="track-click"
|
||||
>
|
||||
<div className="govuk-breadcrumbs ">
|
||||
<ol className="govuk-breadcrumbs__list">
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link href="http://www.gov.uk">
|
||||
<a className="govuk-breadcrumbs__link">GOV.UK</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link href="/">
|
||||
<a className="govuk-breadcrumbs__link">
|
||||
Understand the Prevent Duty
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link href="/portal">
|
||||
<a className="govuk-breadcrumbs__link">Find the right training</a>
|
||||
</Link>
|
||||
</li>
|
||||
{!_.isEmpty(course) ? (
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link
|
||||
href={
|
||||
"/" +
|
||||
course +
|
||||
"?id=" +
|
||||
applicant_id +
|
||||
"&refno=" +
|
||||
applicant_ref +
|
||||
"&courseid=" +
|
||||
course_id
|
||||
}
|
||||
>
|
||||
<a className="govuk-breadcrumbs__link">
|
||||
{_.startCase(_.toLower(course))}
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
return (
|
||||
<nav
|
||||
aria-label={"Breadcrumb for " + _.startCase(_.toLower(course))}
|
||||
role="navigation"
|
||||
data-module="track-click"
|
||||
>
|
||||
<div className="govuk-breadcrumbs ">
|
||||
<ol className="govuk-breadcrumbs__list">
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link href="http://www.gov.uk">
|
||||
<a className="govuk-breadcrumbs__link">GOV.UK</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link href="/">
|
||||
<a className="govuk-breadcrumbs__link">
|
||||
Appeals Casework Portal
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link href="/portal">
|
||||
<a className="govuk-breadcrumbs__link">
|
||||
Find the right training
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
{!_.isEmpty(course) ? (
|
||||
<li className="govuk-breadcrumbs__list-item">
|
||||
<Link
|
||||
href={
|
||||
"/" +
|
||||
course +
|
||||
"?id=" +
|
||||
applicant_id +
|
||||
"&refno=" +
|
||||
applicant_ref +
|
||||
"&courseid=" +
|
||||
course_id
|
||||
}
|
||||
>
|
||||
<a className="govuk-breadcrumbs__link">
|
||||
{_.startCase(_.toLower(course))}
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
|
||||
<Breadcrumb />
|
||||
</ol>
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
<Breadcrumb />
|
||||
</ol>
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
export default Breadcrumbs;
|
||||
|
||||
+92
-74
@@ -3,82 +3,100 @@ import { useRouter } from "next/router";
|
||||
import useTranslation from "next-translate/useTranslation";
|
||||
|
||||
export default function Footer(props) {
|
||||
let { t } = useTranslation();
|
||||
let { t } = useTranslation();
|
||||
|
||||
const router = useRouter();
|
||||
const { locale } = router;
|
||||
const router = useRouter();
|
||||
const { locale } = router;
|
||||
|
||||
var linksArr = props.footerLinks || [{}];
|
||||
var linksArr = props.footerLinks || [{}];
|
||||
|
||||
const linksBlock = Object.keys(linksArr).map((key) => (
|
||||
<li className="govuk-footer__inline-list-item" key={key}>
|
||||
<Link href={linksArr[key].path || "/"}>
|
||||
<a className="govuk-footer__link">{linksArr[key].title}</a>
|
||||
</Link>
|
||||
</li>
|
||||
));
|
||||
const linksBlock = Object.keys(linksArr).map((key) => (
|
||||
<li className="govuk-footer__inline-list-item" key={key}>
|
||||
<Link href={linksArr[key].path || "/"}>
|
||||
<a className="govuk-footer__link">{linksArr[key].title}</a>
|
||||
</Link>
|
||||
</li>
|
||||
));
|
||||
|
||||
return (
|
||||
<footer className="govuk-footer " role="contentinfo">
|
||||
<div className="govuk-width-container ">
|
||||
<div className="govuk-footer__meta">
|
||||
<div className="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
||||
<h2 className="govuk-visually-hidden">Support links</h2>
|
||||
<nav role="navigation" aria-labelledby="footer_links">
|
||||
<ul className="govuk-footer__inline-list" id="footer_links">
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<a href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation" id="aTermsConds" className="govuk-footer__link" target="_blank">{t("common:footer-terms-conditions-link")}</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">{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">{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" id="aAccess" target="_blank">{t("common:footer-accessibility-link")}</a>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<a href="http://www.gov.uk/guidance/feedback" id="feedback" target="_blank">{t("common:footer-feedback-link")}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
className="govuk-footer__licence-logo"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 483.2 195.7"
|
||||
height="17"
|
||||
width="41"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
|
||||
></path>
|
||||
</svg>
|
||||
<span className="govuk-footer__licence-description">
|
||||
All content is available under the{" "}
|
||||
<a
|
||||
className="govuk-footer__link"
|
||||
href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
|
||||
rel="license"
|
||||
>
|
||||
Open Government Licence v3.0
|
||||
</a>
|
||||
, except where otherwise stated
|
||||
</span>
|
||||
</div>
|
||||
<div className="govuk-footer__meta-item">
|
||||
<a
|
||||
className="govuk-footer__link govuk-footer__copyright-logo"
|
||||
href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
|
||||
>
|
||||
© Crown copyright
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
return (
|
||||
<footer className="govuk-footer " role="contentinfo">
|
||||
<div className="govuk-width-container ">
|
||||
<div className="govuk-footer__meta">
|
||||
<div className="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
||||
<h2 className="govuk-visually-hidden">Support links</h2>
|
||||
<nav role="navigation" aria-labelledby="footer_links">
|
||||
<ul
|
||||
className="govuk-footer__inline-list"
|
||||
id="footer_links"
|
||||
>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<a
|
||||
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
|
||||
id="aTermsConds"
|
||||
className="govuk-footer__link"
|
||||
target="_blank"
|
||||
>
|
||||
{t(
|
||||
"common:footer-terms-conditions-link"
|
||||
)}
|
||||
</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"
|
||||
>
|
||||
{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"
|
||||
>
|
||||
{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"
|
||||
id="aAccess"
|
||||
target="_blank"
|
||||
>
|
||||
{t("common:footer-accessibility-link")}
|
||||
</a>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<a
|
||||
href="http://www.gov.uk/guidance/feedback"
|
||||
id="feedback"
|
||||
target="_blank"
|
||||
>
|
||||
{t("common:footer-feedback-link")}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div
|
||||
class="footer_logo container-fluid"
|
||||
id="footer_logo"
|
||||
>
|
||||
<a
|
||||
href="https://gov.wales/"
|
||||
class="footer__logo"
|
||||
id="footerlogo"
|
||||
>
|
||||
<span class="visually-hidden">Home</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
|
||||
+97
-86
File diff suppressed because one or more lines are too long
+28
-26
@@ -4,33 +4,35 @@ import Footer from "../components/footer";
|
||||
import Header from "../components/header";
|
||||
|
||||
export default function SkipLink(props) {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>Appeals Casework Portal</title>
|
||||
</Head>
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>Appeals Casework Portal</title>
|
||||
</Head>
|
||||
|
||||
<div className="">
|
||||
<Header courseName="Understand the Prevent Duty" />
|
||||
<div className="govuk-width-container">
|
||||
<Banner />
|
||||
<main
|
||||
className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
|
||||
id="main-content"
|
||||
role="main"
|
||||
>
|
||||
<div className="govuk-grid-row">
|
||||
<div className="govuk-grid-column-two-thirds">
|
||||
<noscript>
|
||||
<h1 className="govuk-heading-l">Please enable javascript</h1>
|
||||
</noscript>
|
||||
<h1 className="govuk-heading-m">Loading...</h1>
|
||||
</div>
|
||||
<div className="">
|
||||
<Header courseName="Appeals Casework Portal" />
|
||||
<div className="govuk-width-container">
|
||||
<Banner />
|
||||
<main
|
||||
className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
|
||||
id="main-content"
|
||||
role="main"
|
||||
>
|
||||
<div className="govuk-grid-row">
|
||||
<div className="govuk-grid-column-two-thirds">
|
||||
<noscript>
|
||||
<h1 className="govuk-heading-l">
|
||||
Please enable javascript
|
||||
</h1>
|
||||
</noscript>
|
||||
<h1 className="govuk-heading-m">Loading...</h1>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<Footer />
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<Footer />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
);
|
||||
}
|
||||
|
||||
@@ -12,11 +12,13 @@ export default function AdvancedSearch() {
|
||||
<div className="card-body">
|
||||
<div class="govuk-body-m ">
|
||||
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
||||
<h3 class="govuk-heading-m">Advanced Search</h3>
|
||||
<h3 class="govuk-heading-m">
|
||||
{t("search:advanced-search-title-label")}
|
||||
</h3>
|
||||
</legend>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-line-1">
|
||||
Appellant/Applicant{" "}
|
||||
{t("search:applicant-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input"
|
||||
@@ -28,7 +30,7 @@ export default function AdvancedSearch() {
|
||||
</div>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-town">
|
||||
Other Party{" "}
|
||||
{t("search:other-party-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-!-width-two-thirds"
|
||||
@@ -44,9 +46,10 @@ export default function AdvancedSearch() {
|
||||
role="group"
|
||||
aria-describedby="passport-issued-hint"
|
||||
>
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Hearing/Inquiry Date Calendar View{" "}
|
||||
{t("search:hearing-date-label")}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
@@ -122,7 +125,7 @@ export default function AdvancedSearch() {
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
{t("search:date-margin-label")}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -139,7 +142,7 @@ export default function AdvancedSearch() {
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Hearing/Inquiry Date{" "}
|
||||
{t("search:site-visit-date-label")}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
@@ -215,7 +218,7 @@ export default function AdvancedSearch() {
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
{t("search:date-margin-label")}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -232,7 +235,7 @@ export default function AdvancedSearch() {
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Site Visit Date{" "}
|
||||
{t("search:callin-date-label")}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
@@ -308,7 +311,7 @@ export default function AdvancedSearch() {
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
{t("search:date-margin-label")}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -325,7 +328,7 @@ export default function AdvancedSearch() {
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Call-In Date{" "}
|
||||
{t("search:date-received")}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
@@ -401,7 +404,7 @@ export default function AdvancedSearch() {
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
{t("search:date-margin-label")}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -418,7 +421,7 @@ export default function AdvancedSearch() {
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Date Received{" "}
|
||||
{t("search:start-date-label")}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
@@ -494,7 +497,7 @@ export default function AdvancedSearch() {
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
{t("search:date-margin-label")}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -511,7 +514,7 @@ export default function AdvancedSearch() {
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Start Date{" "}
|
||||
{t("search:decision-date-label")}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
@@ -587,100 +590,7 @@ export default function AdvancedSearch() {
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="govuk-form-group form-inline-label">
|
||||
<fieldset
|
||||
class="govuk-fieldset"
|
||||
role="group"
|
||||
aria-describedby="passport-issued-hint"
|
||||
>
|
||||
{" "}
|
||||
<div className="inlineFieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
|
||||
Decision Date{" "}
|
||||
</legend>
|
||||
<div
|
||||
class="govuk-date-input"
|
||||
id="passport-issued"
|
||||
>
|
||||
<div class="govuk-date-input__item">
|
||||
<div class="govuk-form-group">
|
||||
<label
|
||||
class="govuk-label govuk-date-input__label"
|
||||
for="passport-issued-day"
|
||||
>
|
||||
Day
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-date-input__input govuk-input--width-2"
|
||||
id="passport-issued-day"
|
||||
name="passport-issued-day"
|
||||
type="text"
|
||||
pattern="[0-9]*"
|
||||
inputMode="numeric"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-date-input__item">
|
||||
<div class="govuk-form-group">
|
||||
<label
|
||||
class="govuk-label govuk-date-input__label"
|
||||
for="passport-issued-month"
|
||||
>
|
||||
Month
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-date-input__input govuk-input--width-2"
|
||||
id="passport-issued-month"
|
||||
name="passport-issued-month"
|
||||
type="text"
|
||||
pattern="[0-9]*"
|
||||
inputMode="numeric"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="govuk-date-input__item">
|
||||
<div class="govuk-form-group">
|
||||
<label
|
||||
class="govuk-label govuk-date-input__label"
|
||||
for="passport-issued-year"
|
||||
>
|
||||
Year
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-date-input__input govuk-input--width-4"
|
||||
id="passport-issued-year"
|
||||
name="passport-issued-year"
|
||||
type="text"
|
||||
pattern="[0-9]*"
|
||||
inputMode="numeric"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="govuk-date-input__item">
|
||||
<div class="govuk-form-group"></div>
|
||||
|
||||
<div class="govuk-checkboxes__item">
|
||||
<input
|
||||
class="govuk-checkboxes__input"
|
||||
id="waste-3"
|
||||
name="waste"
|
||||
type="checkbox"
|
||||
value="farm"
|
||||
/>
|
||||
<label
|
||||
class="govuk-label govuk-checkboxes__label no__right_padding"
|
||||
for="waste-3"
|
||||
>
|
||||
+/- 30 days
|
||||
{t("search:date-margin-label")}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -690,26 +600,40 @@ export default function AdvancedSearch() {
|
||||
</div>
|
||||
<div class="govuk-form-group ">
|
||||
<label class="govuk-label" for="sort">
|
||||
Procedure Type
|
||||
{t("search:procedure-type-label")}
|
||||
</label>
|
||||
<select class="govuk-select" id="sort" name="sort">
|
||||
<option value="">-- Select --</option>
|
||||
<option value="Hearing">Hearing</option>
|
||||
<option value="Inquiry">Inquiry</option>
|
||||
<option value="">
|
||||
{t("search:procedure-type-option-1")}
|
||||
</option>
|
||||
<option value="Hearing">
|
||||
{t("search:procedure-type-option-2")}
|
||||
</option>
|
||||
<option value="Inquiry">
|
||||
{t("search:procedure-type-option-3")}
|
||||
</option>
|
||||
<option value="Written representations">
|
||||
Written representations
|
||||
{t("search:procedure-type-option-4")}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="sort">
|
||||
Status Type
|
||||
{t("search:status-label")}
|
||||
</label>
|
||||
<select class="govuk-select" id="sort" name="sort">
|
||||
<option value="">-- Select --</option>
|
||||
<option value="Any">Any</option>
|
||||
<option value="In progress">In progress</option>
|
||||
<option value="Complete">Complete</option>
|
||||
<option value="">
|
||||
{t("search:status-option-1")}
|
||||
</option>
|
||||
<option value="Any">
|
||||
{t("search:status-option-2")}
|
||||
</option>
|
||||
<option value="In progress">
|
||||
{t("search:status-option-3")}
|
||||
</option>
|
||||
<option value="Complete">
|
||||
{t("search:status-option-4")}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -13,12 +13,12 @@ export default function SearchForCase() {
|
||||
<div class="govuk-body-m ">
|
||||
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
||||
<h1 class="govuk-fieldset__heading govuk-heading-m">
|
||||
Search for a case
|
||||
{t("search:search-title-label")}
|
||||
</h1>
|
||||
</legend>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-county">
|
||||
Case Reference (last 7 digits)
|
||||
{t("search:casereference-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-!-width-two-thirds"
|
||||
@@ -29,14 +29,13 @@ export default function SearchForCase() {
|
||||
</div>
|
||||
<fieldset class="govuk-fieldset">
|
||||
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
||||
<h3 class="govuk-heading-m">Site Location</h3>
|
||||
<h3 class="govuk-heading-m">
|
||||
{t("search:sitelocation-legend")}
|
||||
</h3>
|
||||
</legend>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-line-1">
|
||||
First Line of Address{" "}
|
||||
<span class="govuk-visually-hidden">
|
||||
line 1 of 2
|
||||
</span>
|
||||
{t("search:address-line-one-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input"
|
||||
@@ -49,7 +48,7 @@ export default function SearchForCase() {
|
||||
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-town">
|
||||
Town/City (nearest)
|
||||
{t("search:town-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-!-width-two-thirds"
|
||||
@@ -62,7 +61,7 @@ export default function SearchForCase() {
|
||||
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-county">
|
||||
County
|
||||
{t("search:county-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-!-width-two-thirds"
|
||||
@@ -74,7 +73,7 @@ export default function SearchForCase() {
|
||||
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-postcode">
|
||||
Postcode
|
||||
{t("search:postcode-label")}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-input--width-10"
|
||||
@@ -87,7 +86,7 @@ export default function SearchForCase() {
|
||||
</fieldset>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-postcode">
|
||||
Local Planning Authority
|
||||
{t("search:lpa-label")}{" "}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-input--width-10"
|
||||
@@ -99,7 +98,7 @@ export default function SearchForCase() {
|
||||
</div>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="address-postcode">
|
||||
LPA Reference Number
|
||||
{t("search:lpa-reference-label")}{" "}
|
||||
</label>
|
||||
<input
|
||||
class="govuk-input govuk-input--width-10"
|
||||
@@ -111,42 +110,44 @@ export default function SearchForCase() {
|
||||
</div>
|
||||
<div class="govuk-form-group">
|
||||
<label class="govuk-label" for="sort">
|
||||
Case Type
|
||||
{t("search:case-type-label")}{" "}
|
||||
</label>
|
||||
<select class="govuk-select" id="sort" name="sort">
|
||||
<option value="">-- Select --</option>
|
||||
<option value="Any/All">Any/All</option>
|
||||
<option value="">
|
||||
{t("search:case-type-option-1")}
|
||||
</option>
|
||||
<option value="Any/All">
|
||||
{t("search:case-type-option-2")}
|
||||
</option>
|
||||
<option value="Advertisement Appeals">
|
||||
Advertisement Appeals
|
||||
{t("search:case-type-option-3")}
|
||||
</option>
|
||||
<option value="Called in Planning Applications">
|
||||
Called in Planning Applications
|
||||
{t("search:case-type-option-4")}
|
||||
</option>
|
||||
<option value="Discontinuance Notice Appeals">
|
||||
Discontinuance Notice Appeals
|
||||
{t("search:case-type-option-5")}
|
||||
</option>
|
||||
<option value="Enforcement Listed Building and Conservation Area Appeals">
|
||||
Enforcement Listed Building and Conservation
|
||||
Area Appeals
|
||||
{t("search:case-type-option-6")}
|
||||
</option>
|
||||
<option value="Enforcement Appeals">
|
||||
Enforcement Appeals
|
||||
{t("search:case-type-option-7")}
|
||||
</option>
|
||||
<option value="Householder Appeals">
|
||||
Householder Appeals
|
||||
{t("search:case-type-option-8")}
|
||||
</option>
|
||||
<option value="Lawful Development Certificate Appeals">
|
||||
Lawful Development Certificate Appeals
|
||||
{t("search:case-type-option-9")}
|
||||
</option>
|
||||
<option value="Planning Appeals">
|
||||
Planning Appeals
|
||||
{t("search:case-type-option-10")}
|
||||
</option>
|
||||
<option value="Planning Obligation Appeals">
|
||||
Planning Obligation Appeals
|
||||
{t("search:case-type-option-11")}
|
||||
</option>
|
||||
<option value="Planning Listed Building and Conservation Area Appeals">
|
||||
Planning Listed Building and Conservation Area
|
||||
Appeals
|
||||
{t("search:case-type-option-12")}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -11,28 +11,31 @@ export default function SearchResults() {
|
||||
<div className="govuk-grid-row">
|
||||
<div className="govuk-grid-column-full">
|
||||
<h1 class="govuk-heading-xl govuk-!-margin-bottom-7">
|
||||
Search for a case
|
||||
{t("search:searchresults-title-label")}
|
||||
</h1>
|
||||
<p className="govuk-body">Your search returned 99 results.</p>
|
||||
<p className="govuk-body">
|
||||
{t("search:searchresults-count-label-part-1")} 99{" "}
|
||||
{t("search:searchresults-count-label-part-2")}
|
||||
</p>
|
||||
<dl class="govuk-summary-list govuk-!-margin-bottom-9">
|
||||
<div class="govuk-summary-list__row results-headings">
|
||||
<dd class="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
|
||||
Case Reference
|
||||
{t("search:searchresults-case-reference-label")}
|
||||
</dd>
|
||||
<dd class="govuk-summary-list__key govuk-!-font-size-14">
|
||||
Site Address
|
||||
{t("search:searchresults-site-address-label")}
|
||||
</dd>
|
||||
<dd class="govuk-summary-list__key govuk-!-font-size-14">
|
||||
Appellant/Applicant
|
||||
{t("search:searchresults-applicant-label")}
|
||||
</dd>
|
||||
<dd class="govuk-summary-list__key govuk-!-font-size-14">
|
||||
Authority
|
||||
{t("search:searchresults-authority-label")}
|
||||
</dd>
|
||||
<dd class="govuk-summary-list__key govuk-!-font-size-14">
|
||||
Case Type
|
||||
{t("search:searchresults-case-type-label")}
|
||||
</dd>
|
||||
<dd class="govuk-summary-list__key govuk-!-font-size-14">
|
||||
Status
|
||||
{t("search:searchresults-status-label")}
|
||||
</dd>
|
||||
</div>
|
||||
<div class="govuk-summary-list__row">
|
||||
|
||||
@@ -26,11 +26,15 @@ export default function Search({ children, pages }) {
|
||||
<div className="govuk-grid-column-full">
|
||||
<div class="govuk-button-group">
|
||||
<Link href="/advancedsearch">
|
||||
<a className="govuk-button">Refine Search</a>
|
||||
<a className="govuk-button">
|
||||
{t("search:searchresults-search-button-label")}
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/advancedsearch">
|
||||
<a className="govuk-button govuk-button--secondary">
|
||||
New Search
|
||||
{t(
|
||||
"search:searchresults-new-search-button-label"
|
||||
)}
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user