21187 implement helper function on summary

This commit is contained in:
2026-01-27 11:58:40 +00:00
parent 49374640e5
commit 1b586da1ae
5 changed files with 453 additions and 481 deletions
+126 -150
View File
@@ -7,6 +7,7 @@ import transLookup from "../../../data/lookuptranslations.json";
import GoogleMapComponent from "../../mapping/";
import OSPoint from "ospoint";
import { getBilingualText } from "../summary/utils/helpers";
const Pinswg_dnsid = (props) => {
let { t } = useTranslation();
@@ -21,7 +22,7 @@ const Pinswg_dnsid = (props) => {
point = new OSPoint(
detailsObj.pinswg_anticipatedgridreferencenorthingtext,
detailsObj.pinswg_anticipatedgridreferenceeastingtext
detailsObj.pinswg_anticipatedgridreferenceeastingtext,
);
siteCoords = point.toOSGB36();
//console.log(siteCoords);
@@ -53,36 +54,11 @@ const Pinswg_dnsid = (props) => {
{t("case:summary-project-details-label")}
</h2>
<p className="govuk-body">
{detailsObj.pinswg_projectdescription != null
? detailsObj.pinswg_projectdescription.indexOf(
";"
) < 0
? detailsObj.pinswg_projectdescription
: router.locale == "cy"
? detailsObj.pinswg_projectdescription.split(
";"
)[1]
: detailsObj.pinswg_projectdescription.split(
";"
)[0]
: ""}
{getBilingualText(
detailsObj.pinswg_projectdescription,
router.locale,
)}
</p>
{/* <p className="govuk-body">
{detailsObj.pinswg_projectlocation != null
? detailsObj.pinswg_projectlocation.indexOf(
";"
) < 0
? detailsObj.pinswg_projectlocation
: router.locale == "cy"
? detailsObj.pinswg_projectlocation.split(
";"
)[1]
: detailsObj.pinswg_projectlocation.split(
";"
)[0]
: ""}
</p> */}
</div>
{showMap == "true" && (
<div className="govuk-grid-column-one-half">
@@ -136,7 +112,7 @@ const Pinswg_dnsid = (props) => {
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-no-date-entered-label"
"case:summary-no-date-entered-label",
)}
</dd>
</div>
@@ -145,7 +121,7 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-case-website-label"
"case:summary-case-website-label",
)}
</dt>
<dd className="govuk-summary-list__value">
@@ -164,7 +140,7 @@ const Pinswg_dnsid = (props) => {
rel="noreferrer"
href={
detailsObj.pinswg_webaddress.indexOf(
"https://"
"https://",
)
? "https://" +
detailsObj.pinswg_webaddress
@@ -177,7 +153,7 @@ const Pinswg_dnsid = (props) => {
</a>
) ||
t(
"case:summary-no-date-entered-label"
"case:summary-no-date-entered-label",
)}
</dd>
</div>
@@ -206,7 +182,7 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-eia-required-label"
"case:summary-eia-required-label",
)}
</dt>
<dd className="govuk-summary-list__value">
@@ -217,13 +193,13 @@ const Pinswg_dnsid = (props) => {
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy',
transLookup
transLookup,
)
: detailsObj[
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-to-be-confirmed-label"
"case:summary-to-be-confirmed-label",
)}
</dd>
</div>
@@ -247,7 +223,7 @@ const Pinswg_dnsid = (props) => {
"pinswg_choiceofprocedure@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-to-be-confirmed-label"
"case:summary-to-be-confirmed-label",
)}
</dd>
</div>
@@ -291,7 +267,7 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-type-of-event-label"
"case:summary-type-of-event-label",
)}
</dt>
<dd className="govuk-summary-list__value">
@@ -314,25 +290,25 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-start-event-date-label"
"case:summary-start-event-date-label",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_startdateofevent"
"pinswg_startdateofevent",
)
? !_.isEmpty(
detailsObj.pinswg_startdateofevent
detailsObj.pinswg_startdateofevent,
)
? formatDates(
detailsObj.pinswg_startdateofevent
detailsObj.pinswg_startdateofevent,
)
: t(
"case:summary-no-information-to-date-label"
"case:summary-no-information-to-date-label",
)
: t(
"case:summary-no-information-to-date-label"
"case:summary-no-information-to-date-label",
)}
</dd>
</div>
@@ -343,19 +319,19 @@ const Pinswg_dnsid = (props) => {
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateeventrequested"
"pinswg_dateeventrequested",
)
? !_.isEmpty(
detailsObj.pinswg_dateeventrequested
detailsObj.pinswg_dateeventrequested,
)
? formatDates(
detailsObj.pinswg_dateeventrequested
detailsObj.pinswg_dateeventrequested,
)
: t(
"case:summary-to-be-confirmed-label"
"case:summary-to-be-confirmed-label",
)
: t(
"case:summary-to-be-confirmed-label"
"case:summary-to-be-confirmed-label",
)}
</dd>
</div>
@@ -379,7 +355,7 @@ const Pinswg_dnsid = (props) => {
"pinswg_decision@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-no-information-to-date-label"
"case:summary-no-information-to-date-label",
)}
<br />
@@ -394,25 +370,25 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-decision-date-label"
"case:summary-decision-date-label",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateofdecision"
"pinswg_dateofdecision",
)
? !_.isEmpty(
detailsObj.pinswg_dateofdecision
detailsObj.pinswg_dateofdecision,
)
? formatDates(
detailsObj.pinswg_dateofdecision
detailsObj.pinswg_dateofdecision,
)
: t(
"case:summary-no-information-to-date-label"
"case:summary-no-information-to-date-label",
)
: t(
"case:summary-no-information-to-date-label"
"case:summary-no-information-to-date-label",
)}
</dd>
</div>
@@ -420,7 +396,7 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-case-link-status-label"
"case:summary-case-link-status-label",
)}
</dt>
<dd className="govuk-summary-list__value">
@@ -430,13 +406,13 @@ const Pinswg_dnsid = (props) => {
? casesObj.numberofchildincidents >
0
? t(
"case:summary-case-link-status-linked"
"case:summary-case-link-status-linked",
)
: t(
"case:summary-case-link-status-not-linked"
"case:summary-case-link-status-not-linked",
)
: t(
"case:summary-case-link-status-not-linked"
"case:summary-case-link-status-not-linked",
)}
</dd>
</div>
@@ -445,13 +421,13 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-linked-cases-label"
"case:summary-linked-cases-label",
)}
</dt>
<dd className="govuk-summary-list__value">
{linkedCasesList(
props.currentView
.linkedCaseReferences
.linkedCaseReferences,
)}
</dd>
</div>
@@ -515,126 +491,126 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-written-acceptance-of-notice"
"case:summary-written-acceptance-of-notice",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_writtenacceptanceofnotification"
"pinswg_writtenacceptanceofnotification",
)
? !_.isEmpty(
detailsObj.pinswg_writtenacceptanceofnotification
detailsObj.pinswg_writtenacceptanceofnotification,
)
? formatDates(
detailsObj.pinswg_writtenacceptanceofnotification
detailsObj.pinswg_writtenacceptanceofnotification,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: 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-deadline-for-submission-of-application"
"case:summary-deadline-for-submission-of-application",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_deadlineforsubmissionofapplication"
"pinswg_deadlineforsubmissionofapplication",
)
? !_.isEmpty(
detailsObj.pinswg_deadlineforsubmissionofapplication
detailsObj.pinswg_deadlineforsubmissionofapplication,
)
? formatDates(
detailsObj.pinswg_deadlineforsubmissionofapplication
detailsObj.pinswg_deadlineforsubmissionofapplication,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: 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-date-of-submission-of-application"
"case:summary-date-of-submission-of-application",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_dateofsubmissionofapplication"
"pinswg_dateofsubmissionofapplication",
)
? !_.isEmpty(
detailsObj.pinswg_dateofsubmissionofapplication
detailsObj.pinswg_dateofsubmissionofapplication,
)
? formatDates(
detailsObj.pinswg_dateofsubmissionofapplication
detailsObj.pinswg_dateofsubmissionofapplication,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
{_.has(
detailsObj,
"pinswg_applicationacceptedasvalid"
"pinswg_applicationacceptedasvalid",
) &&
!_.isEmpty(
detailsObj.pinswg_applicationrejectedasinvalid
detailsObj.pinswg_applicationrejectedasinvalid,
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-application-accepted-as-valid"
"case:summary-application-accepted-as-valid",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_applicationacceptedasvalid
detailsObj.pinswg_applicationacceptedasvalid,
)
? formatDates(
detailsObj.pinswg_applicationacceptedasvalid
detailsObj.pinswg_applicationacceptedasvalid,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
)}
{_.has(
detailsObj,
"pinswg_applicationrejectedasinvalid"
"pinswg_applicationrejectedasinvalid",
) &&
!_.isEmpty(
detailsObj.pinswg_applicationrejectedasinvalid
detailsObj.pinswg_applicationrejectedasinvalid,
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-application-rejected-as-invalid"
"case:summary-application-rejected-as-invalid",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_applicationrejectedasinvalid
detailsObj.pinswg_applicationrejectedasinvalid,
)
? formatDates(
detailsObj.pinswg_applicationrejectedasinvalid
detailsObj.pinswg_applicationrejectedasinvalid,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -642,51 +618,51 @@ const Pinswg_dnsid = (props) => {
<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">
{_.has(
detailsObj,
"pinswg_endofrepresentationperiod"
"pinswg_endofrepresentationperiod",
)
? !_.isEmpty(
detailsObj.pinswg_endofrepresentationperiod
detailsObj.pinswg_endofrepresentationperiod,
)
? formatDates(
detailsObj.pinswg_endofrepresentationperiod
detailsObj.pinswg_endofrepresentationperiod,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
{_.has(
detailsObj,
"pinswg_dateofrequesttovarytheapplication"
"pinswg_dateofrequesttovarytheapplication",
) &&
!_.isEmpty(
detailsObj.pinswg_dateofrequesttovarytheapplication
detailsObj.pinswg_dateofrequesttovarytheapplication,
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-date-of-request-to-vary"
"case:summary-date-of-request-to-vary",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_dateofrequesttovarytheapplication
detailsObj.pinswg_dateofrequesttovarytheapplication,
)
? formatDates(
detailsObj.pinswg_dateofrequesttovarytheapplication
detailsObj.pinswg_dateofrequesttovarytheapplication,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -694,33 +670,33 @@ const Pinswg_dnsid = (props) => {
{_.has(
detailsObj,
"pinswg_confirmrequesttovaryapplication"
"pinswg_confirmrequesttovaryapplication",
) &&
!_.isEmpty(
detailsObj.pinswg_confirmrequesttovaryapplication
detailsObj.pinswg_confirmrequesttovaryapplication,
) &&
(_.has(
detailsObj,
"pinswg_rejectrequesttovaryapplication"
"pinswg_rejectrequesttovaryapplication",
) &&
_.isEmpty(
detailsObj.pinswg_rejectrequesttovaryapplication
detailsObj.pinswg_rejectrequesttovaryapplication,
) ? (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-confirm-request-to-vary-application"
"case:summary-confirm-request-to-vary-application",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_confirmrequesttovaryapplication
detailsObj.pinswg_confirmrequesttovaryapplication,
)
? formatDates(
detailsObj.pinswg_confirmrequesttovaryapplication
detailsObj.pinswg_confirmrequesttovaryapplication,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -729,33 +705,33 @@ const Pinswg_dnsid = (props) => {
))}
{_.has(
detailsObj,
"pinswg_rejectrequesttovaryapplication"
"pinswg_rejectrequesttovaryapplication",
) &&
!_.isEmpty(
detailsObj.pinswg_rejectrequesttovaryapplication
detailsObj.pinswg_rejectrequesttovaryapplication,
) &&
(_.has(
detailsObj,
"pinswg_confirmrequesttovaryapplication"
"pinswg_confirmrequesttovaryapplication",
) &&
_.isEmpty(
detailsObj.pinswg_confirmrequesttovaryapplication
detailsObj.pinswg_confirmrequesttovaryapplication,
) ? (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-reject-request-to-vary-application"
"case:summary-reject-request-to-vary-application",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_rejectrequesttovaryapplication
detailsObj.pinswg_rejectrequesttovaryapplication,
)
? formatDates(
detailsObj.pinswg_rejectrequesttovaryapplication
detailsObj.pinswg_rejectrequesttovaryapplication,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -764,26 +740,26 @@ const Pinswg_dnsid = (props) => {
))}
{_.has(
detailsObj,
"pinswg_suspensionstartdates"
"pinswg_suspensionstartdates",
) &&
!_.isEmpty(
detailsObj.pinswg_suspensionstartdates
detailsObj.pinswg_suspensionstartdates,
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-suspension-start-dates"
"case:summary-suspension-start-dates",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_suspensionstartdates
detailsObj.pinswg_suspensionstartdates,
)
? formatDates(
detailsObj.pinswg_suspensionstartdates
detailsObj.pinswg_suspensionstartdates,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -792,25 +768,25 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-suspension-end-dates"
"case:summary-suspension-end-dates",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_suspensionenddates"
"pinswg_suspensionenddates",
)
? !_.isEmpty(
detailsObj.pinswg_suspensionenddates
detailsObj.pinswg_suspensionenddates,
)
? formatDates(
detailsObj.pinswg_suspensionenddates
detailsObj.pinswg_suspensionenddates,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -821,19 +797,19 @@ const Pinswg_dnsid = (props) => {
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_reportdueby"
"pinswg_reportdueby",
)
? !_.isEmpty(
detailsObj.pinswg_reportdueby
detailsObj.pinswg_reportdueby,
)
? formatDates(
detailsObj.pinswg_reportdueby
detailsObj.pinswg_reportdueby,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
@@ -863,50 +839,50 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-inspector-report-submission-to-welsh-government"
"case:summary-inspector-report-submission-to-welsh-government",
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_inspectorreportsubmittedtowelshgovernment"
"pinswg_inspectorreportsubmittedtowelshgovernment",
)
? !_.isEmpty(
detailsObj.pinswg_inspectorreportsubmittedtowelshgovernment
detailsObj.pinswg_inspectorreportsubmittedtowelshgovernment,
)
? formatDates(
detailsObj.pinswg_inspectorreportsubmittedtowelshgovernment
detailsObj.pinswg_inspectorreportsubmittedtowelshgovernment,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>
{_.has(
detailsObj,
"pinswg_withdrawndate"
"pinswg_withdrawndate",
) &&
!_.isEmpty(
detailsObj.pinswg_withdrawndate
detailsObj.pinswg_withdrawndate,
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-withdrawn-date"
"case:summary-withdrawn-date",
)}
</dt>
<dd className="govuk-summary-list__value">
{!_.isEmpty(
detailsObj.pinswg_withdrawndate
detailsObj.pinswg_withdrawndate,
)
? formatDates(
detailsObj.pinswg_withdrawndate
detailsObj.pinswg_withdrawndate,
)
: t(
"case:summary-awaiting-information-label"
"case:summary-awaiting-information-label",
)}
</dd>
</div>