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) { if (showAll) {
return <div> return <div>
{content} {content}
<b onClick={showLess}>shorten description</b> <br/>
<b onClick={showLess}>Shorten description</b>
</div> </div>
} }
const toShow = content.substring(0, limit).trim() + "... "; const toShow = content.substring(0, limit).trim() + "... ";
return <div> return <div>
{toShow} {toShow}
<b onClick={showMore}>show full description</b> <br/>
<b onClick={showMore}>Show full description</b>
</div> </div>
} }
@ -43,8 +45,8 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
title={"Planning Application Status"} title={"Planning Application Status"}
tooltip={null} 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> <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> </InfoBox>
</Fragment>); </Fragment>);
} }
@ -56,22 +58,21 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
title={"Planning Application Status"} title={"Planning Application Status"}
tooltip={null} 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"]} <b>Current planning application status for this site:</b> {data[0]["status"]}
<br/> <br/>
<b>Decision date</b>: {data[0]["decision_date"].toString()} <b>Decision date</b>: {data[0]["decision_date"].toString()}
<br/> <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/> <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 <CheckboxDataEntry
title="Show conservation area layer (Ian Hall dataset)" title="Show conservation area layer (Ian Hall dataset)"
slug="planning_recent_outcome" slug="planning_recent_outcome"