Added search and results mocks

This commit is contained in:
2021-06-29 16:35:11 +01:00
parent c712d41599
commit b488caa013
35 changed files with 1581 additions and 108 deletions
+1
View File
@@ -1 +1,2 @@
node_modules
.next
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+1 -1
View File
@@ -17,7 +17,7 @@ exports.modules = {
/***/ (function(module) {
"use strict";
module.exports = JSON.parse('{"viewall-link":"Gweld y cyfan","makenewappeal-card-title":"Gwneud apêl newydd","makenewappeal-card-paragraph-one":"Cyn cyflwyno apêl newydd, sicrhewch eich bod wedi darllen yr holl ganllawiau sy\'n","makenewappeal-card-link":"berthnasol i\'r math o apêl sydd gennych.","makenewappeal-card-paragraph-two":"Wedi i chi glicio\'r botwm \'gwneud apêl newydd\' isod, cewch eich arwain drwy broses i\'ch helpu i ddewis y math cywir o apêl.","makenewappeal-card-button-label":"Gwneud apêl newydd","mycases-card-title":"Fy achosion","searchcases-card-title":"Chwilio am achos/cyflwyno cynrychiolaeth","searchcases-card-search-hint":"Chwiliwch drwy roi cyfeirnod 7 digid yr achos yn y blwch isod:","searchcases-card-search-example-label":"Enghraifft","searchcases-card-button":"Cyflwyno Chwiliad","searchcases-card-advanced-link":"Fel arall, gallwch chwilio gan ddefnyddio ein meini prawf eraill gyda\'n chwiliad uwch","awatitingsubmission-card-title":"Eto iw gyflwyno","myrepresentations-card-title":"Cyflwyniadau\'r achos","watchedcases-card-title":"Achosion a gwylio"}');
module.exports = JSON.parse('{"viewall-link":"Gweld y cyfan","page-title":"My Portal","makenewappeal-card-title":"Gwneud apêl newydd","makenewappeal-card-paragraph-one":"Cyn cyflwyno apêl newydd, sicrhewch eich bod wedi darllen yr holl ganllawiau sy\'n","makenewappeal-card-link":"berthnasol i\'r math o apêl sydd gennych.","makenewappeal-card-paragraph-two":"Wedi i chi glicio\'r botwm \'gwneud apêl newydd\' isod, cewch eich arwain drwy broses i\'ch helpu i ddewis y math cywir o apêl.","makenewappeal-card-button-label":"Gwneud apêl newydd","mycases-card-title":"Fy achosion","searchcases-card-title":"Chwilio am achos/cyflwyno cynrychiolaeth","searchcases-card-search-hint":"Chwiliwch drwy roi cyfeirnod 7 digid yr achos yn y blwch isod:","searchcases-card-search-example-label":"Enghraifft","searchcases-card-button":"Cyflwyno Chwiliad","searchcases-card-advanced-link":"Fel arall, gallwch chwilio gan ddefnyddio ein meini prawf eraill gyda\'n chwiliad uwch","awatitingsubmission-card-title":"Eto iw gyflwyno","myrepresentations-card-title":"Cyflwyniadau\'r achos","watchedcases-card-title":"Achosion a gwylio"}');
/***/ })
+1 -1
View File
@@ -17,7 +17,7 @@ exports.modules = {
/***/ (function(module) {
"use strict";
module.exports = JSON.parse('{"viewall-link":"View all","makenewappeal-card-title":"Make a new appeal","makenewappeal-card-paragraph-one":"Before submitting a new appeal, please ensure you have read all of the guidance","makenewappeal-card-link":"relevant to your appeal type.","makenewappeal-card-paragraph-two":"Once you click the \'make a new appeal\' button below you will be guided through a process to help you select the correct appeal type","makenewappeal-card-button-label":"Make a new appeal","mycases-card-title":"My cases","searchcases-card-title":"Search for a case/submit representation","searchcases-card-search-hint":"Search by entering the 7 digit case reference number:","searchcases-card-search-example-label":"Example","searchcases-card-button":"Submit Search","searchcases-card-advanced-link":"Advanced Search","awatitingsubmission-card-title":"Awaiting submission","myrepresentations-card-title":"My representations","watchedcases-card-title":"Watched cases"}');
module.exports = JSON.parse('{"viewall-link":"View all","page-title":"My Portal","makenewappeal-card-title":"Make a new appeal","makenewappeal-card-paragraph-one":"Before submitting a new appeal, please ensure you have read all of the guidance","makenewappeal-card-link":"relevant to your appeal type.","makenewappeal-card-paragraph-two":"Once you click the \'make a new appeal\' button below you will be guided through a process to help you select the correct appeal type","makenewappeal-card-button-label":"Make a new appeal","mycases-card-title":"My cases","searchcases-card-title":"Search for a case/submit representation","searchcases-card-search-hint":"Search by entering the 7 digit case reference number:","searchcases-card-search-example-label":"Example","searchcases-card-button":"Submit Search","searchcases-card-advanced-link":"Advanced Search","awatitingsubmission-card-title":"Awaiting submission","myrepresentations-card-title":"My representations","watchedcases-card-title":"Watched cases"}');
/***/ })
+2 -2
View File
@@ -2,6 +2,6 @@
"/_app": "pages/_app.js",
"/_error": "pages/_error.js",
"/_document": "pages/_document.js",
"/myportal": "pages/myportal.js",
"/": "pages/index.js"
"/": "pages/index.js",
"/myportal": "pages/myportal.js"
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -15,7 +15,7 @@
/***/ (function(module) {
"use strict";
module.exports = JSON.parse('{"viewall-link":"Gweld y cyfan","makenewappeal-card-title":"Gwneud apêl newydd","makenewappeal-card-paragraph-one":"Cyn cyflwyno apêl newydd, sicrhewch eich bod wedi darllen yr holl ganllawiau sy\'n","makenewappeal-card-link":"berthnasol i\'r math o apêl sydd gennych.","makenewappeal-card-paragraph-two":"Wedi i chi glicio\'r botwm \'gwneud apêl newydd\' isod, cewch eich arwain drwy broses i\'ch helpu i ddewis y math cywir o apêl.","makenewappeal-card-button-label":"Gwneud apêl newydd","mycases-card-title":"Fy achosion","searchcases-card-title":"Chwilio am achos/cyflwyno cynrychiolaeth","searchcases-card-search-hint":"Chwiliwch drwy roi cyfeirnod 7 digid yr achos yn y blwch isod:","searchcases-card-search-example-label":"Enghraifft","searchcases-card-button":"Cyflwyno Chwiliad","searchcases-card-advanced-link":"Fel arall, gallwch chwilio gan ddefnyddio ein meini prawf eraill gyda\'n chwiliad uwch","awatitingsubmission-card-title":"Eto iw gyflwyno","myrepresentations-card-title":"Cyflwyniadau\'r achos","watchedcases-card-title":"Achosion a gwylio"}');
module.exports = JSON.parse('{"viewall-link":"Gweld y cyfan","page-title":"My Portal","makenewappeal-card-title":"Gwneud apêl newydd","makenewappeal-card-paragraph-one":"Cyn cyflwyno apêl newydd, sicrhewch eich bod wedi darllen yr holl ganllawiau sy\'n","makenewappeal-card-link":"berthnasol i\'r math o apêl sydd gennych.","makenewappeal-card-paragraph-two":"Wedi i chi glicio\'r botwm \'gwneud apêl newydd\' isod, cewch eich arwain drwy broses i\'ch helpu i ddewis y math cywir o apêl.","makenewappeal-card-button-label":"Gwneud apêl newydd","mycases-card-title":"Fy achosion","searchcases-card-title":"Chwilio am achos/cyflwyno cynrychiolaeth","searchcases-card-search-hint":"Chwiliwch drwy roi cyfeirnod 7 digid yr achos yn y blwch isod:","searchcases-card-search-example-label":"Enghraifft","searchcases-card-button":"Cyflwyno Chwiliad","searchcases-card-advanced-link":"Fel arall, gallwch chwilio gan ddefnyddio ein meini prawf eraill gyda\'n chwiliad uwch","awatitingsubmission-card-title":"Eto iw gyflwyno","myrepresentations-card-title":"Cyflwyniadau\'r achos","watchedcases-card-title":"Achosion a gwylio"}');
/***/ })
@@ -15,7 +15,7 @@
/***/ (function(module) {
"use strict";
module.exports = JSON.parse('{"viewall-link":"View all","makenewappeal-card-title":"Make a new appeal","makenewappeal-card-paragraph-one":"Before submitting a new appeal, please ensure you have read all of the guidance","makenewappeal-card-link":"relevant to your appeal type.","makenewappeal-card-paragraph-two":"Once you click the \'make a new appeal\' button below you will be guided through a process to help you select the correct appeal type","makenewappeal-card-button-label":"Make a new appeal","mycases-card-title":"My cases","searchcases-card-title":"Search for a case/submit representation","searchcases-card-search-hint":"Search by entering the 7 digit case reference number:","searchcases-card-search-example-label":"Example","searchcases-card-button":"Submit Search","searchcases-card-advanced-link":"Advanced Search","awatitingsubmission-card-title":"Awaiting submission","myrepresentations-card-title":"My representations","watchedcases-card-title":"Watched cases"}');
module.exports = JSON.parse('{"viewall-link":"View all","page-title":"My Portal","makenewappeal-card-title":"Make a new appeal","makenewappeal-card-paragraph-one":"Before submitting a new appeal, please ensure you have read all of the guidance","makenewappeal-card-link":"relevant to your appeal type.","makenewappeal-card-paragraph-two":"Once you click the \'make a new appeal\' button below you will be guided through a process to help you select the correct appeal type","makenewappeal-card-button-label":"Make a new appeal","mycases-card-title":"My cases","searchcases-card-title":"Search for a case/submit representation","searchcases-card-search-hint":"Search by entering the 7 digit case reference number:","searchcases-card-search-example-label":"Example","searchcases-card-button":"Submit Search","searchcases-card-advanced-link":"Advanced Search","awatitingsubmission-card-title":"Awaiting submission","myrepresentations-card-title":"My representations","watchedcases-card-title":"Watched cases"}');
/***/ })
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -182,7 +182,7 @@
/******/
/******/ /* webpack/runtime/getFullHash */
/******/ !function() {
/******/ __webpack_require__.h = function() { return "b2de792ba221e84c255c"; }
/******/ __webpack_require__.h = function() { return "5494917360dfa2a4da11"; }
/******/ }();
/******/
/******/ /* webpack/runtime/global */
+4
View File
@@ -0,0 +1,4 @@
{
"tabWidth": 4,
"useTabs": false
}
+39
View File
@@ -0,0 +1,39 @@
import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
import SearchForCase from "./search/searchforcase";
import AdvancedSearch from "./search/advancedsearch";
export default function Search({ children, pages }) {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<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-full">
<SearchForCase />
</div>
</div>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<AdvancedSearch />
</div>
</div>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<Link href="/searchresults">
<a className="govuk-button ">Search</a>
</Link>
</div>
</div>
</main>
);
}
+42 -41
View File
@@ -3,47 +3,48 @@ import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function CaseSearch() {
let { t } = useTranslation();
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="casesearch-card">
<div className="card-body">
<h3 className="heading-small card-heading">{t("home:casesearch-card-title")}</h3>
<div class="govuk-form-group">
<div id="event-name-hint" classNAme="govuk-hint ">
{t("home:casesearch-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">{t("home:casesearch-card-search-example-label")}:</span>{" "}
APP/A1234/A/99/1234567
</span>
</div>
<input
className="govuk-input"
id="event-name"
name="event-name"
type="text"
aria-describedby="event-name-hint"
/>
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="casesearch-card">
<div className="card-body">
<h3 className="heading-small card-heading">
{t("home:casesearch-card-title")}
</h3>
<div class="govuk-form-group">
<div id="event-name-hint" classNAme="govuk-hint ">
{t("home:casesearch-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">
{t("home:casesearch-card-search-example-label")}
:
</span>{" "}
APP/A1234/A/99/1234567
</span>
</div>
<input
className="govuk-input"
id="event-name"
name="event-name"
type="text"
aria-describedby="event-name-hint"
/>
</div>
<div class="govuk-form-group">
<Link href="/searchresults">
<a className="govuk-button">
{t("home:casesearch-card-button")}
</a>
</Link>
</div>
<Link href="/advancedsearch">
<a>{t("home:casesearch-card-advanced-link")}</a>
</Link>
</div>
</div>
<div class="govuk-form-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
id="submit-search"
formnovalidate=""
>
{t("home:casesearch-card-button")}
</button>
</div>
<Link href="/">
<a>{t("home:casesearch-card-advanced-link")}</a>
</Link>
</div>
</div>
);
);
}
+44 -45
View File
@@ -3,51 +3,50 @@ import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function SearchCases() {
let { t } = useTranslation();
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="card card-3" id="casescomment-card">
<div className="card-body">
<h3 className="heading-small card-heading">
{t("myportal:searchcases-card-title")}
</h3>
<div class="govuk-form-group">
<div id="event-name-hint" classNAme="govuk-hint ">
{t("myportal:searchcases-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">
{t("myportal:searchcases-card-search-example-label")}:
</span>{" "}
APP/A1234/A/99/1234567
</span>
</div>
<input
className="govuk-input"
id="event-name"
name="event-name"
type="text"
aria-describedby="event-name-hint"
/>
const router = useRouter();
const { locale } = router;
return (
<div className="card card-3" id="casescomment-card">
<div className="card-body">
<h3 className="heading-small card-heading">
{t("myportal:searchcases-card-title")}
</h3>
<div class="govuk-form-group">
<div id="event-name-hint" classNAme="govuk-hint ">
{t("myportal:searchcases-card-search-hint")}:
<br />
<span className="govuk-body-s">
{" "}
<span className="govuk-!-font-weight-bold">
{t(
"myportal:searchcases-card-search-example-label"
)}
:
</span>{" "}
APP/A1234/A/99/1234567
</span>
</div>
<input
className="govuk-input"
id="event-name"
name="event-name"
type="text"
aria-describedby="event-name-hint"
/>
</div>
<div class="govuk-form-group">
<Link href="/searchresults">
<a className="govuk-button">
{t("myportal:searchcases-card-button")}
</a>
</Link>
</div>
<Link href="/advancedsearch">
<a>{t("myportal:searchcases-card-advanced-link")}</a>
</Link>
</div>
</div>
<div class="govuk-form-group">
<button
type="submit"
class="govuk-button"
data-module="govuk-button"
id="submit-search"
formnovalidate=""
>
{t("myportal:searchcases-card-button")}
</button>
</div>
<Link href="/">
<a>{t("myportal:searchcases-card-advanced-link")}</a>
</Link>
</div>
</div>
);
);
}
+719
View File
@@ -0,0 +1,719 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function AdvancedSearch() {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="advancedsearch-card">
<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>
</legend>
<div class="govuk-form-group">
<label class="govuk-label" for="address-line-1">
Appellant/Applicant{" "}
</label>
<input
class="govuk-input"
id="address-line-1"
name="address-line-1"
type="text"
autocomplete="address-line1"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-town">
Other Party{" "}
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-town"
name="address-town"
type="text"
autocomplete="address-level2"
/>
</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">
Hearing/Inquiry Date Calendar View{" "}
</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
</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">
Hearing/Inquiry 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
</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">
Site Visit 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
</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">
Call-In 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
</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">
Date Received{" "}
</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
</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">
Start 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
</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
</label>
</div>
</div>
</div>
</div>
</fieldset>
</div>
<div class="govuk-form-group ">
<label class="govuk-label" for="sort">
Procedure Type
</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="Written representations">
Written representations
</option>
</select>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="sort">
Status Type
</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>
</select>
</div>
</div>
</div>
</div>
);
}
+157
View File
@@ -0,0 +1,157 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function SearchForCase() {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="card" id="searchforcase-card">
<div className="card-body">
<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
</h1>
</legend>
<div class="govuk-form-group">
<label class="govuk-label" for="address-county">
Case Reference (last 7 digits)
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-county"
name="address-county"
type="text"
/>
</div>
<fieldset class="govuk-fieldset">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
<h3 class="govuk-heading-m">Site Location</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>
</label>
<input
class="govuk-input"
id="address-line-1"
name="address-line-1"
type="text"
autocomplete="address-line1"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-town">
Town/City (nearest)
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-town"
name="address-town"
type="text"
autocomplete="address-level2"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-county">
County
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
id="address-county"
name="address-county"
type="text"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
Postcode
</label>
<input
class="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
/>
</div>
</fieldset>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
Local Planning Authority
</label>
<input
class="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
LPA Reference Number
</label>
<input
class="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="sort">
Case Type
</label>
<select class="govuk-select" id="sort" name="sort">
<option value="">-- Select --</option>
<option value="Any/All">Any/All</option>
<option value="Advertisement Appeals">
Advertisement Appeals
</option>
<option value="Called in Planning Applications">
Called in Planning Applications
</option>
<option value="Discontinuance Notice Appeals">
Discontinuance Notice Appeals
</option>
<option value="Enforcement Listed Building and Conservation Area Appeals">
Enforcement Listed Building and Conservation
Area Appeals
</option>
<option value="Enforcement Appeals">
Enforcement Appeals
</option>
<option value="Householder Appeals">
Householder Appeals
</option>
<option value="Lawful Development Certificate Appeals">
Lawful Development Certificate Appeals
</option>
<option value="Planning Appeals">
Planning Appeals
</option>
<option value="Planning Obligation Appeals">
Planning Obligation Appeals
</option>
<option value="Planning Listed Building and Conservation Area Appeals">
Planning Listed Building and Conservation Area
Appeals
</option>
</select>
</div>
</div>
</div>
</div>
);
}
+267
View File
@@ -0,0 +1,267 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
export default function SearchResults() {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h1 class="govuk-heading-xl govuk-!-margin-bottom-7">
Search for a case
</h1>
<p className="govuk-body">Your search returned 99 results.</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
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
Site Address
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
Appellant/Applicant
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
Authority
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
Case Type
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
Status
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
Case Reference:
</span>
APP/Z2830/D/21/3272770
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
Case Reference:
</span>
APP/Z2830/D/21/3272770
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
Case Reference:
</span>
APP/Z2830/D/21/3272770
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
Case Reference:
</span>
APP/Z2830/D/21/3272770
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
Case Reference:
</span>
APP/Z2830/D/21/3272770
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
23 Martineau Lane
<br /> HASTINGS
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
</dl>
</div>
</div>
);
}
+41
View File
@@ -0,0 +1,41 @@
import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
import SearchForCase from "./search/searchforcase";
import SearchResults from "./search/searchresults";
export default function Search({ children, pages }) {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<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-full">
<SearchResults />
</div>
</div>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<div class="govuk-button-group">
<Link href="/advancedsearch">
<a className="govuk-button">Refine Search</a>
</Link>
<Link href="/advancedsearch">
<a className="govuk-button govuk-button--secondary">
New Search
</a>
</Link>
</div>
</div>
</div>
</main>
);
}
+1
View File
@@ -1,5 +1,6 @@
{
"viewall-link": "Gweld y cyfan",
"page-title": "My Portal",
"makenewappeal-card-title": "Gwneud apêl newydd",
"makenewappeal-card-paragraph-one": "Cyn cyflwyno apêl newydd, sicrhewch eich bod wedi darllen yr holl ganllawiau sy'n",
"makenewappeal-card-link": "berthnasol i'r math o apêl sydd gennych.",
+1
View File
@@ -1,5 +1,6 @@
{
"viewall-link": "View all",
"page-title": "My Portal",
"makenewappeal-card-title": "Make a new appeal",
"makenewappeal-card-paragraph-one": "Before submitting a new appeal, please ensure you have read all of the guidance",
"makenewappeal-card-link": "relevant to your appeal type.",
+21
View File
@@ -30,6 +30,9 @@
"sass": "^1.35.1",
"sass-loader": "^12.1.0",
"webpack": "^5.40.0"
},
"devDependencies": {
"prettier": "2.3.2"
}
},
"node_modules/@babel/code-frame": {
@@ -8640,6 +8643,18 @@
"node": ">=0.10.0"
}
},
"node_modules/prettier": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.3.2.tgz",
"integrity": "sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==",
"dev": true,
"bin": {
"prettier": "bin-prettier.js"
},
"engines": {
"node": ">=10.13.0"
}
},
"node_modules/process": {
"version": "0.11.10",
"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -18418,6 +18433,12 @@
"resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
"integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
},
"prettier": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.3.2.tgz",
"integrity": "sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==",
"dev": true
},
"process": {
"version": "0.11.10",
"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+3
View File
@@ -30,5 +30,8 @@
"sass": "^1.35.1",
"sass-loader": "^12.1.0",
"webpack": "^5.40.0"
},
"devDependencies": {
"prettier": "2.3.2"
}
}
+77
View File
@@ -0,0 +1,77 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../components/header";
import Banner from "../components/banner";
import CookieBanner from "../components/cookieBanner";
import Breadcrumbs from "../components/breadcrumbs";
import Search from "../components/advancedsearch";
import Footer from "../components/footer";
import Errorpage from "../components/errorpage";
import styles from "../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t,lang } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>{t("myportal:page-title")} - {t("common:service-name")}</title>
</Head>
<div className="">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<Search/>
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
// export const getServerSideProps = wrapper.getServerSideProps(
// async ({ locale, store, req, res }) => {
// const token = await getToken();
// let accessToken = token.access_token;
// const apiRoot = process.browser ? window.API_ROOT : process.env.API_ROOT;
// const [pages, footerLinks, courseListContent] = await Promise.all([
// await getPages(accessToken, locale),
// await getFooterLinks(accessToken, locale),
// await getCourseList(accessToken, locale),
// ]);
// //const courseID = await getCourseID
// store.dispatch(setApiRoot(apiRoot));
// store.dispatch(setPages(pages));
// store.dispatch(setFooterLinks(footerLinks));
// store.dispatch(setCourseListContent(courseListContent));
// }
// );
// const mapStateToProps = (state) => {
// //console.log(state);
// return {
// apiroot: state.apiroot,
// courseListContent: state.courseListContent.courseListContent,
// pages: state.pages.pages,
// footerLinks: state.footerLinks.footerLinks,
// regions: state.regions,
// sectors: state.sectors,
// form: state.form,
// };
// };
export default Home//connect(mapStateToProps)(Home);
+8 -1
View File
@@ -12,13 +12,20 @@ import styles from "../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t,lang } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>Understand the Prevent Duty </title>
<title>{t("common:service-name")}</title>
</Head>
<div className="">
<CookieBanner />
+9 -2
View File
@@ -11,17 +11,24 @@ import styles from "../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t,lang } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>Understand the Prevent Duty </title>
<title>{t("myportal:page-title")} - {t("common:service-name")}</title>
</Head>
<div className="">
<CookieBanner />
<Header courseName="Appeals Casework Portal" />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<MyPortal/>
+78
View File
@@ -0,0 +1,78 @@
import _ from "lodash";
import Head from "next/head";
import Header from "../components/header";
import Banner from "../components/banner";
import CookieBanner from "../components/cookieBanner";
import Breadcrumbs from "../components/breadcrumbs";
import SearchResults from "../components/searchresults";
import Footer from "../components/footer";
import Errorpage from "../components/errorpage";
import styles from "../styles/Home.module.css";
import { useSelector, shallowEqual, connect } from "react-redux";
import { wrapper } from "../store/store";
import Cookies from "cookies";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
const Home = (props) => {
const { footerLinks, pages } = props;
let { t, lang } = useTranslation();
const router = useRouter();
const { locale } = router;
return (
<div>
<Head>
<title>
{t("myportal:page-title")} - {t("common:service-name")}
</title>
</Head>
<div className="">
<CookieBanner />
<Header courseName={t("common:service-name")} />
<div className="govuk-width-container">
<Banner />
<SearchResults />
</div>
<Footer footerLinks={footerLinks} />
</div>
</div>
);
};
// export const getServerSideProps = wrapper.getServerSideProps(
// async ({ locale, store, req, res }) => {
// const token = await getToken();
// let accessToken = token.access_token;
// const apiRoot = process.browser ? window.API_ROOT : process.env.API_ROOT;
// const [pages, footerLinks, courseListContent] = await Promise.all([
// await getPages(accessToken, locale),
// await getFooterLinks(accessToken, locale),
// await getCourseList(accessToken, locale),
// ]);
// //const courseID = await getCourseID
// store.dispatch(setApiRoot(apiRoot));
// store.dispatch(setPages(pages));
// store.dispatch(setFooterLinks(footerLinks));
// store.dispatch(setCourseListContent(courseListContent));
// }
// );
// const mapStateToProps = (state) => {
// //console.log(state);
// return {
// apiroot: state.apiroot,
// courseListContent: state.courseListContent.courseListContent,
// pages: state.pages.pages,
// footerLinks: state.footerLinks.footerLinks,
// regions: state.regions,
// sectors: state.sectors,
// form: state.form,
// };
// };
export default Home; //connect(mapStateToProps)(Home);
+1 -1
View File
@@ -1,5 +1,5 @@
@import "node_modules/govuk-frontend/govuk/all";
@import "prevent-training/_application";
//@import "prevent-training/_application";
@import "welshgov/_application";
// global styles for <a> and <p> tags
+47 -2
View File
@@ -26,8 +26,53 @@
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
}
.form-inline-label {
.inlineFieldset {
display: flex;
@media screen and (max-width: 900px) {
display: block;
}
}
legend {
align-self: flex-end;
margin-right: 20px;
}
.inlineFieldset .govuk-date-input__item:last-of-type {
margin-right: 0px;
position: relative;
top: -2px;
label.govuk-label.govuk-checkboxes__label.no__right_padding {
padding-right: 0px;
}
}
}
div.govuk-summary-list__row:nth-child(even) {
background: #f3f2f1;
}
.results_wider {
width: 170px;
}
.results-visually-hidden {
display: none;
@media screen and (max-width: 900px) {
display: block;
font-weight: bold;
}
}
.results-headings {
@media screen and (max-width: 900px) {
display: none;
}
}
+5
View File
@@ -4498,6 +4498,11 @@
"resolved" "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz"
"version" "1.0.4"
"prettier@2.3.2":
"integrity" "sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ=="
"resolved" "https://registry.npmjs.org/prettier/-/prettier-2.3.2.tgz"
"version" "2.3.2"
"process-nextick-args@~2.0.0":
"integrity" "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
"resolved" "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz"