14758 tabs ui

This commit is contained in:
2025-03-18 06:06:05 +00:00
parent f7af4d4bcc
commit 837d7c68f7
4 changed files with 1016 additions and 569 deletions
+26 -45
View File
@@ -10,32 +10,12 @@ import OSPoint from "ospoint";
const Pinswg_sipscase = (props) => {
let { t } = useTranslation();
const { casesObj, detailsObj, formatDates, linkedCasesList, showMap } =
props;
const { casesObj, detailsObj, formatDates, linkedCasesList } = props;
const router = useRouter();
const { locale } = router;
let point = {};
let siteCoords = {};
let center = {};
point = new OSPoint(
detailsObj.pinswg_anticipatedgridrefnorthing,
detailsObj.pinswg_anticipatedgridrefeasting
);
siteCoords = point.toOSGB36();
//console.log(siteCoords);
center = {
id: "",
lat: isNaN(parseFloat(siteCoords.latitude))
? 52.412272
: parseFloat(siteCoords.latitude),
lng: isNaN(parseFloat(siteCoords.longitude))
? -3.437989
: parseFloat(siteCoords.longitude),
};
const zoom = isNaN(parseFloat(siteCoords.latitude)) ? 7 : 12;
function hasValidKey(obj, key) {
return (
@@ -51,13 +31,7 @@ const Pinswg_sipscase = (props) => {
{detailsObj.pinswg_projectdescription != null ? (
<div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case">
<div
className={
showMap == "true"
? "govuk-grid-column-one-half"
: "govuk-grid-column-full"
}
>
<div className={"govuk-grid-column-full"}>
<h2 className="govuk-heading-m govuk-!-margin-bottom-7">
{t("case:summary-project-details-label")}
</h2>
@@ -93,22 +67,6 @@ const Pinswg_sipscase = (props) => {
: ""}
</p> */}
</div>
{showMap == "true" && (
<div className="govuk-grid-column-one-half">
<div
style={{
height: "40vh",
width: "100%",
}}
>
<GoogleMapComponent
center={center}
zoom={zoom}
/>
{/* <OSMapComponent center={center} zoom={zoom} /> */}
</div>
</div>
)}
</div>
</div>
) : (
@@ -235,6 +193,30 @@ const Pinswg_sipscase = (props) => {
)}
</dd>
</div>
<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">
{router.locale == "cy"
? jsonpath(
'$..[?(@.value=="' +
detailsObj[
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy',
transLookup
)
: detailsObj[
"pinswg_eiarequired@OData.Community.Display.V1.FormattedValue"
] ||
t(
"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")}
@@ -762,7 +744,6 @@ const Pinswg_sipscase = (props) => {
"case:summary-awaiting-information-label"
)}
</dd>
)
</div>
)}
<div className="govuk-summary-list__row">