a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak layout of green box listing

Browse Source
This commit is contained in:
Mateusz Konieczny 2022-08-29 13:28:06 +02:00
parent cdbf92399b
commit d2d54e6c94
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/src/frontend/building/data-components/planning-data-entry.tsx
View File

@ -23,13 +23,15 @@ const LongText = ({ content,limit}) => {
if (showAll) {
return <div>
{content}
<b onClick={showLess}>shorten description</b>
<br/>
<b onClick={showLess}>Shorten description</b>
</div>
}
const toShow = content.substring(0, limit).trim() + "... ";
return <div>
{toShow}
<b onClick={showMore}>show full description</b>
<br/>
<b onClick={showMore}>Show full description</b>
</div>
}
@ -43,8 +45,8 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
title={"Planning Application Status"}
tooltip={null}
/>
<i>No live planning data available currently for this building polygon via the Planning London DataHub.</i>
<div>Disclaimer: data is imported from the official source, but Planning London DataHub is known to be incomplete.</div>
<b>No live planning data available currently for this building polygon via the Planning London DataHub.</b>
</InfoBox>
</Fragment>);
}
@ -56,22 +58,21 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
title={"Planning Application Status"}
tooltip={null}
/>
<div>Disclaimer: data is imported from the official source, but Planning London DataHub is known to be incomplete.</div>
<b>Data source:</b> <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a>
<br/>
<b>Planning application ID:</b> {data[0]["planning_application_id"]}
<br/>
<b>Most recent update by data provider:</b> {data[0]["last_synced_date"]}
<br/>
<b>Planning application ID:</b> {data[0]["planning_application_id"]}
<br/>
<b>Current planning application status for this site:</b> {data[0]["status"]}
<br/>
<b>Decision date</b>: {data[0]["decision_date"].toString()}
<br/>
<b>Brief Description of proposed work</b>: <LongText content = {data[0]["description"]} limit = {400}/>
<b>Description of proposed work</b>: <LongText content = {data[0]["description"]} limit = {400}/>
<br/>
<b>Planning application ID:</b> {data[0]["planning_application_id"]}
<br/>
<b>Planning portal link</b>: not provided
<br/>
<b>Most recent update by data provider:</b> {data[0]["decision_date"]}
<br/>
<b>Data source:</b> <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a>
<br/>
<div>Disclaimer: data is imported from the official source, but Planning London DataHub is known to be incomplete.</div>
<CheckboxDataEntry
title="Show conservation area layer (Ian Hall dataset)"
slug="planning_recent_outcome"