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

fix colours of boxes

Browse Source
This commit is contained in:
Mateusz Konieczny 2022-12-07 17:15:57 +01:00
parent 8436987091
commit 1e056b8825
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,20 +78,20 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
if(data.length == 0) { if(data.length == 0) {
if (props.allEntryCount == 0) { if (props.allEntryCount == 0) {
return (<Fragment> return (<Fragment>
<InfoBox type='success'> <InfoBox>
<Disclaimer /> <Disclaimer />
</InfoBox> </InfoBox>
<InfoBox type='info'> <InfoBox type='success'>
No live planning data available currently for this building polygon via the Planning London DataHub. No live planning data available currently for this building polygon via the Planning London DataHub.
<br/> <br/>
</InfoBox> </InfoBox>
</Fragment>); </Fragment>);
} else { } else {
return (<Fragment> return (<Fragment>
<InfoBox type='success'> <InfoBox>
<Disclaimer /> <Disclaimer />
</InfoBox> </InfoBox>
<InfoBox type='info'> <InfoBox type='success'>
No live planning data for this date range, but this building has associated planning data now shown here. No live planning data for this date range, but this building has associated planning data now shown here.
<br/> <br/>
</InfoBox> </InfoBox>
@ -99,10 +99,10 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
} }
} }
return <> return <>
<InfoBox type='success'> <InfoBox type='info'>
To see planning applications visualised for different periods click on the dropdown on the map key. To see planning applications visualised for different periods click on the dropdown on the map key.
</InfoBox> </InfoBox>
<InfoBox type='success'> <InfoBox type='info'>
{/* TODO: data[0] is problematic here... Compute it from listed elements and show all distinct variants? Error if they are not distinct? Hardcode it? */} {/* TODO: data[0] is problematic here... Compute it from listed elements and show all distinct variants? Error if they are not distinct? Hardcode it? */}
<div> <div>
Planning application status is streamed using live data uploaded by local authorities to {data[0]["data_source_link"] ? <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a> : data[0]["data_source"] }. Planning application status is streamed using live data uploaded by local authorities to {data[0]["data_source_link"] ? <a href={data[0]["data_source_link"]}>{data[0]["data_source"]}</a> : data[0]["data_source"] }.
@ -112,7 +112,7 @@ const PlanningDataOfficialDataEntry: React.FC<PlanningDataOfficialDataEntryProps
</InfoBox> </InfoBox>
{data.map((item) => ( {data.map((item) => (
<Fragment> <Fragment>
<InfoBox type='info'> <InfoBox type='success'>
<Fragment> <Fragment>
<div><b>Current planning application status for this site:</b> <StatusInfo <div><b>Current planning application status for this site:</b> <StatusInfo
statusBeforeAliasing={item["status_before_aliasing"]} statusBeforeAliasing={item["status_before_aliasing"]}

12
app/src/frontend/building/data-containers/planning.tsx
View File

@ -113,7 +113,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
</DataEntryGroup> </DataEntryGroup>
<DataEntryGroup name="Past applications (official data)" collapsed={true} > <DataEntryGroup name="Past applications (official data)" collapsed={true} >
<InfoBox type='success'> <InfoBox>
Past applications, including those with no decision in over a year Past applications, including those with no decision in over a year
</InfoBox> </InfoBox>
<PlanningDataOfficialDataEntry <PlanningDataOfficialDataEntry
@ -122,7 +122,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
/> />
</DataEntryGroup> </DataEntryGroup>
<DataEntryGroup name="Possible future applications (crowdsourced data)" collapsed={true} > <DataEntryGroup name="Possible future applications (crowdsourced data)" collapsed={true} >
<InfoBox>Click and colour buildings here if you think that there will be a future planning application. To add your opinion on how well this building works for the community, please visit the <Link to={communityLinkUrl}>Community</Link> section.</InfoBox> <InfoBox type='success'>Click and colour buildings here if you think that there will be a future planning application. To add your opinion on how well this building works for the community, please visit the <Link to={communityLinkUrl}>Community</Link> section.</InfoBox>
<UserOpinionEntry <UserOpinionEntry
slug='community_expected_planning_application' slug='community_expected_planning_application'
title={buildingUserFields.community_expected_planning_application.title} title={buildingUserFields.community_expected_planning_application.title}
@ -135,10 +135,10 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
</DataEntryGroup> </DataEntryGroup>
</DataEntryGroup> </DataEntryGroup>
<DataEntryGroup name="Planning zones" collapsed={true} > <DataEntryGroup name="Planning zones" collapsed={true} >
<InfoBox type='success'> <InfoBox>
Use the pink buttons to visualise planning zone data. You may need to <u>zoom out</u>. Use the pink buttons to visualise planning zone data. You may need to <u>zoom out</u>.
</InfoBox> </InfoBox>
<InfoBox type='success'> <InfoBox>
Data in this section comes from the Greater London Authority's Planning London Datahub. Please check the original GLA source when using for planning purposes. Data in this section comes from the Greater London Authority's Planning London Datahub. Please check the original GLA source when using for planning purposes.
Information on whether a specific building is in a zone will be added automatically in future. Information on whether a specific building is in a zone will be added automatically in future.
</InfoBox> </InfoBox>
@ -204,7 +204,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
*/} */}
</DataEntryGroup> </DataEntryGroup>
<DataEntryGroup name="Building protection" collapsed={true} > <DataEntryGroup name="Building protection" collapsed={true} >
<InfoBox type='success'> <InfoBox>
This section provides information on heritage assets and building protection. To produce the most accurate spatial map possible we need to combine official data with crowdsourced data. Help us create this map together by checking, verifying and adding information. This section provides information on heritage assets and building protection. To produce the most accurate spatial map possible we need to combine official data with crowdsourced data. Help us create this map together by checking, verifying and adding information.
</InfoBox> </InfoBox>
<NumericDataEntryWithFormattedLink <NumericDataEntryWithFormattedLink
@ -393,7 +393,7 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
<InfoBox type='warning'> <InfoBox type='warning'>
This category is not yet activated. This category is not yet activated.
</InfoBox> </InfoBox>
<InfoBox type='success'> <InfoBox>
This section is designed to provide information on land parcels and their ownership type. Can you help us to crowdsource this information? This section is designed to provide information on land parcels and their ownership type. Can you help us to crowdsource this information?
</InfoBox> </InfoBox>
<SelectDataEntry <SelectDataEntry