added mock call for case view

This commit is contained in:
2021-08-02 16:29:13 +01:00
parent 9bbd0aa741
commit 7ce4460b47
24 changed files with 1135 additions and 267 deletions
+5 -1
View File
@@ -167,7 +167,11 @@ const Breadcrumbs = (props) => {
</Link>
</li>
<li className="govuk-breadcrumbs__list-item">
Case Reference: CAS-00010-J9W6L5
Case Reference:{" "}
{
props.props.currentView.caseReference
.currentReference
}
</li>
</>
) : (
+12 -3
View File
@@ -5,7 +5,7 @@ import useTranslation from "next-translate/useTranslation";
import Summary from "./case/summary";
import Documents from "./case/documents";
export default function CaseSummary({ children, pages }) {
const CaseSummary = (props) => {
let { t } = useTranslation();
const router = useRouter();
@@ -19,10 +19,19 @@ export default function CaseSummary({ children, pages }) {
>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<Summary />
<Summary
myCases={props.myCases}
myRepresentations={props.myRepresentations}
watchedCases={props.watchedCases}
awaitingSubmission={props.awaitingSubmission}
caseReference={props.caseReference}
currentType={props.currentType}
/>
<Documents />
</div>
</div>
</main>
);
}
};
export default CaseSummary;
+78 -32
View File
@@ -1,18 +1,38 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import jsonpath from "jsonpath";
import _ from "lodash";
export default function CaseSummary() {
const CaseSummary = (props) => {
let { t } = useTranslation();
const router = useRouter();
const { locale } = router;
const {
caseReference,
myCases,
myRepresentations,
watchedCases,
awaitingSubmission,
currentType,
} = props;
let setCaseQueryObj = props[currentType];
var casesObj = jsonpath.query(
setCaseQueryObj,
'$..[?(@.reference=="' + caseReference + '")]'
);
casesObj = Object.assign({}, ...casesObj);
return (
<div>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
Reference: CAS-00010-J9W6L5
Reference: {casesObj.reference}
</h1>
<dl className="govuk-summary-list govuk-!-margin-bottom-9">
@@ -21,7 +41,7 @@ export default function CaseSummary() {
{t("case:summary-applicant-label")}
</dt>
<dd className="govuk-summary-list__value">
Mr J Pocknell
{casesObj.appellantApplicant}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -29,7 +49,7 @@ export default function CaseSummary() {
{t("case:summary-agent-label")}
</dt>
<dd className="govuk-summary-list__value">
Mr Cos Polito
Mr A Agent
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -37,11 +57,12 @@ export default function CaseSummary() {
{t("case:summary-site-address-label")}
</dt>
<dd className="govuk-summary-list__value">
72 Guild Street
{casesObj.address1}
<br />
London
{casesObj.town}
<br />
SE23 6FH
{casesObj.postcode}
</dd>
</div>
</dl>
@@ -55,11 +76,12 @@ export default function CaseSummary() {
{t("case:summary-make-representation-label")}
</a>
</Link>
<Link href="/advancedsearch">
<a className="govuk-button govuk-button--secondary">
{t("case:summary-back-button-label")}
</a>
</Link>
<a
onClick={() => router.back()}
className="govuk-button govuk-button--secondary"
>
{t("case:summary-back-button-label")}
</a>
</div>
</div>
</div>
@@ -78,7 +100,9 @@ export default function CaseSummary() {
{t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value">
Planning Appeal (W){" "}
{casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -86,7 +110,7 @@ export default function CaseSummary() {
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
Hastings Borough Council
{casesObj.lpaname}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -96,8 +120,7 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
Erection of a two-storey chalet
style detached dwelling
{casesObj.caseDetails.caseSummary}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -108,7 +131,7 @@ export default function CaseSummary() {
</dt>
<dd className="govuk-summary-list__value">
{" "}
Neale Oliver
{casesObj.caseDetails.caseOfficer}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -116,7 +139,7 @@ export default function CaseSummary() {
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
Written representations
{casesObj.caseDetails.procedure}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -124,7 +147,11 @@ export default function CaseSummary() {
{t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value">
In Progress
{
casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue"
]
}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -132,10 +159,14 @@ export default function CaseSummary() {
{t("case:summary-decision-label")}
</dt>
<dd className="govuk-summary-list__value">
Allowed
{casesObj.caseDetails.decision}
<br />
<Link href="/">
<a>
3272770 Appeal Decision.pdf
{
casesObj.caseDetails
.outcome_document
}
</a>
</Link>
</dd>
@@ -147,7 +178,10 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
Not Linked
{
casesObj.caseDetails
.caseLinkStatus
}
</dd>
</div>
<div className="govuk-summary-list__row">
@@ -157,7 +191,7 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
0
{casesObj.caseDetails.linkedCases}
</dd>
</div>
</dl>
@@ -176,7 +210,8 @@ export default function CaseSummary() {
{t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value">
26-May-21
{casesObj.caseDates.start_date ||
"N/A"}
</dd>
</div>
@@ -187,7 +222,8 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
02-Jun-21
{casesObj.caseDates
.questionnaireDue || "N/A"}
</dd>
</div>
@@ -198,7 +234,8 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
30-Jun-21
{casesObj.caseDates.statementsDue ||
"N/A"}
</dd>
</div>
@@ -209,7 +246,9 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
30-Jun-21
{casesObj.caseDates
.interestedPartyCommentsdue ||
"N/A"}
</dd>
</div>
@@ -220,7 +259,9 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
14-Jul-21
{casesObj.caseDates
.appellantLPAFinalCommentsdue ||
"N/A"}
</dd>
</div>
@@ -231,7 +272,8 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
N/A
{casesObj.caseDates
.inquiryEvidenceDue || "N/A"}
</dd>
</div>
@@ -240,7 +282,8 @@ export default function CaseSummary() {
{t("case:summary-event-date-label")}
</dt>
<dd className="govuk-summary-list__value">
Date arranged
{casesObj.caseDates.eventDate ||
"N/A"}
</dd>
</div>
@@ -251,7 +294,8 @@ export default function CaseSummary() {
)}
</dt>
<dd className="govuk-summary-list__value">
Not yet decided
{casesObj.caseDates.decisionDate ||
"N/A"}
</dd>
</div>
</dl>
@@ -273,4 +317,6 @@ export default function CaseSummary() {
</div> */}
</div>
);
}
};
export default CaseSummary;
+160 -79
View File
@@ -1,6 +1,7 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { useState } from "react";
export default function Footer(props) {
let { t } = useTranslation();
@@ -18,11 +19,80 @@ export default function Footer(props) {
</li>
));
const [showShareState, setShowShareState] = useState(false);
let shareState = () => {
showShareState == true
? setShowShareState(false)
: setShowShareState(true);
};
return (
<footer className="govuk-footer " role="contentinfo">
<>
<div className="sharebar" id="sharebar">
<div className="sharebar__components container-fluid">
<div className="main__sharebar">
<div
className={
showShareState
? "block-share active"
: "block-share"
}
>
<button
id="sharePage"
aria-controls="sharePageLinks"
aria-expanded="true"
onClick={() => {
shareState();
}}
>
Share this page
</button>
<ul
className={
showShareState
? "block-share active"
: "block-share"
}
id="sharePageLinks"
aria-labelledby="sharePage"
>
<li>
<a
href="https://twitter.com/intent/tweet?url=https%3A//gov.wales/"
className="twitter"
>
<span className="vo_hidden">
Share this page via{" "}
</span>
Twitter
</a>
</li>
<li>
<a
href="https://www.facebook.com/sharer/sharer.php?u=https%3A//gov.wales/"
className="facebook"
>
<span className="vo_hidden">
Share this page via{" "}
</span>
Facebook
</a>
</li>
<li>
<a
href="mailto:?body=https%3A//gov.wales/&amp;subject=Shared%20from%20gov.wales"
className="email"
>
<span className="vo_hidden">
Share this page via{" "}
</span>
Email
</a>
</li>
</ul>
</div>
<div
id="sharebar__backtotop"
className="btn--outlined btn--arrow-up"
@@ -32,88 +102,99 @@ export default function Footer(props) {
</div>
</div>
</div>
<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"
<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"
>
<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"
rel="noreferrer"
>
{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"
rel="noreferrer"
>
{t("common:footer-privacy-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://www.gov.uk/guidance/appeals-casework-portal-privacy-cookies"
id="aCookies"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-cookies-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
className="govuk-footer__link"
id="aAccess"
target="_blank"
rel="noreferrer"
>
{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"
rel="noreferrer"
>
{t("common:footer-feedback-link")}
</a>
</li>
</ul>
</nav>
<div
className="footer_logo container-fluid"
id="footer_logo"
>
<a
href="https://gov.wales/"
className="footer__logo"
id="footerlogo"
<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"
rel="noreferrer"
>
{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"
rel="noreferrer"
>
{t("common:footer-privacy-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="https://www.gov.uk/guidance/appeals-casework-portal-privacy-cookies"
id="aCookies"
className="govuk-footer__link"
target="_blank"
rel="noreferrer"
>
{t("common:footer-cookies-link")}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<a
href="http://www.gov.uk/government/publications/appeals-casework-portal-documentation"
className="govuk-footer__link"
id="aAccess"
target="_blank"
rel="noreferrer"
>
{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"
rel="noreferrer"
>
{t("common:footer-feedback-link")}
</a>
</li>
</ul>
</nav>
<div
className="footer_logo container-fluid"
id="footer_logo"
>
<span className="visually-hidden">Home</span>
</a>
<a
href="https://gov.wales/"
className="footer__logo"
id="footerlogo"
>
<span className="visually-hidden">
Home
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
</footer>
</>
);
}
+1 -1
View File
@@ -11,7 +11,7 @@ export default function SkipLink(props) {
</Head>
<div className="">
<Header courseName="Appeals Casework Portal" />
<Header courseName="Planning Casework Portal" />
<div className="govuk-width-container">
<Banner />
<main
@@ -23,6 +23,7 @@ const AwaitingSubmission = (props) => {
showTopThree={
props.awaitingSubmission.awaitingSubmission
}
topThreeType={"awaitingSubmission"}
/>
</div>
<div className="cardVieAll">
+4 -1
View File
@@ -18,7 +18,10 @@ const MyCases = (props) => {
{t("myportal:mycases-card-title")}
</h3>
<div className="cardModuleContainer">
<TopThree showTopThree={props.myCases.myCases} />
<TopThree
showTopThree={props.myCases.myCases}
topThreeType={"myCases"}
/>
</div>
<div className="cardVieAll">
+1
View File
@@ -21,6 +21,7 @@ const MyRepresentations = (props) => {
<div className="cardModuleContainer">
<TopThree
showTopThree={props.myRepresentations.myRepresentations}
topThreeType={"myRepresentations"}
/>
</div>
+55 -17
View File
@@ -1,35 +1,73 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { setCurrentReference } from "../../store/currentView/action";
import { connect } from "react-redux";
const TopThree = (props) => {
let { t } = useTranslation();
const { showTopThree } = props;
const { showTopThree, setCurrentReference, topThreeType } = props;
const router = useRouter();
const { locale } = router;
let topthreeRow = [];
for (var i = 0; i < 3; i++)
topthreeRow.push(
<div className="cardModuleItem" key={i}>
<div className="cardModuleDetails">
<div className="cardModuleReference">
<b>Case reference:</b>{" "}
<Link href="/case">
<a>{props.showTopThree.value[i].reference}</a>
</Link>
</div>
<div className="carModuleAddress">
<b>Address: </b> {props.showTopThree.value[i].address}
for (var i = 0; i < 3; i++) {
(function (i) {
topthreeRow.push(
<div className="cardModuleItem" key={i}>
<div className="cardModuleDetails">
<div className="cardModuleReference">
<b>Case reference:</b>{" "}
<Link href="/case">
<a
data-id={i}
onClick={() => {
setCurrentReference({
"currentReference":
showTopThree.value[i].reference,
"currentType": topThreeType,
});
}}
>
{showTopThree.value[i].reference}
</a>
</Link>
</div>
{topThreeType != "awaitingSubmission" ? (
<div className="carModuleAddress">
<b>Address: </b>
{showTopThree.value[i].address1}
</div>
) : (
""
)}
{topThreeType == "awaitingSubmission" ? (
<div className="carModuleAddress">
Make Representation on Case Incomplete, not
submitted
</div>
) : (
""
)}
</div>
<div className="cardModuleRemoveCase"> &mdash;</div>
</div>
<div className="cardModuleRemoveCase"> &mdash;</div>
</div>
);
);
})(i);
}
return <>{topthreeRow}</>;
};
export default TopThree;
const mapDispatchToProps = (dispatch) => {
return {
setCurrentReference: (currentReference) => {
dispatch(setCurrentReference(currentReference));
},
};
};
export default connect(null, mapDispatchToProps)(TopThree);
+4 -1
View File
@@ -19,7 +19,10 @@ const WatchedCases = (props) => {
{t("myportal:watchedcases-card-title")}
</h3>
<div className="cardModuleContainer">
<TopThree showTopThree={props.watchedCases.watchedCases} />
<TopThree
showTopThree={props.watchedCases.watchedCases}
topThreeType={"watchedCases"}
/>
</div>
<div className="cardVieAll">
+10 -8
View File
@@ -20,7 +20,10 @@ export default function Search(props) {
>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<SearchResults searchString={searchString} searchResultsObj={searchResultsObj}/>
<SearchResults
searchString={searchString}
searchResultsObj={searchResultsObj}
/>
</div>
</div>
<div className="govuk-grid-row">
@@ -31,13 +34,12 @@ export default function Search(props) {
{t("search:searchresults-search-button-label")}
</a>
</Link>
<Link href="/advancedsearch">
<a className="govuk-button govuk-button--secondary">
{t(
"search:searchresults-new-search-button-label"
)}
</a>
</Link>
<a
onClick={() => router.back()}
className="govuk-button govuk-button--secondary"
>
{t("search:searchresults-new-search-button-label")}
</a>
</div>
</div>
</div>