mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-02-21 09:11:26 -08:00
Grandfathered tracts have different color
This commit is contained in:
parent
f14eeab61d
commit
739c6f9306
9 changed files with 76 additions and 12 deletions
|
@ -130,6 +130,19 @@ const MapTractLayers = ({
|
|||
minzoom={constants.GLOBAL_MIN_ZOOM_HIGH}
|
||||
/>
|
||||
|
||||
{/* High zoom layer (static) - grandfathered features only */}
|
||||
<Layer
|
||||
id={constants.GRANDFATHERED_HIGH_ZOOM_LAYER_ID}
|
||||
source-layer={constants.SCORE_SOURCE_LAYER}
|
||||
filter={['==', constants.IS_GRANDFATHERED, true]}
|
||||
type='fill'
|
||||
paint={{
|
||||
'fill-color': constants.GRANDFATHERED_FEATURE_FILL_COLOR,
|
||||
'fill-opacity': constants.HIGH_ZOOM_PRIORITIZED_FEATURE_FILL_OPACITY,
|
||||
}}
|
||||
minzoom={constants.GLOBAL_MIN_ZOOM_HIGH}
|
||||
/>
|
||||
|
||||
{/* High zoom layer (static) - controls the border between features */}
|
||||
<Layer
|
||||
id={constants.FEATURE_BORDER_LAYER_ID}
|
||||
|
|
|
@ -258,6 +258,7 @@ export const TRIBAL_SOURCE_LAYER = "blocks";
|
|||
export const BASE_MAP_LAYER_ID = "base-map-layer-id";
|
||||
export const HIGH_ZOOM_LAYER_ID = "high-zoom-layer-id";
|
||||
export const PRIORITIZED_HIGH_ZOOM_LAYER_ID = "prioritized-high-zoom-layer-id";
|
||||
export const GRANDFATHERED_HIGH_ZOOM_LAYER_ID = "grandfathered-high-zoom-layer-id";
|
||||
export const LOW_ZOOM_LAYER_ID = "low-zoom-layer-id";
|
||||
export const FEATURE_BORDER_LAYER_ID = "feature-border-layer-id";
|
||||
export const SELECTED_FEATURE_BORDER_LAYER_ID =
|
||||
|
@ -298,7 +299,8 @@ export const TRIBAL_FEATURE_FILL_OPACITY = 0.3;
|
|||
// Colors
|
||||
export const FEATURE_BORDER_COLOR = "#4EA5CF";
|
||||
export const SELECTED_FEATURE_BORDER_COLOR = "#1A4480";
|
||||
export const PRIORITIZED_FEATURE_FILL_COLOR = "#768FB3";
|
||||
export const PRIORITIZED_FEATURE_FILL_COLOR = "#0050D8";
|
||||
export const GRANDFATHERED_FEATURE_FILL_COLOR = "#8168B3";
|
||||
|
||||
export const TRIBAL_BORDER_COLOR = "#4EA5CF";
|
||||
export const SELECTED_TRIBAL_BORDER_COLOR = "#1A4480";
|
||||
|
|
|
@ -241,7 +241,7 @@ export const FAQ_ANSWERS = {
|
|||
/>,
|
||||
Q6_P1: <FormattedMessage
|
||||
id={ 'faqs.page.answers.Q6_P1'}
|
||||
defaultMessage={ `Some census tracts that contain land within the boundaries of Federally Recognized Tribes are also considered disadvantaged because they meet the burden thresholds for at least one of the categories on the tool. When this happens, the areas appear darker on the tool’s map.`}
|
||||
defaultMessage={ `Different areas of the map will have different colors because they are identified as disadvantaged in different ways. Some census tracts that contain land within the boundaries of Federally Recognized Tribes are also considered disadvantaged because they meet the burden thresholds for at least one of the categories on the tool. When this happens, the areas appear darker on the tool’s map.`}
|
||||
description={ 'Navigate to the FAQs page, this will be an answer, Q6_P1'}
|
||||
/>,
|
||||
Q6_P2: <FormattedMessage
|
||||
|
@ -257,6 +257,12 @@ export const FAQ_ANSWERS = {
|
|||
/>,
|
||||
Q6_P4: <FormattedMessage
|
||||
id={ 'faqs.page.answers.Q6_P4'}
|
||||
defaultMessage={ ` : Disadvantaged census tracts (grandfathered)
|
||||
`}
|
||||
description={ 'Navigate to the FAQs page, this will be an answer, Q6_P4'}
|
||||
/>,
|
||||
Q6_P5: <FormattedMessage
|
||||
id={ 'faqs.page.answers.Q6_P5'}
|
||||
defaultMessage={ `Any area that is highlighted is considered disadvantaged, regardless of whether it is a light shade or dark shade. The tool will show if a whole census tract is considered disadvantaged or just the parts that contain land within the boundaries of Federally Recognized Tribes.`}
|
||||
description={ 'Navigate to the FAQs page, this will be an answer, Q6_P4'}
|
||||
/>,
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<title>Oval</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.3">
|
||||
<g id="Group-7" transform="translate(-147.000000, -702.000000)" fill="#18437F" stroke="#18437F" stroke-width="2">
|
||||
<g id="Group-7" transform="translate(-147.000000, -702.000000)" fill="#0050D8" stroke="#0050D8" stroke-width="2">
|
||||
<g id="Group-Copy-9">
|
||||
<circle id="Oval" cx="155" cy="710" r="7"></circle>
|
||||
</g>
|
||||
|
|
Before Width: | Height: | Size: 680 B After Width: | Height: | Size: 680 B |
13
client/src/images/sidePanelIcons/grandfathered-tract.svg
Normal file
13
client/src/images/sidePanelIcons/grandfathered-tract.svg
Normal file
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 58 (84663) - https://sketch.com -->
|
||||
<title>Oval</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.3">
|
||||
<g id="Group-7" transform="translate(-147.000000, -702.000000)" fill="#8168B3" stroke="#8168B3" stroke-width="2">
|
||||
<g id="Group-Copy-9">
|
||||
<circle id="Oval" cx="155" cy="710" r="7"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 680 B |
|
@ -1412,7 +1412,7 @@
|
|||
"description": "Navigate to the FAQs page, this will be an answer, Q5_P2_1"
|
||||
},
|
||||
"faqs.page.answers.Q6_P1": {
|
||||
"defaultMessage": "Some census tracts that contain land within the boundaries of Federally Recognized Tribes are also considered disadvantaged because they meet the burden thresholds for at least one of the categories on the tool. When this happens, the areas appear darker on the tool’s map.",
|
||||
"defaultMessage": "Different areas of the map will have different colors because they are identified as disadvantaged in different ways. Some census tracts that contain land within the boundaries of Federally Recognized Tribes are also considered disadvantaged because they meet the burden thresholds for at least one of the categories on the tool. When this happens, the areas appear darker on the tool’s map.",
|
||||
"description": "Navigate to the FAQs page, this will be an answer, Q6_P1"
|
||||
},
|
||||
"faqs.page.answers.Q6_P2": {
|
||||
|
@ -1424,6 +1424,10 @@
|
|||
"description": "Navigate to the FAQs page, this will be an answer, Q6_P3"
|
||||
},
|
||||
"faqs.page.answers.Q6_P4": {
|
||||
"defaultMessage": ": Disadvantaged census tracts (grandfathered)",
|
||||
"description": "Navigate to the FAQs page, this will be an answer, Q6_P4"
|
||||
},
|
||||
"faqs.page.answers.Q6_P5": {
|
||||
"defaultMessage": "Any area that is highlighted is considered disadvantaged, regardless of whether it is a light shade or dark shade. The tool will show if a whole census tract is considered disadvantaged or just the parts that contain land within the boundaries of Federally Recognized Tribes.",
|
||||
"description": "Navigate to the FAQs page, this will be an answer, Q6_P4"
|
||||
},
|
||||
|
|
|
@ -262,9 +262,10 @@
|
|||
"explore.map.page.side.panel.info.para.3": " . O un simple sí o no.",
|
||||
"explore.map.page.side.panel.info.para.3.part.1": "Las comunidades desfavorecidas viven en distritos censales que experimentan cargas. Se resaltan estos distritos censales ",
|
||||
"explore.map.page.side.panel.info.para.3.part.2": " en el mapa.",
|
||||
"explore.map.page.side.panel.info.para.4": ".",
|
||||
"explore.map.page.side.panel.info.para.4.part.1": "La herramienta clasifica la mayoría de las cargas mediante el uso de percentiles ",
|
||||
"explore.map.page.side.panel.info.para.4.part.2": ". Los percentiles muestran la carga que experimenta cada distrito censal en comparación con otros distritos censales.",
|
||||
"explore.map.page.side.panel.info.para.4.part.1": "Los distritos censales identificados como desfavorecidos en la versión 1.0 de la herramienta se consideran desfavorecidas en esta versión de la herramienta. Se resaltan estos distritos censales ",
|
||||
"explore.map.page.side.panel.info.para.4.part.2": " en el mapa.",
|
||||
"explore.map.page.side.panel.info.para.5.part.1": "La herramienta clasifica la mayoría de las cargas mediante el uso de percentiles ",
|
||||
"explore.map.page.side.panel.info.para.5.part.2": ". Los percentiles muestran la carga que experimenta cada distrito censal en comparación con otros distritos censales.",
|
||||
"explore.map.page.side.panel.info.para.6.part1": "Se destacan las tierras dentro de los límites de las tribus reconocidas a nivel federal y las ubicaciones puntuales de los pueblos nativos de Alaska ",
|
||||
"explore.map.page.side.panel.info.para.6.part2": " en el mapa. Estas comunidades también se consideran desfavorecidas.",
|
||||
"explore.map.page.side.panel.is.community.of.focus": "¿Está identificada como desfavorecida?",
|
||||
|
@ -353,7 +354,7 @@
|
|||
"faqs.page.answers.Q5_P1": "Para respetar la soberanía tribal y el autogobierno y cumplir con las responsabilidades del fideicomiso federal y del tratado con las naciones tribales, las tierras dentro de los límites de las tribus reconocidas a nivel federal se resaltan como desfavorecidas en el mapa. Los pueblos nativos de Alaska se incluyen como ubicaciones puntuales que son más pequeñas que los distritos censales Los límites de los distritos censales y las tierras de las tribus reconocidas a nivel federal son diferentes.",
|
||||
"faqs.page.answers.Q5_P2": "Las tribus reconocidas a nivel federal son las reconocidas por la Oficina de Asuntos Indígenas de los Estados Unidos en el <link1>aviso anual</link1> que publica en el Registro Federal:",
|
||||
"faqs.page.answers.Q5_P2_1": "Esta decisión se tomó tras una consulta significativa y sólida con las naciones tribales. Este enfoque coincide con el <link1>Plan de acción para la consulta y coordinación con las naciones tribales del CEQ</link1>, <link3>el Memorando sobre la Consulta de las naciones tribales y fortalecimiento de las consultas entre naciones</link3>, y la <link2>Orden ejecutiva 13175 sobre Consulta y coordinación con los gobiernos de las tribus indias</link2>.",
|
||||
"faqs.page.answers.Q6_P1": "Algunos distritos censales que contienen tierras dentro de los límites de tribus reconocidas a nivel federal también se consideran desfavorecidas porque cumplen los umbrales de carga para al menos una de las categorías de la herramienta. Cuando esto ocurre, las zonas aparecen más oscuras en el mapa de la herramienta.",
|
||||
"faqs.page.answers.Q6_P1": "Las diferentes áreas del mapa tendrán diferentes colores porque se identifican como desfavorecidas de diferentes maneras. Algunos distritos censales que contienen tierras dentro de los límites de tribus reconocidas a nivel federal también se consideran desfavorecidas porque cumplen los umbrales de carga para al menos una de las categorías de la herramienta. Cuando esto ocurre, las zonas aparecen más oscuras en el mapa de la herramienta.",
|
||||
"faqs.page.answers.Q6_P2": ": Distritos censales desfavorecidos (cumple la metodología del umbral O contiene tierras de las tribus)",
|
||||
"faqs.page.answers.Q6_P3": ": Distritos censales desfavorecidos y tierras dentro de los límites de tribus reconocidas a nivel federal (cumple la metodología de umbral Y contiene tierras de las tribus)",
|
||||
"faqs.page.answers.Q6_P4": "Cualquier zona que aparezca resaltada se considera desfavorecida, independientemente de que sea un tono claro u oscuro. La herramienta mostrará si todo un distrito censal se considera desfavorecido o sólo las partes que se encuentran dentro de los límites de las tribus reconocidas a nivel federal.",
|
||||
|
|
|
@ -17,6 +17,8 @@ import * as FAQS_COPY from '../data/copy/faqs';
|
|||
import censusDotIcon from '../images/sidePanelIcons/census-tract.svg';
|
||||
// @ts-ignore
|
||||
import tribalDotIcon from '../images/sidePanelIcons/tribal-tract.svg';
|
||||
// @ts-ignore
|
||||
import grandfatheredDotIcon from '../images/sidePanelIcons/grandfathered-tract.svg';
|
||||
|
||||
interface IFAQPageProps {
|
||||
location: Location;
|
||||
|
@ -101,7 +103,13 @@ const FAQPage = ({location}: IFAQPageProps) => {
|
|||
/>
|
||||
<div style={dotStyles.p}>{FAQS_COPY.FAQ_ANSWERS.Q6_P3}</div>
|
||||
</div>
|
||||
<p>{FAQS_COPY.FAQ_ANSWERS.Q6_P4}</p>
|
||||
<div style={dotStyles}>
|
||||
<img style={dotStylesTribal} src={grandfatheredDotIcon}
|
||||
alt={intl.formatMessage(SIDE_PANEL_INIT_STATE_ICON_ALT_TEXT.DAC_CIRCLE)}
|
||||
/>
|
||||
<div style={dotStyles.p}>{FAQS_COPY.FAQ_ANSWERS.Q6_P4}</div>
|
||||
</div>
|
||||
<p>{FAQS_COPY.FAQ_ANSWERS.Q6_P5}</p>
|
||||
</>
|
||||
),
|
||||
(
|
||||
|
@ -140,8 +148,8 @@ const FAQPage = ({location}: IFAQPageProps) => {
|
|||
),
|
||||
(
|
||||
<>
|
||||
<p key={16}>{FAQS_COPY.FAQ_ANSWERS.Q16_P1}</p>
|
||||
<p key={16}>{FAQS_COPY.FAQ_ANSWERS.Q16_P2}</p>
|
||||
<p key={16-1}>{FAQS_COPY.FAQ_ANSWERS.Q16_P1}</p>
|
||||
<p key={16-2}>{FAQS_COPY.FAQ_ANSWERS.Q16_P2}</p>
|
||||
</>
|
||||
),
|
||||
(
|
||||
|
|
|
@ -672,7 +672,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
id="faq-id-5"
|
||||
>
|
||||
<p>
|
||||
Some census tracts that contain land within the boundaries of Federally Recognized Tribes are also considered disadvantaged because they meet the burden thresholds for at least one of the categories on the tool. When this happens, the areas appear darker on the tool’s map.
|
||||
Different areas of the map will have different colors because they are identified as disadvantaged in different ways. Some census tracts that contain land within the boundaries of Federally Recognized Tribes are also considered disadvantaged because they meet the burden thresholds for at least one of the categories on the tool. When this happens, the areas appear darker on the tool’s map.
|
||||
</p>
|
||||
<div
|
||||
style="display: flex;"
|
||||
|
@ -707,6 +707,23 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="display: flex;"
|
||||
>
|
||||
<img
|
||||
alt="
|
||||
a blue circle icon informing the user of what a disadvantaged community is depicted as
|
||||
"
|
||||
src="test-file-stub"
|
||||
style="align-self: baseline; padding-top: 5px;"
|
||||
/>
|
||||
<div
|
||||
style="padding-left: 2px;"
|
||||
>
|
||||
: Disadvantaged census tracts (grandfathered)
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Any area that is highlighted is considered disadvantaged, regardless of whether it is a light shade or dark shade. The tool will show if a whole census tract is considered disadvantaged or just the parts that contain land within the boundaries of Federally Recognized Tribes.
|
||||
</p>
|
||||
|
|
Loading…
Add table
Reference in a new issue