changing layour of planning data display

This commit is contained in:
Mateusz Konieczny 2022-11-07 17:25:24 +01:00
parent 1be12dcb99
commit f63ff98268
2 changed files with 15 additions and 13 deletions

View File

@ -50,21 +50,23 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
const communityLinkUrl = `/${props.mode}/${Category.Community}/${props.building.building_id}`; const communityLinkUrl = `/${props.mode}/${Category.Community}/${props.building.building_id}`;
return ( return (
<Fragment> <Fragment>
<DataEntryGroup name="Official planning data" collapsed={false} >
<InfoBox type='warning'> <InfoBox type='warning'>
This section is under development as part of the project CLPV Tool. For more details and progress <a href="https://github.com/colouring-cities/manual/wiki/G.-Data-capture-methods">read here</a>. This section is under development as part of the project CLPV Tool. For more details and progress <a href="https://github.com/colouring-cities/manual/wiki/G.-Data-capture-methods">read here</a>.
</InfoBox> </InfoBox>
<DataEntryGroup name="Official planning data" collapsed={false} >
<DataEntryGroup name="Active planning applications" collapsed={true} >
<PlanningDataOfficialDataEntry <PlanningDataOfficialDataEntry
shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item) == false) : []} shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item) == false) : []}
allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0} allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0}
/> />
</DataEntryGroup> </DataEntryGroup>
<DataEntryGroup name="Older official planning data" collapsed={true} > <DataEntryGroup name="No activity in the last year" collapsed={true} >
<PlanningDataOfficialDataEntry <PlanningDataOfficialDataEntry
shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item)) : []} shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item)) : []}
allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0} allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0}
/> />
</DataEntryGroup> </DataEntryGroup>
</DataEntryGroup>
<DataEntryGroup name="Crowdsourced planning application data" collapsed={false} > <DataEntryGroup name="Crowdsourced planning application data" collapsed={false} >
<CheckboxDataEntry <CheckboxDataEntry
title="Has the work on this site been completed?" title="Has the work on this site been completed?"

View File

@ -185,7 +185,7 @@ export const categoryMapsConfig: {[key in Category]: CategoryMapDefinition[]} =
{ {
mapStyle: 'planning_applications_status_recent', mapStyle: 'planning_applications_status_recent',
legend: { legend: {
title: 'Recent planning applications', title: 'Active planning applications in the last year',
elements: [ elements: [
{ color: '#53f5dd', text: 'Submitted, awaiting decision' }, { color: '#53f5dd', text: 'Submitted, awaiting decision' },
{ color: '#fff200', text: 'Appeal In Progress' }, { color: '#fff200', text: 'Appeal In Progress' },
@ -199,7 +199,7 @@ export const categoryMapsConfig: {[key in Category]: CategoryMapDefinition[]} =
{ {
mapStyle: 'planning_applications_status_very_recent', mapStyle: 'planning_applications_status_very_recent',
legend: { legend: {
title: 'Very recent planning applications', title: 'Submissions/decisions in last 7 days',
elements: [ elements: [
{ color: '#53f5dd', text: 'Submitted, awaiting decision' }, { color: '#53f5dd', text: 'Submitted, awaiting decision' },
{ color: '#fff200', text: 'Appeal In Progress' }, { color: '#fff200', text: 'Appeal In Progress' },