publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-02-23 01:54:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add indicators

Browse source 
- barriers to transport
- lack of green space
- lack of plumbing
- leaky tanks
This commit is contained in:
Vim USDS 2022-08-17 14:51:41 -07:00
parent a97a779171
commit fc930d19f6
4 changed files with 225 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
client/src/components/AreaDetail/AreaDetail.tsx
View file

@ -277,6 +277,14 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_DIESEL_PM] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_DIESEL_PM] : null,
};
const barrierTransport: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.BARRIER_TRANS),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.BARRIER_TRANS),
value: properties.hasOwnProperty(constants.TRAVEL_DISADV_PERCENTILE) ?
properties[constants.TRAVEL_DISADV_PERCENTILE] : null,
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_TRAVEL_DISADV] ?
properties[constants.IS_EXCEEDS_THRESH_TRAVEL_DISADV] : null,
};
const trafficVolume: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.TRAFFIC_VOLUME),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.TRAFFIC_VOLUME),
@ -294,6 +302,22 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN] ?
properties[constants.IS_EXCEEDS_THRESH_FOR_HOUSE_BURDEN] : null,
};
const lackGreenSpace: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LACK_GREEN_SPACE),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LACK_GREEN_SPACE),
value: properties.hasOwnProperty(constants.IMPERVIOUS_PERCENTILE) ?
properties[constants.IMPERVIOUS_PERCENTILE] : null,
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_IMPERVIOUS] ?
properties[constants.IS_EXCEEDS_THRESH_IMPERVIOUS] : null,
};
const lackPlumbing: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LACK_PLUMBING),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LACK_PLUMBING),
value: properties.hasOwnProperty(constants.KITCHEN_PLUMB_PERCENTILE) ?
properties[constants.KITCHEN_PLUMB_PERCENTILE] : null,
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_KITCHEN_PLUMB] ?
properties[constants.IS_EXCEEDS_THRESH_KITCHEN_PLUMB] : null,
};
const leadPaint: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LEAD_PAINT),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LEAD_PAINT),
@ -335,6 +359,14 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
properties[constants.IS_EXCEEDS_THRESH_FOR_RMP] : null,
};
const leakyTanks: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.LEAKY_TANKS),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.LEAKY_TANKS),
value: properties.hasOwnProperty(constants.LEAKY_UNDER_PERCENTILE) ?
properties[constants.LEAKY_UNDER_PERCENTILE] : null,
isDisadvagtaged: properties[constants.IS_EXCEEDS_THRESH_LEAKY_UNDER] ?
properties[constants.IS_EXCEEDS_THRESH_LEAKY_UNDER] : null,
};
const wasteWater: indicatorInfo = {
label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.WASTE_WATER),
description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.WASTE_WATER),
@ -446,7 +478,7 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
{
id: 'clean-transport',
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLEAN_TRANSPORT),
indicators: [dieselPartMatter, trafficVolume],
indicators: [dieselPartMatter, barrierTransport, trafficVolume],
socioEcIndicators: [lowInc, higherEd],
isDisadvagtaged: properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_TRANSPORT_FACTOR_DISADVANTAGED_M] : null,
@ -458,7 +490,7 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
{
id: 'sustain-house',
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.SUSTAIN_HOUSE),
indicators: [houseBurden, leadPaint],
indicators: [houseBurden, lackGreenSpace, lackPlumbing, leadPaint],
socioEcIndicators: [lowInc, higherEd],
isDisadvagtaged: properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_HOUSING_FACTOR_DISADVANTAGED_M] : null,
@ -482,7 +514,7 @@ const AreaDetail = ({properties, hash, isCensusLayerSelected}: IAreaDetailProps)
{
id: 'clean-water',
titleText: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_CATEGORY.CLEAN_WATER),
indicators: [wasteWater],
indicators: [leakyTanks, wasteWater],
socioEcIndicators: [lowInc, higherEd],
isDisadvagtaged: properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] ?
properties[constants.IS_WATER_FACTOR_DISADVANTAGED_M] : null,

116
client/src/components/AreaDetail/tests/__snapshots__/areaDetail.test.tsx.snap
View file

@ -1341,6 +1341,35 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
</div>
</div>
</li>
<li
data-cy="indicatorBox"
data-testid="indicator-box"
>
<div>
<div>
Transportation barriers
<div>
Cost and time spent on transportation
</div>
</div>
<div>
<div>
<div />
<div>
<img
alt="an icon to represent data is unavailable"
src="test-file-stub"
/>
</div>
</div>
<div>
<div>
data is not available
</div>
</div>
</div>
</div>
</li>
<li
data-cy="indicatorBox"
data-testid="indicator-box"
@ -1534,6 +1563,64 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
</div>
</div>
</li>
<li
data-cy="indicatorBox"
data-testid="indicator-box"
>
<div>
<div>
Lack of green space
<div>
Amount of non-crop land covered with artificial materials like pavement and concrete
</div>
</div>
<div>
<div>
<div />
<div>
<img
alt="an icon to represent data is unavailable"
src="test-file-stub"
/>
</div>
</div>
<div>
<div>
data is not available
</div>
</div>
</div>
</div>
</li>
<li
data-cy="indicatorBox"
data-testid="indicator-box"
>
<div>
<div>
Lack of plumbing
<div>
Share of homes without indoor kitchens or plumbing
</div>
</div>
<div>
<div>
<div />
<div>
<img
alt="an icon to represent data is unavailable"
src="test-file-stub"
/>
</div>
</div>
<div>
<div>
data is not available
</div>
</div>
</div>
</div>
</li>
<li
data-cy="indicatorBox"
data-testid="indicator-box"
@ -1896,6 +1983,35 @@ exports[`rendering of the AreaDetail checks if indicators for NATION is present
No
</div>
</div>
<li
data-cy="indicatorBox"
data-testid="indicator-box"
>
<div>
<div>
Leaking underground storage tanks
<div>
Count of leaking underground storage tanks when compared to all underground storage tanks
</div>
</div>
<div>
<div>
<div />
<div>
<img
alt="an icon to represent data is unavailable"
src="test-file-stub"
/>
</div>
</div>
<div>
<div>
data is not available
</div>
</div>
</div>
</div>
</li>
<li
data-cy="indicatorBox"
data-testid="indicator-box"

43
client/src/data/copy/explore.tsx
View file

@ -520,6 +520,11 @@ export const SIDE_PANEL_INDICATORS = defineMessages({
defaultMessage: 'Diesel particulate matter exposure',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Diesel particulate matter exposure`,
},
BARRIER_TRANS: {
id: 'explore.map.page.side.panel.indicator.barrier.transport',
defaultMessage: 'Transportation barriers',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show transportation barriers`,
},
TRAFFIC_VOLUME: {
id: 'explore.map.page.side.panel.indicator.trafficVolume',
defaultMessage: 'Traffic proximity and volume',
@ -540,6 +545,16 @@ export const SIDE_PANEL_INDICATORS = defineMessages({
defaultMessage: 'Housing cost burden',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Housing cost burden`,
},
LACK_GREEN_SPACE: {
id: 'explore.map.page.side.panel.indicator.lack.green.space',
defaultMessage: 'Lack of green space',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Lack of green space`,
},
LACK_PLUMBING: {
id: 'explore.map.page.side.panel.indicator.lack.plumbing',
defaultMessage: 'Lack of plumbing',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Lack of plumbing`,
},
PROX_HAZ: {
id: 'explore.map.page.side.panel.indicator.prox.haz',
defaultMessage: 'Proximity to hazardous waste facilities',
@ -555,6 +570,11 @@ export const SIDE_PANEL_INDICATORS = defineMessages({
defaultMessage: 'Proximity to Risk Management Plan (RMP) facilities',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Count of proposed or listed RMP`,
},
LEAKY_TANKS: {
id: 'explore.map.page.side.panel.indicator.leaky.tanks',
defaultMessage: 'Leaking underground storage tanks',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Leaking underground storage tanks`,
},
WASTE_WATER: {
id: 'explore.map.page.side.panel.indicator.wasteWater',
defaultMessage: 'Wastewater discharge',
@ -720,6 +740,11 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
defaultMessage: 'Diesel exhaust in the air',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Diesel exhaust in the air`,
},
BARRIER_TRANS: {
id: 'explore.map.page.side.panel.indicator.description.barrierTrans',
defaultMessage: 'Cost and time spent on transportation',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Cost and time spent on transportation`,
},
TRAFFIC_VOLUME: {
id: 'explore.map.page.side.panel.indicator.description.trafficVolume',
defaultMessage: 'Count of vehicles at major roads within 500 meters',
@ -742,8 +767,17 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
HOUSE_BURDEN: {
id: 'explore.map.page.side.panel.indicator.description.houseBurden',
defaultMessage: 'Low income households spending more than 30% of income on housing',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Low income households spending more than 30% of income housing
`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Low income households spending more than 30% of income housing`,
},
LACK_GREEN_SPACE: {
id: 'explore.map.page.side.panel.indicator.description.lack.green.space',
defaultMessage: 'Amount of non-crop land covered with artificial materials like pavement and concrete',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description Amount of non-crop land covered with artificial materials like pavement and concrete`,
},
LACK_PLUMBING: {
id: 'explore.map.page.side.panel.indicator.description.lack.plumbing',
defaultMessage: 'Share of homes without indoor kitchens or plumbing',
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes without indoor kitchens or plumbing`,
},
PROX_HAZ: {
@ -762,6 +796,11 @@ export const SIDE_PANEL_INDICATOR_DESCRIPTION = defineMessages({
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Risk Management Plan facilities within 5 kilometers`,
},
LEAKY_TANKS: {
id: 'explore.map.page.side.panel.indicator.description.leaky.tanks',
defaultMessage: `Count of leaking underground storage tanks when compared to all underground storage tanks`,
description: `Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of leaky storage tanks`,
},
WASTE_WATER: {
id: 'explore.map.page.side.panel.indicator.description.wasteWater',
defaultMessage: 'Toxic concentrations at stream segments within 500 meters',

34
client/src/intl/en.json
View file

@ -503,10 +503,18 @@
"defaultMessage": "Asthma",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Asthma"
},
"explore.map.page.side.panel.indicator.barrier.transport": {
"defaultMessage": "Transportation barriers",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show transportation barriers"
},
"explore.map.page.side.panel.indicator.description.asthma": {
"defaultMessage": "Weighted percent of people who have been told they have asthma",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Number of people who have been told they have asthma"
},
"explore.map.page.side.panel.indicator.description.barrierTrans": {
"defaultMessage": "Cost and time spent on transportation",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Cost and time spent on transportation"
},
"explore.map.page.side.panel.indicator.description.diabetes": {
"defaultMessage": "Weighted percent of people ages 18 years and older who have diabetes other than diabetes during pregnancy",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of People ages 18 years and older who have diabetes other than \n diabetes during pregnancy"
@ -549,12 +557,24 @@
},
"explore.map.page.side.panel.indicator.description.houseBurden": {
"defaultMessage": "Low income households spending more than 30% of income on housing",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Low income households spending more than 30% of income housing\n "
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Low income households spending more than 30% of income housing"
},
"explore.map.page.side.panel.indicator.description.lack.green.space": {
"defaultMessage": "Amount of non-crop land covered with artificial materials like pavement and concrete",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description Amount of non-crop land covered with artificial materials like pavement and concrete"
},
"explore.map.page.side.panel.indicator.description.lack.plumbing": {
"defaultMessage": "Share of homes without indoor kitchens or plumbing",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Share of homes without indoor kitchens or plumbing"
},
"explore.map.page.side.panel.indicator.description.leadPaint": {
"defaultMessage": "Percentile of number of homes built before 1960 that are not among the most expensive",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Pre-1960 housing"
},
"explore.map.page.side.panel.indicator.description.leaky.tanks": {
"defaultMessage": "Count of leaking underground storage tanks when compared to all underground storage tanks",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of leaky storage tanks"
},
"explore.map.page.side.panel.indicator.description.lifeExpect": {
"defaultMessage": "Average number of years a person can expect to live",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show an indicator description of Average number of years of life a person can expect to live"
@ -655,10 +675,22 @@
"defaultMessage": "Housing cost burden",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Housing cost burden"
},
"explore.map.page.side.panel.indicator.lack.green.space": {
"defaultMessage": "Lack of green space",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Lack of green space"
},
"explore.map.page.side.panel.indicator.lack.plumbing": {
"defaultMessage": "Lack of plumbing",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Lack of plumbing"
},
"explore.map.page.side.panel.indicator.leadPaint": {
"defaultMessage": "Lead paint",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Lead paint"
},
"explore.map.page.side.panel.indicator.leaky.tanks": {
"defaultMessage": "Leaking underground storage tanks",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Leaking underground storage tanks"
},
"explore.map.page.side.panel.indicator.lifeExpect": {
"defaultMessage": "Low life expectancy",
"description": "Navigate to the explore the map page. When the map is in view, click on the map. The side panel will show Low life expectancy"