changing layour of planning data display
This commit is contained in:
parent
1be12dcb99
commit
f63ff98268
@ -50,20 +50,22 @@ 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>
|
||||||
<PlanningDataOfficialDataEntry
|
<DataEntryGroup name="Official planning data" collapsed={false} >
|
||||||
shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item) == false) : []}
|
<DataEntryGroup name="Active planning applications" collapsed={true} >
|
||||||
allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0}
|
<PlanningDataOfficialDataEntry
|
||||||
/>
|
shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item) == false) : []}
|
||||||
</DataEntryGroup>
|
allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0}
|
||||||
<DataEntryGroup name="Older official planning data" collapsed={true} >
|
/>
|
||||||
<PlanningDataOfficialDataEntry
|
</DataEntryGroup>
|
||||||
shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item)) : []}
|
<DataEntryGroup name="No activity in the last year" collapsed={true} >
|
||||||
allEntryCount={props.building.planning_data ? props.building.planning_data.length : 0}
|
<PlanningDataOfficialDataEntry
|
||||||
/>
|
shownData={props.building.planning_data ? props.building.planning_data.filter(item => isArchived(item)) : []}
|
||||||
|
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
|
||||||
|
@ -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' },
|
||||||
|
Loading…
Reference in New Issue
Block a user