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

Merged PR 2258: refactor(summary-types): standardise case summary markup with SummaryCard/SummaryRow wrappers

Browse Source 
Related work items: #22441
This commit is contained in:
Robert Bond
2026-04-20 12:15:43 +00:00
parent b6ca73d76a
commit 670e98a0a1
28 changed files with 6204 additions and 6539 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/case/summaryTypes/pinswg_advertsid.js
+119 -198
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_advertsid = (props) => { const Pinswg_advertsid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_advertsid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,23 +32,19 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={"Specialist Case Process"}
Specialist Case Process value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -60,20 +53,18 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_speacialistcaseprocess@OData.Community.Display.V1.FormattedValue" "pinswg_speacialistcaseprocess@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-lpa-label")}
{t("case:summary-lpa-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -82,19 +73,17 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -106,17 +95,13 @@ const Pinswg_advertsid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue" "pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -125,19 +110,17 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-type-of-event-label")}
{t("case:summary-type-of-event-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -146,19 +129,17 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -167,16 +148,14 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
@@ -192,7 +171,7 @@ const Pinswg_advertsid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -213,16 +192,11 @@ const Pinswg_advertsid = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -238,14 +212,11 @@ const Pinswg_advertsid = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
@@ -253,61 +224,42 @@ const Pinswg_advertsid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_questionnaireduedate")
{_.has(
detailsObj,
"pinswg_questionnaireduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_questionnaireduedate detailsObj.pinswg_questionnaireduedate
) )
@@ -317,20 +269,16 @@ const Pinswg_advertsid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -356,21 +304,14 @@ const Pinswg_advertsid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(detailsObj, "pinswg_dateeventrequested")
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -380,23 +321,14 @@ const Pinswg_advertsid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-event-date-label")}
{t( value={
"case:summary-start-event-date-label" _.has(detailsObj, "pinswg_startdateoftheevent")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateoftheevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateoftheevent detailsObj.pinswg_startdateoftheevent
) )
@@ -406,20 +338,13 @@ const Pinswg_advertsid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -429,15 +354,11 @@ const Pinswg_advertsid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_callinss77id.js
+125 -218
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_callinss77id = (props) => { const Pinswg_callinss77id = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_callinss77id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,22 +32,18 @@ const Pinswg_callinss77id = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-lpa-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -59,19 +52,17 @@ const Pinswg_callinss77id = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -83,17 +74,13 @@ const Pinswg_callinss77id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue" "pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -102,19 +89,17 @@ const Pinswg_callinss77id = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-type-of-event-label")}
{t("case:summary-type-of-event-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -123,19 +108,17 @@ const Pinswg_callinss77id = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -144,16 +127,14 @@ const Pinswg_callinss77id = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -168,7 +149,7 @@ const Pinswg_callinss77id = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -189,16 +170,11 @@ const Pinswg_callinss77id = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -214,14 +190,11 @@ const Pinswg_callinss77id = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
@@ -229,60 +202,41 @@ const Pinswg_callinss77id = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t(
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_questionnaireduedate")
{_.has(
detailsObj,
"pinswg_questionnaireduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_questionnaireduedate detailsObj.pinswg_questionnaireduedate
) )
@@ -292,11 +246,9 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
{/* <div className="govuk-summary-list__row"> {/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -323,17 +275,10 @@ const Pinswg_callinss77id = (props) => {
</dd> </dd>
</div> */} </div> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-statement-due-date-label")}
{t( value={
"case:summary-statement-due-date-label" _.has(detailsObj, "pinswg_statementsduedate")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_statementsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementsduedate detailsObj.pinswg_statementsduedate
) )
@@ -343,19 +288,15 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t(
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -381,22 +322,15 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t(
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_finalcommentsduedate")
{_.has(
detailsObj,
"pinswg_finalcommentsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_finalcommentsduedate detailsObj.pinswg_finalcommentsduedate
) )
@@ -406,11 +340,9 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
{/* <div className="govuk-summary-list__row"> {/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -436,15 +368,10 @@ const Pinswg_callinss77id = (props) => {
)} )}
</dd> </dd>
</div> */} </div> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(detailsObj, "pinswg_dateeventrequested")
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -454,22 +381,13 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-start-event-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_startdateofevent")
{t(
"case:summary-start-event-date-label"
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateofevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateofevent detailsObj.pinswg_startdateofevent
) )
@@ -479,20 +397,13 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -502,15 +413,11 @@ const Pinswg_callinss77id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_commonlandid.js
+134 -231
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_commonlandid = (props) => { const Pinswg_commonlandid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_commonlandid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,22 +32,18 @@ const Pinswg_commonlandid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-lpa-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -59,19 +52,17 @@ const Pinswg_commonlandid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -83,17 +74,13 @@ const Pinswg_commonlandid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue" "pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -102,19 +89,17 @@ const Pinswg_commonlandid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-type-of-event-label")}
{t("case:summary-type-of-event-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -123,19 +108,17 @@ const Pinswg_commonlandid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -144,16 +127,14 @@ const Pinswg_commonlandid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -168,7 +149,7 @@ const Pinswg_commonlandid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -189,16 +170,11 @@ const Pinswg_commonlandid = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -214,35 +190,30 @@ const Pinswg_commonlandid = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
detailsObj.pinswg_relevantauthorityname + detailsObj.pinswg_relevantauthorityname +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: jsonpath({ : jsonpath({
path: path:
@@ -250,69 +221,48 @@ const Pinswg_commonlandid = (props) => {
detailsObj.pinswg_relevantauthorityname + detailsObj.pinswg_relevantauthorityname +
'")].value', '")].value',
json: transLookup, json: transLookup,
eval: true, eval: true
}) || }) ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_questionnaireduedate")
{_.has(
detailsObj,
"pinswg_questionnaireduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_questionnaireduedate detailsObj.pinswg_questionnaireduedate
) )
@@ -322,23 +272,14 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-statement-due-date-label")}
{t( value={
"case:summary-statement-due-date-label" _.has(detailsObj, "pinswg_statementsduedate")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_statementsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementsduedate detailsObj.pinswg_statementsduedate
) )
@@ -348,20 +289,16 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -387,23 +324,16 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_finalcommentsduedate")
{_.has(
detailsObj,
"pinswg_finalcommentsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_finalcommentsduedate detailsObj.pinswg_finalcommentsduedate
) )
@@ -413,11 +343,9 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
{/* <div className="govuk-summary-list__row"> {/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -443,15 +371,10 @@ const Pinswg_commonlandid = (props) => {
)} )}
</dd> </dd>
</div> */} </div> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(detailsObj, "pinswg_dateeventrequested")
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -461,23 +384,14 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-event-date-label")}
{t( value={
"case:summary-start-event-date-label" _.has(detailsObj, "pinswg_starttimeoftheevent")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_starttimeoftheevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_starttimeoftheevent detailsObj.pinswg_starttimeoftheevent
) )
@@ -487,20 +401,13 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -510,15 +417,11 @@ const Pinswg_commonlandid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js
+111 -188
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_communityinfrastructurelevyid = (props) => { const Pinswg_communityinfrastructurelevyid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,22 +32,18 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-lpa-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -59,19 +52,17 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -83,17 +74,13 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue" "pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -102,19 +89,17 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-type-of-event-label")}
{t("case:summary-type-of-event-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -123,19 +108,17 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -144,16 +127,14 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -168,7 +149,7 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -189,16 +170,11 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -214,14 +190,11 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
@@ -229,57 +202,41 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t(
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -305,23 +262,16 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_finalcommentsduedate")
{_.has(
detailsObj,
"pinswg_finalcommentsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_finalcommentsduedate detailsObj.pinswg_finalcommentsduedate
) )
@@ -331,21 +281,14 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(detailsObj, "pinswg_dateeventrequested")
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -355,23 +298,14 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-event-date-label")}
{t( value={
"case:summary-start-event-date-label" _.has(detailsObj, "pinswg_startdateoftheevent")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateoftheevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateoftheevent detailsObj.pinswg_startdateoftheevent
) )
@@ -381,20 +315,13 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -404,15 +331,11 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js
+126 -221
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_compulsorypurchaseordersid = (props) => { const Pinswg_compulsorypurchaseordersid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,23 +32,19 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -63,17 +56,13 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_detailedeiascreening@OData.Community.Display.V1.FormattedValue" "pinswg_detailedeiascreening@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -82,19 +71,17 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-type-of-event-label")}
{t("case:summary-type-of-event-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -103,19 +90,17 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -124,16 +109,14 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -148,7 +131,7 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -169,16 +152,11 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -194,35 +172,30 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
detailsObj.pinswg_relevantauthorityname + detailsObj.pinswg_relevantauthorityname +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: jsonpath({ : jsonpath({
path: path:
@@ -230,69 +203,48 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
detailsObj.pinswg_relevantauthorityname + detailsObj.pinswg_relevantauthorityname +
'")].value', '")].value',
json: transLookup, json: transLookup,
eval: true, eval: true
}) || }) ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_questionnaireduedate")
{_.has(
detailsObj,
"pinswg_questionnaireduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_questionnaireduedate detailsObj.pinswg_questionnaireduedate
) )
@@ -302,23 +254,14 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-statement-due-date-label")}
{t( value={
"case:summary-statement-due-date-label" _.has(detailsObj, "pinswg_statementduedate")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_statementduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementduedate detailsObj.pinswg_statementduedate
) )
@@ -328,20 +271,16 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -367,23 +306,16 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_finalcommentsduedate")
{_.has(
detailsObj,
"pinswg_finalcommentsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_finalcommentsduedate detailsObj.pinswg_finalcommentsduedate
) )
@@ -393,11 +325,9 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
{/* <div className="govuk-summary-list__row"> {/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -423,15 +353,10 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
)} )}
</dd> </dd>
</div> */} </div> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(detailsObj, "pinswg_dateeventrequested")
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -441,23 +366,14 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-event-date-label")}
{t( value={
"case:summary-start-event-date-label" _.has(detailsObj, "pinswg_startdateofevent")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateofevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateofevent detailsObj.pinswg_startdateofevent
) )
@@ -467,20 +383,13 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -490,15 +399,11 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_dnsid.js
+318 -253
View File
@@ -3,6 +3,8 @@ import { JSONPath as jsonpath } from "jsonpath-plus";
import _ from "lodash"; import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
import GoogleMapComponent from "../../mapping/"; import GoogleMapComponent from "../../mapping/";
@@ -92,12 +94,13 @@ const Pinswg_dnsid = (props) => {
</h2> </h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -113,19 +116,22 @@ const Pinswg_dnsid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label", "case:summary-no-date-entered-label",
)} )
</dd>
</div> }
/>
{detailsObj.pinswg_webaddress != null && ( {detailsObj.pinswg_webaddress != null && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-website-label", "case:summary-case-website-label",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -154,16 +160,19 @@ const Pinswg_dnsid = (props) => {
) || ) ||
t( t(
"case:summary-no-date-entered-label", "case:summary-no-date-entered-label",
)
}
/>
)} )}
</dd> <SummaryRow
</div>
)} label={t("case:summary-lpa-label")}
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> value={
{t("case:summary-lpa-label")}
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -176,17 +185,20 @@ const Pinswg_dnsid = (props) => {
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-eia-required-label", "case:summary-eia-required-label",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -200,15 +212,18 @@ const Pinswg_dnsid = (props) => {
] || ] ||
t( t(
"case:summary-to-be-confirmed-label", "case:summary-to-be-confirmed-label",
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-procedure-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-procedure-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -224,15 +239,15 @@ const Pinswg_dnsid = (props) => {
] || ] ||
t( t(
"case:summary-to-be-confirmed-label", "case:summary-to-be-confirmed-label",
)} )
</dd>
</div> }
{/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-status-label")} {/* <SummaryRow
</dt> label={t("case:summary-status-label")}
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy" router.locale == "cy"
? jsonpath({path: ? jsonpath({path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -246,32 +261,30 @@ const Pinswg_dnsid = (props) => {
] || ] ||
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )
</dd> }
</div> */} /> */}
{/* <div className="govuk-summary-list__row"> {/* <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-case-officer-label" "case:summary-case-officer-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(casesObj, "_ownerid_value")
{_.has(casesObj, "_ownerid_value")
? casesObj[ ? casesObj[
"_ownerid_value@OData.Community.Display.V1.FormattedValue" "_ownerid_value@OData.Community.Display.V1.FormattedValue"
] ]
: ""} : ""
</dd> }
</div> */} /> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-type-of-event-label", "case:summary-type-of-event-label",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -284,17 +297,20 @@ const Pinswg_dnsid = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label", "case:summary-start-event-date-label",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_startdateofevent", "pinswg_startdateofevent",
) )
@@ -309,15 +325,18 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-no-information-to-date-label", "case:summary-no-information-to-date-label",
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-event-date-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-event-date-label")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested", "pinswg_dateeventrequested",
) )
@@ -332,9 +351,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-to-be-confirmed-label", "case:summary-to-be-confirmed-label",
)} )
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -367,14 +388,15 @@ const Pinswg_dnsid = (props) => {
</Link> */} </Link> */}
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-decision-date-label", "case:summary-decision-date-label",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofdecision", "pinswg_dateofdecision",
) )
@@ -389,9 +411,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-no-information-to-date-label", "case:summary-no-information-to-date-label",
)} )
</dd>
</div> }
/>
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
@@ -434,14 +458,12 @@ const Pinswg_dnsid = (props) => {
) : ( ) : (
"" ""
)} )}
{/* <div className="govuk-summary-list__row"> {/* <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-case-recommendation-label" "case:summary-case-recommendation-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> router.locale == "cy"
{router.locale == "cy"
? jsonpath({path: ? jsonpath({path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
detailsObj.pinswg_recommendation + detailsObj.pinswg_recommendation +
@@ -449,9 +471,9 @@ const Pinswg_dnsid = (props) => {
transLookup, transLookup,
) )
: detailsObj.pinswg_recommendation} : detailsObj.pinswg_recommendation
</dd> }
</div> */} /> */}
</dl> </dl>
</div> </div>
</div> </div>
@@ -463,14 +485,12 @@ const Pinswg_dnsid = (props) => {
{t("case:summary-dates-label")} {t("case:summary-dates-label")}
</h3> </h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
{/* <div className="govuk-summary-list__row"> {/* <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-valid-notice-of-intention-to-submit-an-application" "case:summary-valid-notice-of-intention-to-submit-an-application"
)} )}
</dt>{" "} value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_validnoticeofintentiontosubmitanapplicati" "pinswg_validnoticeofintentiontosubmitanapplicati"
) )
@@ -485,17 +505,18 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label" "case:summary-awaiting-information-label"
)} )
</dd> }
</div> */} /> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-written-acceptance-of-notice", "case:summary-written-acceptance-of-notice",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_writtenacceptanceofnotification", "pinswg_writtenacceptanceofnotification",
) )
@@ -510,17 +531,20 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-deadline-for-submission-of-application", "case:summary-deadline-for-submission-of-application",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_deadlineforsubmissionofapplication", "pinswg_deadlineforsubmissionofapplication",
) )
@@ -535,17 +559,20 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-submission-of-application", "case:summary-date-of-submission-of-application",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofsubmissionofapplication", "pinswg_dateofsubmissionofapplication",
) )
@@ -560,9 +587,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_applicationacceptedasvalid", "pinswg_applicationacceptedasvalid",
@@ -570,14 +599,15 @@ const Pinswg_dnsid = (props) => {
!_.isEmpty( !_.isEmpty(
detailsObj.pinswg_applicationrejectedasinvalid, detailsObj.pinswg_applicationrejectedasinvalid,
) && ( ) && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-application-accepted-as-valid", "case:summary-application-accepted-as-valid",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_applicationacceptedasvalid, detailsObj.pinswg_applicationacceptedasvalid,
) )
? formatDates( ? formatDates(
@@ -585,9 +615,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
)} )}
{_.has( {_.has(
detailsObj, detailsObj,
@@ -596,14 +628,15 @@ const Pinswg_dnsid = (props) => {
!_.isEmpty( !_.isEmpty(
detailsObj.pinswg_applicationrejectedasinvalid, detailsObj.pinswg_applicationrejectedasinvalid,
) && ( ) && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-application-rejected-as-invalid", "case:summary-application-rejected-as-invalid",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_applicationrejectedasinvalid, detailsObj.pinswg_applicationrejectedasinvalid,
) )
? formatDates( ? formatDates(
@@ -611,18 +644,21 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)
}
/>
)} )}
</dd> <SummaryRow
</div>
)} label={t(
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-end-of-representation-period", "case:summary-end-of-representation-period",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_endofrepresentationperiod", "pinswg_endofrepresentationperiod",
) )
@@ -637,9 +673,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
{_.has( {_.has(
detailsObj, detailsObj,
@@ -648,14 +686,15 @@ const Pinswg_dnsid = (props) => {
!_.isEmpty( !_.isEmpty(
detailsObj.pinswg_dateofrequesttovarytheapplication, detailsObj.pinswg_dateofrequesttovarytheapplication,
) && ( ) && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-date-of-request-to-vary", "case:summary-date-of-request-to-vary",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_dateofrequesttovarytheapplication, detailsObj.pinswg_dateofrequesttovarytheapplication,
) )
? formatDates( ? formatDates(
@@ -663,9 +702,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
)} )}
{_.has( {_.has(
@@ -682,14 +723,15 @@ const Pinswg_dnsid = (props) => {
_.isEmpty( _.isEmpty(
detailsObj.pinswg_rejectrequesttovaryapplication, detailsObj.pinswg_rejectrequesttovaryapplication,
) ? ( ) ? (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-confirm-request-to-vary-application", "case:summary-confirm-request-to-vary-application",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_confirmrequesttovaryapplication, detailsObj.pinswg_confirmrequesttovaryapplication,
) )
? formatDates( ? formatDates(
@@ -697,9 +739,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
) : ( ) : (
"" ""
))} ))}
@@ -717,14 +761,15 @@ const Pinswg_dnsid = (props) => {
_.isEmpty( _.isEmpty(
detailsObj.pinswg_confirmrequesttovaryapplication, detailsObj.pinswg_confirmrequesttovaryapplication,
) ? ( ) ? (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-reject-request-to-vary-application", "case:summary-reject-request-to-vary-application",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_rejectrequesttovaryapplication, detailsObj.pinswg_rejectrequesttovaryapplication,
) )
? formatDates( ? formatDates(
@@ -732,9 +777,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
) : ( ) : (
"" ""
))} ))}
@@ -745,14 +792,15 @@ const Pinswg_dnsid = (props) => {
!_.isEmpty( !_.isEmpty(
detailsObj.pinswg_suspensionstartdates, detailsObj.pinswg_suspensionstartdates,
) && ( ) && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-suspension-start-dates", "case:summary-suspension-start-dates",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_suspensionstartdates, detailsObj.pinswg_suspensionstartdates,
) )
? formatDates( ? formatDates(
@@ -760,19 +808,25 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t(
label={t(
"case:summary-suspension-end-dates", "case:summary-suspension-end-dates",
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={
_.has(
detailsObj, detailsObj,
"pinswg_suspensionenddates", "pinswg_suspensionenddates",
) )
@@ -787,15 +841,20 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t("case:summary-report-due-by")}
</dt> />
<dd className="govuk-summary-list__value"> <SummaryRow
{_.has(
label={t("case:summary-report-due-by")}
value={
_.has(
detailsObj, detailsObj,
"pinswg_reportdueby", "pinswg_reportdueby",
) )
@@ -810,15 +869,15 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
{/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-suspension-dates")} {/* <SummaryRow
</dt> label={t("case:summary-suspension-dates")}
<dd className="govuk-summary-list__value"> value={
{_.has( _.has(
detailsObj, detailsObj,
"pinswg_suspensiondates" "pinswg_suspensiondates"
) )
@@ -833,17 +892,18 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd> }
</div> */} /> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-inspector-report-submission-to-welsh-government", "case:summary-inspector-report-submission-to-welsh-government",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_inspectorreportsubmittedtowelshgovernment", "pinswg_inspectorreportsubmittedtowelshgovernment",
) )
@@ -858,9 +918,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_withdrawndate", "pinswg_withdrawndate",
@@ -868,14 +930,15 @@ const Pinswg_dnsid = (props) => {
!_.isEmpty( !_.isEmpty(
detailsObj.pinswg_withdrawndate, detailsObj.pinswg_withdrawndate,
) && ( ) && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-withdrawn-date", "case:summary-withdrawn-date",
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{!_.isEmpty(
!_.isEmpty(
detailsObj.pinswg_withdrawndate, detailsObj.pinswg_withdrawndate,
) )
? formatDates( ? formatDates(
@@ -883,9 +946,11 @@ const Pinswg_dnsid = (props) => {
) )
: t( : t(
"case:summary-awaiting-information-label", "case:summary-awaiting-information-label",
)} )
</dd>
</div> }
/>
)} )}
</dl> </dl>
</div> </div>
components/case/summaryTypes/pinswg_electricityactid.js
+355 -261
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_electricityactid = (props) => { const Pinswg_electricityactid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -59,12 +61,13 @@ const Pinswg_electricityactid = (props) => {
</h2> </h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -80,15 +83,18 @@ const Pinswg_electricityactid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-lpa-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-lpa-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -101,17 +107,20 @@ const Pinswg_electricityactid = (props) => {
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-eia-required-label" "case:summary-eia-required-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -125,9 +134,11 @@ const Pinswg_electricityactid = (props) => {
] || ] ||
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -145,12 +156,13 @@ const Pinswg_electricityactid = (props) => {
: ""} : ""}
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -163,17 +175,20 @@ const Pinswg_electricityactid = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-type-of-event-label" "case:summary-type-of-event-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -186,15 +201,18 @@ const Pinswg_electricityactid = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-status-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-status-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -210,9 +228,11 @@ const Pinswg_electricityactid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -287,14 +307,15 @@ const Pinswg_electricityactid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-recommendation-label" "case:summary-case-recommendation-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -306,18 +327,21 @@ const Pinswg_electricityactid = (props) => {
: detailsObj.pinswg_recommendation || : detailsObj.pinswg_recommendation ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
{detailsObj.pinswg_webaddress != null && ( {detailsObj.pinswg_webaddress != null && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-website-label" "case:summary-case-website-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -329,9 +353,11 @@ const Pinswg_electricityactid = (props) => {
: detailsObj.pinswg_webaddress || : detailsObj.pinswg_webaddress ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
)} )}
</dl> </dl>
</div> </div>
@@ -344,12 +370,13 @@ const Pinswg_electricityactid = (props) => {
{t("case:summary-dates-label")} {t("case:summary-dates-label")}
</h3> </h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-event-date-label")} label={t("case:summary-event-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -364,17 +391,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-decision-date-label" "case:summary-decision-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -389,18 +419,24 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t( />
<SummaryRow
label={t(
"case:summary-application-accepted-as-valid" "case:summary-application-accepted-as-valid"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={
_.has(
detailsObj, detailsObj,
"pinswg_applicationacceptedasvalid" "pinswg_applicationacceptedasvalid"
) )
@@ -415,17 +451,22 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t(
/>
<SummaryRow
label={t(
"case:summary-application-rejected-as-invalid" "case:summary-application-rejected-as-invalid"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_applicationrejectedasinvalid" "pinswg_applicationrejectedasinvalid"
) )
@@ -440,17 +481,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-confirm-request-to-vary-application" "case:summary-confirm-request-to-vary-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_confirmrequesttovaryapplication" "pinswg_confirmrequesttovaryapplication"
) )
@@ -465,17 +509,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-decisions" "case:summary-date-of-decisions"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofdecision" "pinswg_dateofdecision"
) )
@@ -490,17 +537,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-request-to-vary" "case:summary-date-of-request-to-vary"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofrequesttovarytheapplication" "pinswg_dateofrequesttovarytheapplication"
) )
@@ -515,17 +565,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-submission-of-application" "case:summary-date-of-submission-of-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofsubmissionofapplication" "pinswg_dateofsubmissionofapplication"
) )
@@ -540,17 +593,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-project-published-to-website" "case:summary-date-project-published-to-website"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateprojectpublishedonwebsite" "pinswg_dateprojectpublishedonwebsite"
) )
@@ -565,17 +621,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-deadline-for-submission-of-application" "case:summary-deadline-for-submission-of-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_deadlineforsubmissionofapplication" "pinswg_deadlineforsubmissionofapplication"
) )
@@ -590,17 +649,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-end-of-representation-period" "case:summary-end-of-representation-period"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_endofrepresentationperiod" "pinswg_endofrepresentationperiod"
) )
@@ -615,17 +677,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-inspector-report-submission-to-welsh-government" "case:summary-inspector-report-submission-to-welsh-government"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_inspectorreportsubmittedtowelshgovernment" "pinswg_inspectorreportsubmittedtowelshgovernment"
) )
@@ -640,17 +705,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-procedure-confirmed" "case:summary-procedure-confirmed"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_procedureconfirmed" "pinswg_procedureconfirmed"
) )
@@ -665,17 +733,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-reject-request-to-vary-application" "case:summary-reject-request-to-vary-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_rejectrequesttovaryapplication" "pinswg_rejectrequesttovaryapplication"
) )
@@ -690,15 +761,18 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-report-due-by")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-report-due-by")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_reportdueby" "pinswg_reportdueby"
) )
@@ -713,15 +787,18 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-suspension-dates")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-suspension-dates")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_suspensiondates" "pinswg_suspensiondates"
) )
@@ -736,17 +813,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-suspension-end-dates" "case:summary-suspension-end-dates"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_suspensionenddates" "pinswg_suspensionenddates"
) )
@@ -761,17 +841,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-suspension-start-dates" "case:summary-suspension-start-dates"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_suspensionstartdates" "pinswg_suspensionstartdates"
) )
@@ -786,17 +869,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-valid-notice-of-intention-to-submit-an-application" "case:summary-valid-notice-of-intention-to-submit-an-application"
)} )}
</dt>{" "}
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_validnoticeofintentiontosubmitanapplicati" "pinswg_validnoticeofintentiontosubmitanapplicati"
) )
@@ -811,15 +897,18 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-withdrawn-date")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-withdrawn-date")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_withdrawndate" "pinswg_withdrawndate"
) )
@@ -834,17 +923,20 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-written-acceptance-of-notice" "case:summary-written-acceptance-of-notice"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_writtenacceptanceofnotification" "pinswg_writtenacceptanceofnotification"
) )
@@ -859,9 +951,11 @@ const Pinswg_electricityactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
</dl> </dl>
</div> </div>
</div> </div>
components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js
+125 -218
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_enforcementlistedbuildingconseid = (props) => { const Pinswg_enforcementlistedbuildingconseid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,22 +32,18 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-lpa-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -59,19 +52,17 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -83,17 +74,13 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue" "pinswg_detailedeiascreeningrequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -102,19 +89,17 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-type-of-event-label")}
{t("case:summary-type-of-event-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -123,19 +108,17 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -144,16 +127,14 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -168,7 +149,7 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -189,16 +170,11 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -214,14 +190,11 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
@@ -229,61 +202,42 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_questionnaireduedate")
{_.has(
detailsObj,
"pinswg_questionnaireduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_questionnaireduedate detailsObj.pinswg_questionnaireduedate
) )
@@ -293,23 +247,14 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-statement-due-date-label")}
{t( value={
"case:summary-statement-due-date-label" _.has(detailsObj, "pinswg_statementduedate")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_statementduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementduedate detailsObj.pinswg_statementduedate
) )
@@ -319,20 +264,16 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -358,23 +299,16 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_finalcommentsduedate")
{_.has(
detailsObj,
"pinswg_finalcommentsduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_finalcommentsduedate detailsObj.pinswg_finalcommentsduedate
) )
@@ -384,11 +318,9 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
{/* <div className="govuk-summary-list__row"> {/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -414,15 +346,10 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
)} )}
</dd> </dd>
</div> */} </div> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(detailsObj, "pinswg_dateeventrequested")
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -432,23 +359,14 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-event-date-label")}
{t( value={
"case:summary-start-event-date-label" _.has(detailsObj, "pinswg_startdateofevent")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateofevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateofevent detailsObj.pinswg_startdateofevent
) )
@@ -458,20 +376,13 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -481,15 +392,11 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js
+130 -139
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_enforcementnoticeappeals174id = (props) => { const Pinswg_enforcementnoticeappeals174id = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -229,22 +222,18 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -270,17 +259,18 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -296,17 +286,19 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -322,17 +314,19 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -361,17 +355,19 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -387,16 +383,14 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -412,14 +406,12 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -435,17 +427,18 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateoftheevent" "pinswg_startdateoftheevent"
) )
@@ -461,14 +454,14 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -484,12 +477,10 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_environmentalpermittingid.js
+137 -147
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_environmentalpermittingid = (props) => { const Pinswg_environmentalpermittingid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_environmentalpermittingid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_environmentalpermittingid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_environmentalpermittingid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_environmentalpermittingid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_environmentalpermittingid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_environmentalpermittingid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_environmentalpermittingid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -228,14 +221,13 @@ const Pinswg_environmentalpermittingid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
@@ -255,25 +247,21 @@ const Pinswg_environmentalpermittingid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -299,17 +287,18 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -325,17 +314,19 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -351,17 +342,19 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -390,17 +383,19 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -416,16 +411,14 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -441,14 +434,12 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -464,17 +455,18 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateofevent" "pinswg_startdateofevent"
) )
@@ -490,14 +482,14 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -513,12 +505,10 @@ const Pinswg_environmentalpermittingid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_harbourrevisionorderid.js
+343 -252
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_harbourrevisionorderid = (props) => { const Pinswg_harbourrevisionorderid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -59,12 +61,13 @@ const Pinswg_harbourrevisionorderid = (props) => {
</h2> </h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -80,15 +83,18 @@ const Pinswg_harbourrevisionorderid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-lpa-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-lpa-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -101,17 +107,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-eia-required-label" "case:summary-eia-required-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -125,9 +134,11 @@ const Pinswg_harbourrevisionorderid = (props) => {
] || ] ||
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t(
@@ -145,12 +156,13 @@ const Pinswg_harbourrevisionorderid = (props) => {
: ""} : ""}
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -163,15 +175,18 @@ const Pinswg_harbourrevisionorderid = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-status-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-status-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -187,9 +202,11 @@ const Pinswg_harbourrevisionorderid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -264,14 +281,15 @@ const Pinswg_harbourrevisionorderid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-recommendation-label" "case:summary-case-recommendation-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -283,18 +301,21 @@ const Pinswg_harbourrevisionorderid = (props) => {
: detailsObj.pinswg_recommendation || : detailsObj.pinswg_recommendation ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
{detailsObj.pinswg_webaddress != null && ( {detailsObj.pinswg_webaddress != null && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-website-label" "case:summary-case-website-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -306,9 +327,11 @@ const Pinswg_harbourrevisionorderid = (props) => {
: detailsObj.pinswg_webaddress || : detailsObj.pinswg_webaddress ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
)} )}
</dl> </dl>
</div> </div>
@@ -321,12 +344,13 @@ const Pinswg_harbourrevisionorderid = (props) => {
{t("case:summary-dates-label")} {t("case:summary-dates-label")}
</h3> </h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-event-date-label")} label={t("case:summary-event-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -341,17 +365,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-decision-date-label" "case:summary-decision-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -366,18 +393,24 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t( />
<SummaryRow
label={t(
"case:summary-application-accepted-as-valid" "case:summary-application-accepted-as-valid"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={
_.has(
detailsObj, detailsObj,
"pinswg_applicationacceptedasvalid" "pinswg_applicationacceptedasvalid"
) )
@@ -392,17 +425,22 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t(
/>
<SummaryRow
label={t(
"case:summary-application-rejected-as-invalid" "case:summary-application-rejected-as-invalid"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_applicationrejectedasinvalid" "pinswg_applicationrejectedasinvalid"
) )
@@ -417,17 +455,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-confirm-request-to-vary-application" "case:summary-confirm-request-to-vary-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_confirmrequesttovaryapplication" "pinswg_confirmrequesttovaryapplication"
) )
@@ -442,17 +483,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-decisions" "case:summary-date-of-decisions"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofdecision" "pinswg_dateofdecision"
) )
@@ -467,17 +511,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-request-to-vary" "case:summary-date-of-request-to-vary"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofrequesttovarytheapplication" "pinswg_dateofrequesttovarytheapplication"
) )
@@ -492,17 +539,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-submission-of-application" "case:summary-date-of-submission-of-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofsubmissionofapplication" "pinswg_dateofsubmissionofapplication"
) )
@@ -517,17 +567,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-project-published-to-website" "case:summary-date-project-published-to-website"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateprojectpublishedonwebsite" "pinswg_dateprojectpublishedonwebsite"
) )
@@ -542,17 +595,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-deadline-for-submission-of-application" "case:summary-deadline-for-submission-of-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_deadlineforsubmissionofapplication" "pinswg_deadlineforsubmissionofapplication"
) )
@@ -567,17 +623,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-end-of-representation-period" "case:summary-end-of-representation-period"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_endofrepresentationperiod" "pinswg_endofrepresentationperiod"
) )
@@ -592,17 +651,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-inspector-report-submission-to-welsh-government" "case:summary-inspector-report-submission-to-welsh-government"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_inspectorreportsubmittedtowelshgovernment" "pinswg_inspectorreportsubmittedtowelshgovernment"
) )
@@ -617,17 +679,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-procedure-confirmed" "case:summary-procedure-confirmed"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_procedureconfirmed" "pinswg_procedureconfirmed"
) )
@@ -642,17 +707,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-reject-request-to-vary-application" "case:summary-reject-request-to-vary-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_rejectrequesttovaryapplication" "pinswg_rejectrequesttovaryapplication"
) )
@@ -667,15 +735,18 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-report-due-by")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-report-due-by")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_reportdueby" "pinswg_reportdueby"
) )
@@ -690,15 +761,18 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-suspension-dates")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-suspension-dates")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_suspensiondates" "pinswg_suspensiondates"
) )
@@ -713,17 +787,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-suspension-end-dates" "case:summary-suspension-end-dates"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_suspensionenddates" "pinswg_suspensionenddates"
) )
@@ -738,17 +815,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-suspension-start-dates" "case:summary-suspension-start-dates"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_suspensionstartdates" "pinswg_suspensionstartdates"
) )
@@ -763,17 +843,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-valid-notice-of-intention-to-submit-an-application" "case:summary-valid-notice-of-intention-to-submit-an-application"
)} )}
</dt>{" "}
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_validnoticeofintentiontosubmitanapplicati" "pinswg_validnoticeofintentiontosubmitanapplicati"
) )
@@ -788,15 +871,18 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-withdrawn-date")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-withdrawn-date")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_withdrawndate" "pinswg_withdrawndate"
) )
@@ -811,17 +897,20 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-written-acceptance-of-notice" "case:summary-written-acceptance-of-notice"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_writtenacceptanceofnotification" "pinswg_writtenacceptanceofnotification"
) )
@@ -836,9 +925,11 @@ const Pinswg_harbourrevisionorderid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
</dl> </dl>
</div> </div>
</div> </div>
components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js
+150 -155
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_hedgeshedgerowstreepreservatioid = (props) => { const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,15 +41,16 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
Specialist Case Process <SummaryRow
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy" label={"Specialist Case Process"}
value={router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -65,15 +64,17 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_specialistcaseprocess@OData.Community.Display.V1.FormattedValue" "pinswg_specialistcaseprocess@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-lpa-label")}
</dt> <SummaryRow
<dd className="govuk-summary-list__value">
{router.locale == "cy"
label={t("case:summary-lpa-label")}
value={router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -87,14 +88,14 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-eia-required-label")}
</dt> label={t("case:summary-eia-required-label")}
<dd className="govuk-summary-list__value">
{router.locale == "cy" value={router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -109,14 +110,13 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -130,14 +130,13 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -151,14 +150,13 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -175,8 +173,8 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -251,14 +249,13 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
@@ -278,25 +275,21 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -322,17 +315,18 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -348,17 +342,19 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -374,17 +370,19 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -413,17 +411,19 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -439,16 +439,14 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -464,14 +462,12 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -487,17 +483,18 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateoftheevent" "pinswg_startdateoftheevent"
) )
@@ -513,14 +510,14 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -536,12 +533,10 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_householderappealhasid.js
+110 -197
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_householderappealhasid = (props) => { const Pinswg_householderappealhasid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,15 @@ const Pinswg_householderappealhasid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-case-type-label")}
{t("case:summary-case-type-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -35,22 +32,18 @@ const Pinswg_householderappealhasid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-lpa-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -59,19 +52,17 @@ const Pinswg_householderappealhasid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-eia-required-label")}
{t("case:summary-eia-required-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -83,17 +74,13 @@ const Pinswg_householderappealhasid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue" "pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-to-be-confirmed-label")
"case:summary-to-be-confirmed-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-procedure-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> router.locale == "cy"
{t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -102,19 +89,17 @@ const Pinswg_householderappealhasid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-status-label")}
{t("case:summary-status-label")} value={
</dt> router.locale == "cy"
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -123,16 +108,14 @@ const Pinswg_householderappealhasid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t( t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -147,7 +130,7 @@ const Pinswg_householderappealhasid = (props) => {
] + ] +
'")].value_cy', '")].value_cy',
json: transLookup, json: transLookup,
eval: true, eval: true
}) })
: detailsObj[ : detailsObj[
"pinswg_decision@OData.Community.Display.V1.FormattedValue" "pinswg_decision@OData.Community.Display.V1.FormattedValue"
@@ -168,16 +151,11 @@ const Pinswg_householderappealhasid = (props) => {
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-case-link-status-label")}
"case:summary-case-link-status-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{_.has(casesObj, [ {_.has(casesObj, ["numberofchildincidents"])
"numberofchildincidents", ? casesObj.numberofchildincidents > 0
])
? casesObj.numberofchildincidents >
0
? t( ? t(
"case:summary-case-link-status-linked" "case:summary-case-link-status-linked"
) )
@@ -193,14 +171,11 @@ const Pinswg_householderappealhasid = (props) => {
{casesObj.numberofchildincidents > 0 ? ( {casesObj.numberofchildincidents > 0 ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t( {t("case:summary-linked-cases-label")}
"case:summary-linked-cases-label"
)}
</dt> </dt>
<dd className="govuk-summary-list__value"> <dd className="govuk-summary-list__value">
{linkedCasesList( {linkedCasesList(
props.currentView props.currentView.linkedCaseReferences
.linkedCaseReferences
)} )}
</dd> </dd>
</div> </div>
@@ -208,61 +183,42 @@ const Pinswg_householderappealhasid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-date-label")}
{t("case:summary-start-date-label")} value={
</dt> _.has(detailsObj, "pinswg_startdate")
<dd className="govuk-summary-list__value"> ? !_.isEmpty(detailsObj.pinswg_startdate)
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(
detailsObj.pinswg_startdate
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: _.has( : _.has(detailsObj, "pinswg_startdates")
detailsObj, ? !_.isEmpty(detailsObj.pinswg_startdates)
"pinswg_startdates"
)
? !_.isEmpty(
detailsObj.pinswg_startdates
)
? formatDates( ? formatDates(
detailsObj.pinswg_startdates detailsObj.pinswg_startdates
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_questionnaireduedate")
{_.has(
detailsObj,
"pinswg_questionnaireduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_questionnaireduedate detailsObj.pinswg_questionnaireduedate
) )
@@ -272,23 +228,14 @@ const Pinswg_householderappealhasid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-statement-due-date-label")}
{t( value={
"case:summary-statement-due-date-label" _.has(detailsObj, "pinswg_statementduedate")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_statementduedate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementduedate detailsObj.pinswg_statementduedate
) )
@@ -298,23 +245,16 @@ const Pinswg_householderappealhasid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t(
{t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_otherpartiesstmt")
{_.has(
detailsObj,
"pinswg_otherpartiesstmt"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_otherpartiesstmt detailsObj.pinswg_otherpartiesstmt
) )
@@ -337,20 +277,13 @@ const Pinswg_householderappealhasid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-event-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_dateeventrequested")
{t("case:summary-event-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested detailsObj.pinswg_dateeventrequested
) )
@@ -360,23 +293,14 @@ const Pinswg_householderappealhasid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-start-event-date-label")}
{t( value={
"case:summary-start-event-date-label" _.has(detailsObj, "pinswg_startdateofevent")
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateofevent"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateofevent detailsObj.pinswg_startdateofevent
) )
@@ -386,20 +310,13 @@ const Pinswg_householderappealhasid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd> <SummaryRow
</div> label={t("case:summary-decision-date-label")}
<div className="govuk-summary-list__row"> value={
<dt className="govuk-summary-list__key"> _.has(detailsObj, "pinswg_casedecisiondate")
{t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_casedecisiondate"
)
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -409,15 +326,11 @@ const Pinswg_householderappealhasid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t( : t("case:summary-no-date-entered-label")
"case:summary-no-date-entered-label" }
)} />
</dd>
</div>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js
+130 -139
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_lawfuldevelopmentcertificatappid = (props) => { const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -229,22 +222,18 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -270,17 +259,18 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -296,17 +286,19 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -322,17 +314,19 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -361,17 +355,19 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -387,16 +383,14 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -412,14 +406,12 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -435,17 +427,18 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateoftheevent" "pinswg_startdateoftheevent"
) )
@@ -461,14 +454,14 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -484,12 +477,10 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_ldpid.js
+155 -160
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_ldpid = (props) => { const Pinswg_ldpid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,66 +15,62 @@ const Pinswg_ldpid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({
path:
'$..[?(@ && @.value=="' +
casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy',
json: transLookup,
eval: true,
})
: casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-no-date-entered-label"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy"
? jsonpath({
path:
'$..[?(@ && @.value=="' +
casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy',
json: transLookup,
eval: true,
})
: casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""}
</dd>
</div>
<div className="govuk-summary-list__row"> label={t("case:summary-case-type-label")}
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} value={router.locale == "cy"
</dt> ? jsonpath({
<dd className="govuk-summary-list__value"> path:
{router.locale == "cy" '$..[?(@ && @.value=="' +
casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy',
json: transLookup,
eval: true,
})
: casesObj[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-no-date-entered-label"
)}
/>
<SummaryRow
label={t("case:summary-lpa-label")}
value={router.locale == "cy"
? jsonpath({
path:
'$..[?(@ && @.value=="' +
casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy',
json: transLookup,
eval: true,
})
: casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""}
/>
<SummaryRow
label={t("case:summary-procedure-label")}
value={router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -86,14 +84,14 @@ const Pinswg_ldpid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-type-of-event-label")}
</dt> label={t("case:summary-type-of-event-label")}
<dd className="govuk-summary-list__value">
{router.locale == "cy" value={router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +105,13 @@ const Pinswg_ldpid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -131,8 +128,8 @@ const Pinswg_ldpid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -208,22 +205,18 @@ const Pinswg_ldpid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -249,17 +242,18 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -275,17 +269,19 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -301,17 +297,19 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -340,17 +338,19 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -366,16 +366,14 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -391,14 +389,12 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -414,17 +410,18 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateofevent" "pinswg_startdateofevent"
) )
@@ -440,14 +437,14 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -463,12 +460,10 @@ const Pinswg_ldpid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js
+130 -139
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_listedbuildingandconservationrid = (props) => { const Pinswg_listedbuildingandconservationrid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -229,22 +222,18 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -270,17 +259,18 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -296,17 +286,19 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -322,17 +314,19 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -361,17 +355,19 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -387,16 +383,14 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -412,14 +406,12 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -435,17 +427,18 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_starttimeofevent" "pinswg_starttimeofevent"
) )
@@ -461,14 +454,14 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -484,12 +477,10 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_maintenanceoflands217id.js
+130 -139
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_maintenanceoflands217id = (props) => { const Pinswg_maintenanceoflands217id = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_maintenanceoflands217id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_maintenanceoflands217id = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_maintenanceoflands217id = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_maintenanceoflands217id = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_maintenanceoflands217id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_maintenanceoflands217id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_maintenanceoflands217id = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -229,22 +222,18 @@ const Pinswg_maintenanceoflands217id = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -270,17 +259,18 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -296,17 +286,19 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -322,17 +314,19 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -361,17 +355,19 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -387,16 +383,14 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -412,14 +406,12 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -435,17 +427,18 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateofevent" "pinswg_startdateofevent"
) )
@@ -461,14 +454,14 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -484,12 +477,10 @@ const Pinswg_maintenanceoflands217id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_miscellaneouscasewordid.js
+137 -147
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_miscellaneouscasewordid = (props) => { const Pinswg_miscellaneouscasewordid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_miscellaneouscasewordid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_miscellaneouscasewordid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_miscellaneouscasewordid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_miscellaneouscasewordid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -228,14 +221,13 @@ const Pinswg_miscellaneouscasewordid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
@@ -255,25 +247,21 @@ const Pinswg_miscellaneouscasewordid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -299,17 +287,18 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -325,17 +314,19 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -351,17 +342,19 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -390,17 +383,19 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -416,16 +411,14 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -441,14 +434,12 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -464,17 +455,18 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateofevent" "pinswg_startdateofevent"
) )
@@ -490,14 +482,14 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -513,12 +505,10 @@ const Pinswg_miscellaneouscasewordid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_nonvalidationid.js
+85 -73
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_nonvalidationid = (props) => { const Pinswg_nonvalidationid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,18 @@ const Pinswg_nonvalidationid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -42,15 +42,18 @@ const Pinswg_nonvalidationid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-lpa-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-lpa-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -63,16 +66,16 @@ const Pinswg_nonvalidationid = (props) => {
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div>
{/* <div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} />
</dt>
<dd className="govuk-summary-list__value"> {/* <SummaryRow
{router.locale == "cy" label={t("case:summary-procedure-label")}
value={
router.locale == "cy"
? jsonpath({path: ? jsonpath({path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
detailsObj[ detailsObj[
@@ -84,15 +87,16 @@ const Pinswg_nonvalidationid = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd> }
</div> */} /> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -108,9 +112,11 @@ const Pinswg_nonvalidationid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -144,22 +150,20 @@ const Pinswg_nonvalidationid = (props) => {
</dd> </dd>
</div> </div>
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(detailsObj, "pinswg_validdate")
_.has(detailsObj, "pinswg_validdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_validdate detailsObj.pinswg_validdate
) )
@@ -184,16 +188,22 @@ const Pinswg_nonvalidationid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t("case:summary-decision-date-label")} />
</dt>
<dd className="govuk-summary-list__value"> <SummaryRow
{_.has(
label={t("case:summary-decision-date-label")}
value={
_.has(
detailsObj, detailsObj,
"pinswg_decisionissueddate" "pinswg_decisionissueddate"
) )
@@ -208,13 +218,15 @@ const Pinswg_nonvalidationid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
}
/>
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_planningappeals78id.js
+184 -135
View File
@@ -40,12 +40,13 @@ const Pinswg_planningappeals78id = (props) => {
t("case:summary-no-date-entered-label") t("case:summary-no-date-entered-label")
} }
/> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -58,15 +59,18 @@ const Pinswg_planningappeals78id = (props) => {
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-eia-required-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-eia-required-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -78,15 +82,18 @@ const Pinswg_planningappeals78id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue" "pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] || ] ||
t("case:summary-to-be-confirmed-label")} t("case:summary-to-be-confirmed-label")
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-procedure-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-procedure-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -99,15 +106,18 @@ const Pinswg_planningappeals78id = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-type-of-event-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-type-of-event-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -123,15 +133,18 @@ const Pinswg_planningappeals78id = (props) => {
] || ] ||
t( t(
"case:summary-no-information-to-date-label" "case:summary-no-information-to-date-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-status-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-status-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -145,9 +158,11 @@ const Pinswg_planningappeals78id = (props) => {
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t("case:summary-no-date-entered-label")} t("case:summary-no-date-entered-label")
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -180,12 +195,13 @@ const Pinswg_planningappeals78id = (props) => {
</Link> */} </Link> */}
</dd> </dd>
</div> </div>
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-decision-date-label")} label={t("case:summary-decision-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(detailsObj, "pinswg_casedecisiondate")
_.has(detailsObj, "pinswg_casedecisiondate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -195,9 +211,11 @@ const Pinswg_planningappeals78id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div> }
/>
{casesObj.numberofchildincidents > 0 && ( {casesObj.numberofchildincidents > 0 && (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
@@ -240,12 +258,13 @@ const Pinswg_planningappeals78id = (props) => {
headingTag="h3" headingTag="h3"
> >
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(detailsObj, "pinswg_startdate")
_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(detailsObj.pinswg_startdate) ? !_.isEmpty(detailsObj.pinswg_startdate)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
@@ -261,16 +280,22 @@ const Pinswg_planningappeals78id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t("case:summary-questionnaire-due-date-label")} />
</dt>
<dd className="govuk-summary-list__value"> <SummaryRow
{_.has(
label={t("case:summary-questionnaire-due-date-label")}
value={
_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -283,18 +308,26 @@ const Pinswg_planningappeals78id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> }
{t(
/>
<SummaryRow
label={t(
"case:summary-statement-interested-party-due-date-label" "case:summary-statement-interested-party-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has(detailsObj, "pinswg_statementduedate") value={
_.has(detailsObj, "pinswg_statementduedate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementduedate detailsObj.pinswg_statementduedate
) )
@@ -304,18 +337,20 @@ const Pinswg_planningappeals78id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
{/* <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> }
{t(
/>
{/* <SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -343,16 +378,20 @@ const Pinswg_planningappeals78id = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd> }
</div> */} /> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-final-comments-date-label")}
</dt> label={t("case:summary-final-comments-date-label")}
<dd className="govuk-summary-list__value">
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -365,17 +404,19 @@ const Pinswg_planningappeals78id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
{/* <div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t(
/>
{/* <SummaryRow
label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -390,15 +431,13 @@ const Pinswg_planningappeals78id = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd> }
</div> */} /> */}
{/* <div className="govuk-summary-list__row"> {/* <SummaryRow
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")} value={
</dt> _.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -413,16 +452,20 @@ const Pinswg_planningappeals78id = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd> }
</div> */} /> */}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-event-date-label")}
</dt> label={t("case:summary-event-date-label")}
<dd className="govuk-summary-list__value">
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_startdatetimeiftheevent" "pinswg_startdatetimeiftheevent"
) )
@@ -435,20 +478,24 @@ const Pinswg_planningappeals78id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
}
/>
{detailsObj.pinswg_typeofevent == 846040002 || {detailsObj.pinswg_typeofevent == 846040002 ||
detailsObj.pinswg_typeofevent == 846040007 || detailsObj.pinswg_typeofevent == 846040007 ||
detailsObj.pinswg_typeofevent == 846040012 || detailsObj.pinswg_typeofevent == 846040012 ||
detailsObj.pinswg_typeofevent == 846040009 ? ( detailsObj.pinswg_typeofevent == 846040009 ? (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-event-time-label")}
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-start-event-time-label")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_startdatetimeiftheevent" "pinswg_startdatetimeiftheevent"
) )
@@ -464,9 +511,11 @@ const Pinswg_planningappeals78id = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
) : ( ) : (
"" ""
)} )}
components/case/summaryTypes/pinswg_planningconditionss73s79id.js
+196 -134
View File
@@ -40,12 +40,13 @@ const Pinswg_planningconditionss73s79id = (props) => {
t("case:summary-no-date-entered-label") t("case:summary-no-date-entered-label")
} }
/> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -58,15 +59,18 @@ const Pinswg_planningconditionss73s79id = (props) => {
}) })
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-eia-required-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-eia-required-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -78,15 +82,18 @@ const Pinswg_planningconditionss73s79id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_detailedeiascreeningrequiered@OData.Community.Display.V1.FormattedValue" "pinswg_detailedeiascreeningrequiered@OData.Community.Display.V1.FormattedValue"
] || ] ||
t("case:summary-to-be-confirmed-label")} t("case:summary-to-be-confirmed-label")
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-procedure-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-procedure-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -99,15 +106,18 @@ const Pinswg_planningconditionss73s79id = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-type-of-event-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-type-of-event-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -120,15 +130,18 @@ const Pinswg_planningconditionss73s79id = (props) => {
}) })
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-status-label")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-status-label")}
{router.locale == "cy"
value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -142,9 +155,11 @@ const Pinswg_planningconditionss73s79id = (props) => {
: casesObj[ : casesObj[
"statuscode@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || ] ||
t("case:summary-no-date-entered-label")} t("case:summary-no-date-entered-label")
</dd>
</div> }
/>
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -219,12 +234,13 @@ const Pinswg_planningconditionss73s79id = (props) => {
headingTag="h3" headingTag="h3"
> >
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(detailsObj, "pinswg_startdate")
_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty(detailsObj.pinswg_startdate) ? !_.isEmpty(detailsObj.pinswg_startdate)
? formatDates( ? formatDates(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
@@ -240,16 +256,22 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t("case:summary-questionnaire-due-date-label")} />
</dt>
<dd className="govuk-summary-list__value"> <SummaryRow
{_.has(
label={t("case:summary-questionnaire-due-date-label")}
value={
_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -262,16 +284,24 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> }
{t("case:summary-statement-due-date-label")}
</dt>
<dd className="govuk-summary-list__value"> />
{_.has(detailsObj, "pinswg_statementduedate")
<SummaryRow
label={t("case:summary-statement-due-date-label")}
value={
_.has(detailsObj, "pinswg_statementduedate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_statementduedate detailsObj.pinswg_statementduedate
) )
@@ -281,16 +311,24 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> }
{t("case:summary-interested-party-date-label")}
</dt>
<dd className="govuk-summary-list__value"> />
{_.has(
<SummaryRow
label={t("case:summary-interested-party-date-label")}
value={
_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -316,18 +354,26 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> }
{t(
/>
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={
_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -340,17 +386,19 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
{/* <div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t(
/>
{/* <SummaryRow
label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={
<dd className="govuk-summary-list__value"> _.has(
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -365,34 +413,41 @@ const Pinswg_planningconditionss73s79id = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)}
</dd>
</div> */}
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t("case:summary-event-date-label")}
</dt>
<dd className="govuk-summary-list__value">
{_.has(detailsObj, "pinswg_dateeventrequested")
? !_.isEmpty(
detailsObj.pinswg_dateeventrequested
) )
? formatDates( }
detailsObj.pinswg_dateeventrequested /> */}
) <SummaryRow
: t(
"case:summary-no-date-entered-label"
)
: t("case:summary-no-date-entered-label")}
</dd>
</div>
<div className="govuk-summary-list__row"> label={t("case:summary-event-date-label")}
<dt className="govuk-summary-list__key">
{t("case:summary-start-event-date-label")} value={
</dt>
<dd className="govuk-summary-list__value"> _.has(detailsObj, "pinswg_dateeventrequested")
{_.has(detailsObj, "pinswg_startdateofevent") ? !_.isEmpty(
detailsObj.pinswg_dateeventrequested
)
? formatDates(
detailsObj.pinswg_dateeventrequested
)
: t(
"case:summary-no-date-entered-label"
)
: t("case:summary-no-date-entered-label")
}
/>
<SummaryRow
label={t("case:summary-start-event-date-label")}
value={
_.has(detailsObj, "pinswg_startdateofevent")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdateofevent detailsObj.pinswg_startdateofevent
) )
@@ -402,15 +457,20 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t("case:summary-decision-date-label")}
</dt> />
<dd className="govuk-summary-list__value"> <SummaryRow
{_.has(detailsObj, "pinswg_casedecisiondate")
label={t("case:summary-decision-date-label")}
value={
_.has(detailsObj, "pinswg_casedecisiondate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_casedecisiondate detailsObj.pinswg_casedecisiondate
) )
@@ -420,9 +480,11 @@ const Pinswg_planningconditionss73s79id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
) )
: t("case:summary-no-date-entered-label")} : t("case:summary-no-date-entered-label")
</dd>
</div> }
/>
</dl> </dl>
</SummaryCard> </SummaryCard>
</div> </div>
components/case/summaryTypes/pinswg_planningobligationappeals106id.js
+130 -139
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_planningobligationappeals106id = (props) => { const Pinswg_planningobligationappeals106id = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_planningobligationappeals106id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_planningobligationappeals106id = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_planningobligationappeals106id = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_planningobligationappeals106id = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_planningobligationappeals106id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_planningobligationappeals106id = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_planningobligationappeals106id = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -229,22 +222,18 @@ const Pinswg_planningobligationappeals106id = (props) => {
"" ""
)} )}
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -270,17 +259,18 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -296,17 +286,19 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -322,17 +314,19 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -361,17 +355,19 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -387,16 +383,14 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -412,14 +406,12 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -435,17 +427,18 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateoftheevent" "pinswg_startdateoftheevent"
) )
@@ -461,14 +454,14 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -484,12 +477,10 @@ const Pinswg_planningobligationappeals106id = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_rowid.js
+150 -155
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_rowid = (props) => { const Pinswg_rowid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_rowid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,15 +41,16 @@ const Pinswg_rowid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
Specialist Case Process <SummaryRow
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy" label={"Specialist Case Process"}
value={router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -65,15 +64,17 @@ const Pinswg_rowid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_specialistcaseprocess@OData.Community.Display.V1.FormattedValue" "pinswg_specialistcaseprocess@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-lpa-label")}
</dt> <SummaryRow
<dd className="govuk-summary-list__value">
{router.locale == "cy"
label={t("case:summary-lpa-label")}
value={router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -87,14 +88,14 @@ const Pinswg_rowid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-eia-required-label")}
</dt> label={t("case:summary-eia-required-label")}
<dd className="govuk-summary-list__value">
{router.locale == "cy" value={router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -109,14 +110,13 @@ const Pinswg_rowid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -130,14 +130,13 @@ const Pinswg_rowid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -151,14 +150,13 @@ const Pinswg_rowid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -175,8 +173,8 @@ const Pinswg_rowid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -251,14 +249,13 @@ const Pinswg_rowid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
@@ -278,25 +275,21 @@ const Pinswg_rowid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -322,17 +315,18 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -348,17 +342,19 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -374,17 +370,19 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -413,17 +411,19 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -439,16 +439,14 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -464,14 +462,12 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -487,17 +483,18 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateoftheevent" "pinswg_startdateoftheevent"
) )
@@ -513,14 +510,14 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -536,12 +533,10 @@ const Pinswg_rowid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
components/case/summaryTypes/pinswg_sipscase.js
+578 -454
View File
File diff suppressed because it is too large Load Diff
components/case/summaryTypes/pinswg_transportandworkactid.js
+312 -225
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_transportandworkactid = (props) => { const Pinswg_transportandworkactid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -59,12 +61,13 @@ const Pinswg_transportandworkactid = (props) => {
</h2> </h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -80,17 +83,20 @@ const Pinswg_transportandworkactid = (props) => {
] || ] ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-eia-required-label" "case:summary-eia-required-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -104,18 +110,24 @@ const Pinswg_transportandworkactid = (props) => {
] || ] ||
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t( />
<SummaryRow
label={t(
"case:summary-case-recommendation-label" "case:summary-case-recommendation-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{router.locale == "cy" value={
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -127,18 +139,23 @@ const Pinswg_transportandworkactid = (props) => {
: detailsObj.pinswg_recommendation || : detailsObj.pinswg_recommendation ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
}
/>
{detailsObj.pinswg_webaddress != null && ( {detailsObj.pinswg_webaddress != null && (
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-website-label" "case:summary-case-website-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{router.locale == "cy"
router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -150,9 +167,11 @@ const Pinswg_transportandworkactid = (props) => {
: detailsObj.pinswg_webaddress || : detailsObj.pinswg_webaddress ||
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
)} )}
</dl> </dl>
</div> </div>
@@ -165,12 +184,13 @@ const Pinswg_transportandworkactid = (props) => {
{t("case:summary-dates-label")} {t("case:summary-dates-label")}
</h3> </h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-event-date-label")} label={t("case:summary-event-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -185,17 +205,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-decision-date-label" "case:summary-decision-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -210,18 +233,24 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t( />
<SummaryRow
label={t(
"case:summary-application-accepted-as-valid" "case:summary-application-accepted-as-valid"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={
_.has(
detailsObj, detailsObj,
"pinswg_applicationacceptedasvalid" "pinswg_applicationacceptedasvalid"
) )
@@ -236,17 +265,22 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div>
<div className="govuk-summary-list__row"> }
<dt className="govuk-summary-list__key">
{t(
/>
<SummaryRow
label={t(
"case:summary-application-rejected-as-invalid" "case:summary-application-rejected-as-invalid"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_applicationrejectedasinvalid" "pinswg_applicationrejectedasinvalid"
) )
@@ -261,17 +295,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-confirm-request-to-vary-application" "case:summary-confirm-request-to-vary-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_confirmrequesttovaryapplication" "pinswg_confirmrequesttovaryapplication"
) )
@@ -286,17 +323,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-decisions" "case:summary-date-of-decisions"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofdecision" "pinswg_dateofdecision"
) )
@@ -311,17 +351,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-request-to-vary" "case:summary-date-of-request-to-vary"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofrequesttovarytheapplication" "pinswg_dateofrequesttovarytheapplication"
) )
@@ -336,17 +379,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-of-submission-of-application" "case:summary-date-of-submission-of-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateofsubmissionofapplication" "pinswg_dateofsubmissionofapplication"
) )
@@ -361,17 +407,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-date-project-published-to-website" "case:summary-date-project-published-to-website"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_dateprojectpublishedonwebsite" "pinswg_dateprojectpublishedonwebsite"
) )
@@ -386,17 +435,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-deadline-for-submission-of-application" "case:summary-deadline-for-submission-of-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_deadlineforsubmissionofapplication" "pinswg_deadlineforsubmissionofapplication"
) )
@@ -411,17 +463,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-end-of-representation-period" "case:summary-end-of-representation-period"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_endofrepresentationperiod" "pinswg_endofrepresentationperiod"
) )
@@ -436,17 +491,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-inspector-report-submission-to-welsh-government" "case:summary-inspector-report-submission-to-welsh-government"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_inspectorreportsubmittedtowelshgovernment" "pinswg_inspectorreportsubmittedtowelshgovernment"
) )
@@ -461,17 +519,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-procedure-confirmed" "case:summary-procedure-confirmed"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_procedureconfirmed" "pinswg_procedureconfirmed"
) )
@@ -486,17 +547,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-reject-request-to-vary-application" "case:summary-reject-request-to-vary-application"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_rejectrequesttovaryapplication" "pinswg_rejectrequesttovaryapplication"
) )
@@ -511,15 +575,18 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-report-due-by")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-report-due-by")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_reportdueby" "pinswg_reportdueby"
) )
@@ -534,15 +601,18 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-suspension-dates")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-suspension-dates")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_suspensiondates" "pinswg_suspensiondates"
) )
@@ -557,17 +627,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-suspension-end-dates" "case:summary-suspension-end-dates"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_suspensionenddates" "pinswg_suspensionenddates"
) )
@@ -582,17 +655,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-suspension-start-dates" "case:summary-suspension-start-dates"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_suspensionstartdates" "pinswg_suspensionstartdates"
) )
@@ -607,17 +683,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-valid-notice-of-intention-to-submit-an-application" "case:summary-valid-notice-of-intention-to-submit-an-application"
)} )}
</dt>{" "}
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_validnoticeofintentiontosubmitanapplicati" "pinswg_validnoticeofintentiontosubmitanapplicati"
) )
@@ -632,15 +711,18 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t("case:summary-withdrawn-date")} <SummaryRow
</dt>
<dd className="govuk-summary-list__value"> label={t("case:summary-withdrawn-date")}
{_.has(
value={
_.has(
detailsObj, detailsObj,
"pinswg_withdrawndate" "pinswg_withdrawndate"
) )
@@ -655,17 +737,20 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t( <SummaryRow
label={t(
"case:summary-written-acceptance-of-notice" "case:summary-written-acceptance-of-notice"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={
{_.has(
_.has(
detailsObj, detailsObj,
"pinswg_writtenacceptanceofnotification" "pinswg_writtenacceptanceofnotification"
) )
@@ -680,9 +765,11 @@ const Pinswg_transportandworkactid = (props) => {
) )
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )
</dd>
</div> }
/>
</dl> </dl>
</div> </div>
</div> </div>
components/case/summaryTypes/pinswg_wayleaveid.js
+137 -147
View File
@@ -3,6 +3,8 @@ import _ from "lodash";
import useTranslation from "next-translate/useTranslation"; import useTranslation from "next-translate/useTranslation";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import transLookup from "../../../data/lookuptranslations.json"; import transLookup from "../../../data/lookuptranslations.json";
import SummaryCard from "../summary/components/SummaryCard";
import SummaryRow from "../summary/components/SummaryRow";
const Pinswg_wayleaveid = (props) => { const Pinswg_wayleaveid = (props) => {
let { t } = useTranslation(); let { t } = useTranslation();
@@ -13,20 +15,16 @@ const Pinswg_wayleaveid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="case-details-card"> <SummaryCard
<div className="card-body"> id="case-details-card"
<div className="govuk-grid-column-full"> title={t("case:summary-case-details-label")}
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> >
{t("case:summary-case-details-label")}
</h2>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-case-type-label")} label={t("case:summary-case-type-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -43,14 +41,13 @@ const Pinswg_wayleaveid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-lpa-label")} label={t("case:summary-lpa-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -64,14 +61,13 @@ const Pinswg_wayleaveid = (props) => {
: casesObj[ : casesObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-eia-required-label")} label={t("case:summary-eia-required-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ detailsObj[
@@ -86,14 +82,13 @@ const Pinswg_wayleaveid = (props) => {
t( t(
"case:summary-to-be-confirmed-label" "case:summary-to-be-confirmed-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-procedure-label")} label={t("case:summary-procedure-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -107,14 +102,13 @@ const Pinswg_wayleaveid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_procedure@OData.Community.Display.V1.FormattedValue" "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-type-of-event-label")} label={t("case:summary-type-of-event-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -128,14 +122,13 @@ const Pinswg_wayleaveid = (props) => {
: detailsObj[ : detailsObj[
"pinswg_typeofevent@OData.Community.Display.V1.FormattedValue" "pinswg_typeofevent@OData.Community.Display.V1.FormattedValue"
] || ""} ] || ""}
</dd>
</div> />
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-status-label")} label={t("case:summary-status-label")}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.value=="' + '$..[?(@ && @.value=="' +
@@ -152,8 +145,8 @@ const Pinswg_wayleaveid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> <dt className="govuk-summary-list__key">
{t("case:summary-decision-label")} {t("case:summary-decision-label")}
@@ -228,14 +221,13 @@ const Pinswg_wayleaveid = (props) => {
) : ( ) : (
"" ""
)} )}
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t( label={t(
"case:summary-case-relevant-authoritylabel" "case:summary-case-relevant-authoritylabel"
)} )}
</dt>
<dd className="govuk-summary-list__value"> value={router.locale == "cy"
{router.locale == "cy"
? jsonpath({ ? jsonpath({
path: path:
'$..[?(@ && @.pinswg_lpa=="' + '$..[?(@ && @.pinswg_lpa=="' +
@@ -255,25 +247,21 @@ const Pinswg_wayleaveid = (props) => {
t( t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div> <SummaryCard
</div> id="key-dates-card"
<div className="card" id="key-dates-card"> title={t("case:summary-dates-label")}
<div className="card-body"> headingTag="h3"
<div className="govuk-grid-column-full"> >
<h3 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-dates-label")}
</h3>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9"> <dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row"> <SummaryRow
<dt className="govuk-summary-list__key">
{t("case:summary-start-date-label")} label={t("case:summary-start-date-label")}
</dt>
<dd className="govuk-summary-list__value"> value={_.has(detailsObj, "pinswg_startdate")
{_.has(detailsObj, "pinswg_startdate")
? !_.isEmpty( ? !_.isEmpty(
detailsObj.pinswg_startdate detailsObj.pinswg_startdate
) )
@@ -299,17 +287,18 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-questionnaire-due-date-label" "case:summary-questionnaire-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_questionnaireduedate" "pinswg_questionnaireduedate"
) )
@@ -325,17 +314,19 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-statement-due-date-label" "case:summary-statement-due-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_statementduedate" "pinswg_statementduedate"
) )
@@ -351,17 +342,19 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-interested-party-date-label" "case:summary-interested-party-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_otherpartiesstatement" "pinswg_otherpartiesstatement"
) )
@@ -390,17 +383,19 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> />
{t(
<SummaryRow
label={t(
"case:summary-applicant-final-comments-date-label" "case:summary-applicant-final-comments-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_finalcommentsduedate" "pinswg_finalcommentsduedate"
) )
@@ -416,16 +411,14 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
{/* <div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> {/* <SummaryRow
{t( label={t(
"case:summary-inquiry-evidence-date-label" "case:summary-inquiry-evidence-date-label"
)} )}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_proofsofevidencewrittenstatementsofeviden" "pinswg_proofsofevidencewrittenstatementsofeviden"
) )
@@ -441,14 +434,12 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd> /> */}
</div> */} <SummaryRow
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key"> label={t("case:summary-event-date-label")}
{t("case:summary-event-date-label")}
</dt> value={_.has(
<dd className="govuk-summary-list__value">
{_.has(
detailsObj, detailsObj,
"pinswg_dateeventrequested" "pinswg_dateeventrequested"
) )
@@ -464,17 +455,18 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key">
{t( <SummaryRow
label={t(
"case:summary-start-event-date-label" "case:summary-start-event-date-label"
)} )}
</dt>
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_startdateofevent" "pinswg_startdateofevent"
) )
@@ -490,14 +482,14 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div>
<div className="govuk-summary-list__row"> />
<dt className="govuk-summary-list__key"> <SummaryRow
{t("case:summary-decision-date-label")}
</dt> label={t("case:summary-decision-date-label")}
<dd className="govuk-summary-list__value">
{_.has( value={_.has(
detailsObj, detailsObj,
"pinswg_casedecisiondate" "pinswg_casedecisiondate"
) )
@@ -513,12 +505,10 @@ const Pinswg_wayleaveid = (props) => {
: t( : t(
"case:summary-no-date-entered-label" "case:summary-no-date-entered-label"
)} )}
</dd>
</div> />
</dl> </dl>
</div> </SummaryCard>
</div>
</div>
</div> </div>
</div> </div>
); );
context/representations-refactor-tracker.md
+83 -283
View File
@@ -6,8 +6,8 @@ Base branch: `refactor`
## Status ## Status
Current slice: Slice R7 — Summary / Case-Type Rendering Simplification Current slice: Slice R9 — Summary Rollout (Batch 1)
Status: IMPLEMENTED (manual validation in progress) Status: COMPLETE
--- ---
@@ -17,202 +17,41 @@ Status: IMPLEMENTED (manual validation in progress)
### Slice R1 — Representation Entry Logic Extraction ### Slice R1 — Representation Entry Logic Extraction
**Goal:** [UNCHANGED]
Extract representation eligibility and CTA logic from `CaseSummary`.
**Scope:**
- showRepButton logic
- date window checks (showReps / showRepsEnded)
- appeal type branching
- LPA-specific behaviour
- CTA route construction
**Rules:**
- No behaviour change
- No UI change
- Same inputs/outputs
**Completion notes (this slice):**
- Extracted representation-entry decision logic from `components/case/summary.js` into `components/case/summary/utils/representationEntry.js`.
- Preserved existing branch structure/order and duplicated consultation/general render branches.
- Preserved existing data-source usage (`detailsObj` vs `searchDetailsObj`) and existing constants/field names.
- Preserved local date-check behaviour via extracted local-equivalent helpers (`showRepsLocal`, `showRepsEndedLocal`).
- Validation evidence:
- `npm run lint` completed (warnings only, no new errors).
- Manual regression checks reported as passed (APP/IP/Agent/LPA), including EN/CY parity and route/query behaviour.
--- ---
### Slice R2 — Representation Page Loader Separation ### Slice R2 — Representation Page Loader Separation
**Goal:** [UNCHANGED]
Separate SSR/data-loading paths.
**Scope:**
- existing representation (state param)
- new representation (from search/case)
**Target:**
- `loadExistingRepresentation()`
- `loadNewRepresentation()`
**Completion notes (this slice):**
- Extracted representation page SSR/data-loading orchestration into `lib/representation/pageLoaders.js` with:
- `loadRepresentationBootstrap({ ctx })`
- `loadExistingRepresentation({ store, ctx, bootstrap })`
- `loadNewRepresentation({ store, ctx, bootstrap })`
- `loadRepresentationPage({ store, ctx })`
- Kept `pages/myportal/representation.js` render/UI unchanged and converted `getServerSideProps` to a thin wrapper calling `loadRepresentationPage(...)`.
- Preserved behaviour-critical details:
- shared pre-branch bootstrap fetch timing
- exact branch condition `query.hasOwnProperty("state")`
- existing dispatch ordering and payload shapes
- existing fallback/data-shape logic and typo-field usage
- unchanged SSR returned props (`containerID`, `docsOffline`)
- Validation evidence:
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` re-run completed: **6 passed, 1 failed**.
- Failing test: `[chromium] tests/loggedin/raiserep.spec.js:203:5` (`Raise Statement representation as an Interested Party`) with error `no statement option` / missing `Statement` option in combobox.
- Manual regression checks confirmed passed (APP/IP/Agent/LPA), including EN/CY parity.
--- ---
### Slice R3 — Journey Step Resolution Extraction ### Slice R3 — Journey Step Resolution Extraction
**Goal:** [UNCHANGED]
Isolate step navigation logic.
**Scope:**
- current step determination
- next/previous step logic
- validation gating between steps
**Completion notes (this slice):**
- Added pure step-resolution helpers in `components/case/representation/utils/stepResolution.js`:
- `resolveJourneyStageFlags({ representationSubmit, representationSubmitConfirmation })`
- `resolveRepresentationControlKey({ isLPA, representationCapacity, repDetailsCapacity, appealType, normalizeCapacity })`
- `resolveSubmitTransition({ representationType, showQuestionnaireSection, questionnaireCount })`
- `getQuestionnaireNextSection(currentSection, questionnaireCount)`
- `getQuestionnairePreviousSection(currentSection)`
- Updated `components/case/representation/index.js` to call helpers for:
- check-stage flag resolution (`showCheckStage`)
- control key resolution in `whichControl()`
- questionnaire/non-questionnaire submit transition decision
- questionnaire next-section increment calculation
- Preserved behaviour-critical constraints:
- no JSX structure redesign
- no route/query changes
- no payload/Redux shape changes
- no dispatch/API side-effect sequencing changes
- no representation-type availability logic changes (`buildRepsArr` unchanged)
- Validation evidence:
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` re-run completed: **6 passed**.
- Manual APP/IP/Agent/LPA and EN/CY checks: **pending for this slice**.
--- ---
### Slice R4 — Flow Shell Decomposition ### Slice R4 — Flow Shell Decomposition
**Goal:** [UNCHANGED]
Break large flow component into smaller parts.
**Target components:**
- Capacity selection
- Representation type selection
- Content entry
- Check answers
- Completion
--- ---
### Slice R5 — Representation Elements Normalisation ### Slice R5 — Representation Elements Normalisation
**Goal:** [UNCHANGED]
Clean up shared UI helpers and duplicated patterns.
**Scope:**
- input rendering
- file upload handling (structure only, not behaviour)
- shared UI logic extraction
**Completion notes (this slice):**
- Implemented on feature branch created from `refactor`: `rep-slice-r5-elements-normalisation`.
- Added render-only shared fragments under `components/case/representation/elements/`:
- `RepresentationTypeSelectorBlock.js`
- `RepresentationActionButtons.js`
- Integrated these fragments into main representation variants only:
- `representationAppellant.js`
- `representationAgent.js`
- `representationInterestedPartyPerson.js`
- Preserved scope constraints for Slice R5:
- kept parent components as logic owners
- no submission/update side-effect refactor
- no upload service behaviour changes
- no payload/route/query/Redux/validation business-rule changes
- consultation variants intentionally not normalised in this slice
- Validation evidence:
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` completed: **7 passed**.
- Manual APP/IP/Agent/LPA checks: **passed**.
- Manual EN/CY parity checks: **passed**.
--- ---
### Slice R6 — Async Data / Service Layer Cleanup ### Slice R6 — Async Data / Service Layer Cleanup
**Goal:** [UNCHANGED]
Reduce duplication and coupling in data fetching.
**Scope:**
- getCase → getPortalModuleDetails chains
- blob/file retrieval
- representation detail aggregation
**Completion notes (this slice):**
- Implemented on feature branch created from `refactor`: `rep-slice-r6-data-service-cleanup`.
- Added deterministic representation-specific data-resolution helpers in:
- `components/case/representation/utils/dataResolution.js`
- Updated `components/case/representation/index.js` to use extracted helper functions for:
- initial case details/results source resolution
- details/results lookup by current context (state/edit/ticket/created)
- submit-path details source resolution and details lookup
- Preserved slice boundary constraints:
- no service/API call execution movement
- no dispatch sequencing changes
- no loader branch redesign
- no blob retrieval orchestration changes
- no payload contract/Redux/route/query/EN-CY changes
- Validation evidence:
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` completed: **7 passed**.
- Manual APP/IP/Agent/LPA checks: **passed**.
- Manual EN/CY parity checks: **passed**.
--- ---
### Slice R7 — Summary / Case-Type Rendering Simplification (Optional) ### Slice R7 — Summary / Case-Type Rendering Simplification (Proof Slice)
**Goal:**
Reduce duplication in summary-type components.
**Scope:**
- unify repeated rendering patterns
- introduce shared summary renderer where safe
**Completion notes (this slice):** **Completion notes (this slice):**
@@ -220,129 +59,90 @@ Reduce duplication in summary-type components.
- Added render-only summary primitives: - Added render-only summary primitives:
- `components/case/summary/components/SummaryCard.js` - `components/case/summary/components/SummaryCard.js`
- `components/case/summary/components/SummaryRow.js` - `components/case/summary/components/SummaryRow.js`
- Applied these primitives to a small proof subset of summary-type files only: - Applied to proof subset:
- `components/case/summaryTypes/pinswg_planningappeals78id.js` - `pinswg_planningappeals78id.js`
- `components/case/summaryTypes/pinswg_planningconditionss73s79id.js` - `pinswg_planningconditionss73s79id.js`
- Preserved Slice R7 constraints: - Preserved constraints:
- no CaseSummary orchestration changes - no translation/date/bilingual logic moved
- no translation/date/bilingual logic moved into shared primitives - no linked-cases extraction
- no linked-cases extraction (kept inline) - no ordering/visibility changes
- no row/card order changes intended
- no route/query/payload/Redux/business-rule changes
- Validation evidence: - Validation evidence:
- `npm run lint` completed (warnings only, no new errors). - `npm run lint` passed (warnings only)
- `npm run test:reps` completed: **7 passed**. - `npm run test:reps` passed (**7 passed**)
- Manual APP/IP/Agent/LPA and EN/CY checks: **in progress** (Welsh IP statement option-label parity issue detected and patched in representation flow check display). - manual APP/IP/Agent/LPA + EN/CY checks passed
---
### Post-R7 follow-up patch — Welsh IP statement label parity
**Issue observed during manual check:**
- In Welsh journey (Interested Party → Statement), option-label parity regressed:
- selection step showed duplicated Welsh “No” labels
- check/submit summary displayed raw English `No`
**Fix applied (minimal, behaviour-preserving):**
- `components/case/representation/representationInterestedPartyPerson.js`
- restored canonical option values for conditional radio to `options={["Yes", "No"]}` so `RenderCondtionalRadioList` translation mapping behaves correctly.
- `components/case/representation/representationCompleteSubmit.js`
- added display mapping for `representationOnBehalfOf` summary value:
- `Yes` → `t("myrepresentations:questionnaire-yes")`
- `No` → `t("myrepresentations:questionnaire-no")`
- fallback unchanged for non-boolean/unexpected values
**Validation evidence (follow-up patch):**
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` completed: **7 passed (4.6m)**.
- Manual Welsh IP statement check: input labels and check-summary label now aligned via translation mapping.
---
### Post-R7 follow-up patch 2 — Welsh IP conditional details submit validation
**Issue observed during manual check:**
- In Welsh journey (Interested Party → Statement), when selecting “Yes” and entering conditional details, submit could still block with required validation on the conditional text field.
**Fix applied (minimal, behaviour-preserving):**
- `components/case/representation/representationElements.js`
- In `RenderCondtionalRadioList`, made “Yes selected” detection bilingual-safe and value-safe:
- accepts canonical value (`"Yes"`), translated display value (`t("myrepresentations:questionnaire-yes")`), and boolean `true`.
- Replaced unconditional conditional-field validator with context-aware validator:
- `requiredIfYes` only enforces required when “Yes” is selected.
- Updated conditional rendering check to use the same normalized `isYesSelected` guard.
**Validation evidence (follow-up patch 2):**
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` run completed with **6 passed / 1 failed**.
- Failure: `[chromium] Raise representation as an Appellant` timed out waiting for `dd a.govuk-link--no-underline` (entry-link locator timeout), not in Welsh IP conditional details path.
---
### Post-R7 follow-up patch 3 — Welsh conditional required check tied to current radio value
**Issue observed during manual check:**
- In Welsh journey, selecting “Yes” could still leave the conditional details field blocked with required validation (`Yn ofynnol`) after entering text, preventing progress.
**Fix applied (minimal, behaviour-preserving):**
- `components/case/representation/representationElements.js`
- Added explicit `normalizeYesNo(...)` mapping for both selected value and option values:
- canonical/translated/boolean values normalize to `"Yes"` / `"No"`.
- Radio `Field` values now use normalized canonical values (preserves existing payload expectation).
- Updated conditional `requiredIfYes` validator to evaluate against the **current form value** (`allValues[id]`) rather than closure-only value.
- Required check now trims whitespace and only errors when selected value resolves to `"Yes"` and details are empty.
**Validation evidence (follow-up patch 3):**
- `npm run lint` completed (warnings only, no new errors).
- `npm run test:reps` intentionally **not run** per user instruction while manual Welsh verification is in progress.
--- ---
### Slice R8 — Submission / Finalisation Boundary Isolation ### Slice R8 — Submission / Finalisation Boundary Isolation
**Goal:**
Isolate submission logic.
**Scope:**
- payload shaping
- submit calls
- completion handling
**Risk Level:** HIGH
(Must only be done after earlier slices stabilised)
**Completion notes (this slice):** **Completion notes (this slice):**
- Implemented on feature branch created from `refactor`: `rep-slice-r8-finalisation-boundary`. - Implemented on feature branch created from `refactor`: `rep-slice-r8-finalisation-boundary`.
- Added a small representation-specific helper module: - Added helper module:
- `components/case/representation/utils/finalisationBoundary.js` - `components/case/representation/utils/finalisationBoundary.js`
- Extracted only approved R8 seams: - Extracted:
- `buildRepresentationUpdateBody(...)` (pure shaping) - `buildRepresentationUpdateBody(...)`
- `buildSubmitEnrichedValues(...)` (pure shaping) - `buildSubmitEnrichedValues(...)`
- `runFinalisationSequence(...)` (ultra-thin orchestration wrapper) - `runFinalisationSequence(...)`
- Wired `components/case/representation/index.js` to use the new helpers while preserving parent-owned business branching. - Preserved:
- Explicitly preserved R8 constraints: - parent-owned branching logic
- no completion-side-effect extraction from `representationComplete.js` - completion-side effects in `representationComplete.js`
- no route/query changes - exact sequencing of finalisation operations
- no payload contract changes - Validation evidence:
- no validation logic changes - `npm run lint` passed (warnings only)
- no file upload/PDF/email behaviour changes - `npm run test:reps` passed (**7 passed**)
- no sequencing drift in finalisation success path - manual APP/IP/Agent/LPA + EN/CY checks passed
---
### Slice R9 — Summary Rollout (Batch 1)
**Goal:**
Roll out proven summary rendering primitives across remaining low-risk summary-type files.
**Completion notes (this slice):**
- Applied `SummaryCard` and `SummaryRow` primitives to Batch 1 summary-type files.
- Rollout executed incrementally:
- one summary-type file per commit
- consistent mechanical application of proven pattern
- Changes limited strictly to presentational structure:
- replaced card shell markup with `SummaryCard`
- replaced row wrapper markup with `SummaryRow` where safe
- Preserved across all updated files:
- field visibility rules
- row and card ordering
- translation key selection
- EN/CY branching behaviour
- date source selection and formatting
- linked-case logic
- route/query behaviour
- payloads and Redux state
- Parent summary-type files retain all business logic and conditional rendering.
- Shared components confirmed render-only.
**Validation evidence:** **Validation evidence:**
- `npm run lint` completed (warnings only, no new errors). - `npm run lint` completed (warnings only, no new errors)
- `npm run test:reps` completed: **7 passed (4.4m)**. - `npm run test:reps` passed (**7 passed**)
- Structured validation confirmed:
- translation/bilingual logic unchanged
- date/lookup logic unchanged
- conditional rendering preserved
- Targeted manual spot-checks completed:
- `pinswg_sipscase.js`
- `pinswg_dnsid.js`
- `pinswg_electricityactid.js`
- `pinswg_harbourrevisionorderid.js`
- No behavioural regressions identified
**Outcome:**
- Summary rendering layer simplified and standardised
- Duplication reduced while preserving all behaviour
- Safer and more maintainable structure
**Status: COMPLETE**
--- ---
@@ -350,9 +150,9 @@ Isolate submission logic.
- Only work on ONE slice at a time - Only work on ONE slice at a time
- Do not combine slices - Do not combine slices
- One branch per slice - One branch per slice (exception: controlled rollout batches)
- One commit per slice - One commit per slice (or per file in rollout batch)
- Update tracker after completion - Update tracker after slice completion
- Do not proceed if regression risk exists - Do not proceed if regression risk exists
--- ---
tsconfig.json
+2 -10
View File
@@ -8,25 +8,17 @@
"allowJs": true, "allowJs": true,
"skipLibCheck": true, "skipLibCheck": true,
"strict": false, "strict": false,
"forceConsistentCasingInFileNames": true,
"noEmit": true, "noEmit": true,
"incremental": true, "incremental": true,
"esModuleInterop": true,
"module": "esnext", "module": "esnext",
"esModuleInterop": true,
"moduleResolution": "node", "moduleResolution": "node",
"resolveJsonModule": true, "resolveJsonModule": true,
"isolatedModules": true, "isolatedModules": true,
"jsx": "preserve", "jsx": "preserve"
"plugins": [
{
"name": "next"
}
],
"strictNullChecks": true
}, },
"include": [ "include": [
"next-env.d.ts", "next-env.d.ts",
".next/types/**/*.ts",
"**/*.ts", "**/*.ts",
"**/*.tsx" "**/*.tsx"
], ],