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

roll up dns changes translations

Browse Source
This commit is contained in:
robbond
2021-08-31 09:12:57 +01:00
parent 5821804d42
commit 573c2cf8a0
21 changed files with 352 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dns/applications/applicationsIntro.js
+19 -18
View File
@@ -12,26 +12,27 @@ const ApplicationIntro = (props) => {
return (
<div className="govuk-grid-row">
<div className="govuk-grid-column-one-half">
<h1 className="govuk-heading-l">Applications</h1>
<p className="govuk-body">The applications listed are those:</p>
<h1 className="govuk-heading-l">
{t("dnsApplications:page-title")}
</h1>
<p className="govuk-body">
{t("dnsApplications:page-intro-paragraph-1")}
</p>
<ul className="govuk-list govuk-list--bullet">
<li>
Where the developer has advised the Planning
Inspectorate in writing that they intend to submit an
application to us in the future
</li>
<li>
Where an application has already been made to the
Planning Inspectorate and is undergoing the examination
process
</li>
<li>Where a proposal has been decided.</li>
<li> {t("dnsApplications:page-intro-list-item-1")}</li>
<li> {t("dnsApplications:page-intro-list-item-2")}</li>
<li> {t("dnsApplications:page-intro-list-item-3")}</li>
</ul>
<p>
Use the table below to find applications by stage or type.
Alternatively, use the map by clicking on the markers to go
to the applications page. A list of key events and deadlines
for all applications is available on our calendar page.
<p className="govuk-body">
{t("dnsApplications:page-intro-paragraph-2")}{" "}
<Link href="/dns/calendar">
<a className="govuk-link">
{t("dnsApplications:page-intro-paragraph-2-link")}
</a>
</Link>
.
</p>
</div>
<div className="govuk-grid-column-one-half">
components/dns/applications/applicationsList.js
+187 -50
View File
@@ -15,7 +15,7 @@ const ApplicationList = (props) => {
<div className="govuk-grid-column-full">
<div className="govuk-form-group">
<label className="govuk-label-s " htmlFor="sort">
Show{" "}
{t("dnsCommon:result-list-show-label")}{" "}
<select
className="govuk-select"
id="showNo"
@@ -26,7 +26,7 @@ const ApplicationList = (props) => {
<option value="1">50</option>
<option value="1">100</option>
</select>{" "}
Entries
{t("dnsCommon:result-list-entries-label")}
</label>
</div>
</div>
@@ -34,7 +34,11 @@ const ApplicationList = (props) => {
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<p className="govuk-body-s">
Showing 1 to 10 of 54 entries
{t("dnsCommon:result-list-showing-label", {
recordIndex: "1",
pagingIndex: "10",
totalRecords: "55",
})}
</p>
</div>
</div>
@@ -43,25 +47,38 @@ const ApplicationList = (props) => {
<dl className="govuk-summary-list govuk-!-margin-bottom-0 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider ">
Reference
{t(
"dnsApplications:result-list-heading-label-reference"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
Application
{t(
"dnsApplications:result-list-heading-label-application"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
Developer{" "}
{t(
"dnsApplications:result-list-heading-label-developer"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
Type
{t(
"dnsApplications:result-list-heading-label-type"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
Status
{t(
"dnsApplications:result-list-heading-label-status"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -69,7 +86,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -77,19 +97,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -97,7 +126,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -105,7 +137,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -113,19 +148,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -133,7 +177,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -141,7 +188,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -149,19 +199,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -169,7 +228,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -177,7 +239,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -185,19 +250,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -205,7 +279,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -213,7 +290,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -221,19 +301,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -241,7 +330,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -249,7 +341,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -257,19 +352,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -277,7 +381,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -285,7 +392,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -293,19 +403,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -313,7 +432,10 @@ const ApplicationList = (props) => {
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 ">
<span className="results-visually-hidden">
Reference:
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
@@ -321,7 +443,10 @@ const ApplicationList = (props) => {
<Link href="/dns/application-view">
<a>
<span className="results-visually-hidden">
Application:{" "}
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</a>
@@ -329,19 +454,28 @@ const ApplicationList = (props) => {
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Developer:
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Type:
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
@@ -352,7 +486,8 @@ const ApplicationList = (props) => {
<div className="govuk-grid-row ">
<div className="govuk-grid-column-full">
<p>
Previous <span>1</span>{" "}
{t("dnsCommon:result-list-previous-label")}{" "}
<span>1</span>{" "}
<span>
<Link href="#">2</Link>
</span>{" "}
@@ -365,7 +500,9 @@ const ApplicationList = (props) => {
<span>
<Link href="#">5</Link>
</span>{" "}
<Link href="#">Next</Link>
<Link href="#">
{t("dnsCommon:result-list-next-label")}
</Link>
</p>
</div>
</div>