14625 submission ui portal

This commit is contained in:
2025-04-02 18:08:07 +01:00
parent 9a44e36ceb
commit ac1c127548
4 changed files with 669 additions and 5 deletions
+292
View File
@@ -60,6 +60,7 @@ import Pinswg_transportandworkactid from "./summaryTypes/pinswg_transportandwork
import Pinswg_wayleaveid from "./summaryTypes/pinswg_wayleaveid";
import CaseNoticeBanner from "./caseNoticeBanner";
import WatchModal from "./watchmodal";
import EIADetails from "./eia";
import GoogleMapComponent from "../mapping";
import OSPoint from "ospoint";
@@ -357,6 +358,26 @@ const CaseSummary = (props) => {
</a>
</li>
)}
{getFormCollectionByID(appealTypeID)
.PrimaryIdAttribute == "pinswg_sipscase" && (
<li
className={
whichTab == "case-eia"
? "govuk-tabs__list-item govuk-tabs__list-item--selected"
: "govuk-tabs__list-item "
}
>
<a
className="govuk-tabs__tab"
href="#case-events"
onClick={() => setWhichTab("case-eia")}
>
{" "}
EIA
</a>
</li>
)}
{isObjectNotEmpty(props, "eventsObj") && (
<li
className={
@@ -1223,6 +1244,277 @@ const CaseSummary = (props) => {
</div>
</div>
)}
<div
className={
whichTab == "case-eia"
? "govuk-tabs__panel "
: "govuk-tabs__panel govuk-tabs__panel--hidden"
}
id="case-eia"
>
<div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case">
<div className="card" id="key-dates-card">
<div className="card-body">
<div>
<h4 className="govuk-heading-s ">
EIA Screening
</h4>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Screening start date
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_screeningstartdate"
)
? !_.isEmpty(
detailsObj.pinswg_screeningstartdate
)
? formatDates(
detailsObj.pinswg_screeningstartdate
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
EIA target date
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_eiatargetdate"
)
? !_.isEmpty(
detailsObj.pinswg_eiatargetdate
)
? formatDates(
detailsObj.pinswg_eiatargetdate
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
{hasValidKey(
detailsObj,
"pinswg_targetextended"
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Target Extended
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_targetextended"
)
? !_.isEmpty(
detailsObj.pinswg_targetextended
)
? formatDates(
detailsObj.pinswg_targetextended
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
)}
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Direction Issued
Date
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_directionissueddate"
)
? !_.isEmpty(
detailsObj.pinswg_directionissueddate
)
? formatDates(
detailsObj.pinswg_directionissueddate
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
{hasValidKey(
detailsObj,
"pinswg_eiarequired"
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
{t(
"case:summary-eia-required-label"
)}
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_eiarequired"
)
? detailsObj.pinswg_eiarequired
? router.locale ==
"cy"
? "Ie"
: "Yes"
: router.locale ==
"cy"
? "Na"
: "No"
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
)}
</dl>
</div>
</div>
</div>
<div className="card" id="key-dates-card">
<div className="card-body">
<div>
<h4 className="govuk-heading-s ">
EIA Scoping
</h4>
<dl className="govuk-summary-list govuk-!-font-size-16 govuk-!-margin-bottom-9">
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Scoping Start Date
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_scopingstartdate"
)
? !_.isEmpty(
detailsObj.pinswg_scopingstartdate
)
? formatDates(
detailsObj.pinswg_scopingstartdate
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Scoping Target Date
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_scopingtargetdate"
)
? !_.isEmpty(
detailsObj.pinswg_scopingtargetdate
)
? formatDates(
detailsObj.pinswg_scopingtargetdate
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
{hasValidKey(
detailsObj,
"pinswg_scopingtargetextended"
) && (
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Scoping Target
Extended
</dt>
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_scopingtargetextended"
)
? !_.isEmpty(
detailsObj.pinswg_scopingtargetextended
)
? formatDates(
detailsObj.pinswg_scopingtargetextended
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
)}
<div className="govuk-summary-list__row">
<dt className="govuk-summary-list__key">
Scoping Outcome
Issued Date
</dt>{" "}
<dd className="govuk-summary-list__value">
{_.has(
detailsObj,
"pinswg_scopingoutcomeissueddate"
)
? !_.isEmpty(
detailsObj.pinswg_scopingoutcomeissueddate
)
? formatDates(
detailsObj.pinswg_scopingoutcomeissueddate
)
: t(
"case:summary-awaiting-information-label"
)
: t(
"case:summary-awaiting-information-label"
)}
</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
{getFormCollectionByID(appealTypeID)
.PrimaryIdAttribute == "pinswg_sipscase" && (
<EIADetails props={props} />
)}
{isObjectNotEmpty(props, "eventsObj") && (
<div
className={