Wv 2749 locate ddv imagery (#4614)

* first pass at imagery search * lint fixes * add ImagerySearch to other layers * lint fixes * look for imagery closest to selected date * lint fix * sort dates and ensure closest img dates shown * tweak styles * remove true color presets * CR changes * lint fixes * css fix * lazy-load list for imagery dates * lint fixes * load dates seperately * remove old method * iteration on date lazy loading * remove trailing spaces * underzoom zot * imagery search enhancements * Zots and alerts * lint fixes * "destroy is not a function" fix * make zot lighter * resolve e2e zot test * modal * spacing fixes * tweak granule params * validate entries * zero out datetime * data to imagery * text changes * requested changes * shorten notices and enable opera layer * change how we get the concept id * style adjustments * update notice on date change * differentiate lazy-load list * remove notice after being dismissed once * only check visible layers * add divider * lint fix * Zoom alert modal * son't show granule alert if zoom alert is showing * clamp max extent and improved error handling * lint fixes * check for granules on visibility change * fix underzoom issue * structure changes
nasa-gibs · Tomcariello · Dec 19, 2023 · Dec 8, 2023 · Dec 8, 2023 · Dec 11, 2023
commit 8e21d625475fcfd62da933067933bef730a43406
diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_Customizable_Landsat.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_Customizable_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_Customizable_Landsat": {
  "id": "HLS_Customizable_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "HLS Customizable Landsat 8 & 9 *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_Customizable_Landsat",
@@ -20,6 +22,7 @@
  },
  "disableSnapshot": true,
  "wrapX": false,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_Customizable_Sentinel.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_Customizable_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_Customizable_Sentinel": {
  "id": "HLS_Customizable_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "HLS Customizable Sentinel 2A & 2B *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_Customizable_Sentinel",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Landsat.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_False_Color_Landsat": {
  "id": "HLS_False_Color_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Reflectance (Color Infrared, Bands 5-4-3) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_False_Color_Landsat",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Sentinel.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_False_Color_Sentinel": {
  "id": "HLS_False_Color_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Reflectance (Color Infrared, Bands 8-4-3) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_False_Color_Sentinel",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...default/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Urban_Landsat.json b/...default/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Urban_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_False_Color_Urban_Landsat": {
  "id": "HLS_False_Color_Urban_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Reflectance (Urban False Color, Bands 7-6-4) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_False_Color_Urban_Landsat",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...efault/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Urban_Sentinel.json b/...efault/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Urban_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_False_Color_Urban_Sentinel": {
  "id": "HLS_False_Color_Urban_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Reflectance (Urban False Color, Bands 12-11-4) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_False_Color_Urban_Sentinel",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...lt/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Vegetation_Landsat.json b/...lt/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Vegetation_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_False_Color_Vegetation_Landsat": {
  "id": "HLS_False_Color_Vegetation_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Reflectance (Vegetative Analysis False Color, Bands 6-5-4) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_False_Color_Vegetation_Landsat",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...t/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Vegetation_Sentinel.json b/...t/common/config/wv.json/layers/multi-mission/hls/HLS_False_Color_Vegetation_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_False_Color_Vegetation_Sentinel": {
  "id": "HLS_False_Color_Vegetation_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Reflectance (Vegetative Analysis False Color, Bands 11-8A-4) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_False_Color_Vegetation_Sentinel",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...mmon/config/wv.json/layers/multi-mission/hls/HLS_L30_Nadir_BRDF_Adjusted_Reflectance.json b/...mmon/config/wv.json/layers/multi-mission/hls/HLS_L30_Nadir_BRDF_Adjusted_Reflectance.json
@@ -2,6 +2,7 @@
  "layers": {
  "HLS_L30_Nadir_BRDF_Adjusted_Reflectance": {
  "id": "HLS_L30_Nadir_BRDF_Adjusted_Reflectance",
+ "enableCMRDataFinder": true,
  "description": "multi-mission/hls/HLS_L30_Nadir_BRDF_Adjusted_Reflectance",
  "tags": "corrected surface landsat oli sentinel msi s30",
  "group": "overlays",

diff --git a/...ig/default/common/config/wv.json/layers/multi-mission/hls/HLS_Moisture_Index_Landsat.json b/...ig/default/common/config/wv.json/layers/multi-mission/hls/HLS_Moisture_Index_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_Moisture_Index_Landsat": {
  "id": "HLS_Moisture_Index_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Moisture Index (NDMI) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_Moisture_Index_Landsat",
@@ -20,6 +22,7 @@
  "colormap_name": "jet_r"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/...g/default/common/config/wv.json/layers/multi-mission/hls/HLS_Moisture_Index_Sentinel.json b/...g/default/common/config/wv.json/layers/multi-mission/hls/HLS_Moisture_Index_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_Moisture_Index_Sentinel": {
  "id": "HLS_Moisture_Index_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Moisture Index (NDMI) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_Moisture_Index_Sentinel",
@@ -20,6 +22,7 @@
  "colormap_name": "jet_r"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDSI_Landsat.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDSI_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_NDSI_Landsat": {
  "id": "HLS_NDSI_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Snow Index (NDSI) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_NDSI_Landsat",
@@ -20,6 +22,7 @@
  "colormap_name": "winter_r"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDSI_Sentinel.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDSI_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_NDSI_Sentinel": {
  "id": "HLS_NDSI_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Snow Index (NDSI) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_NDSI_Sentinel",
@@ -20,6 +22,7 @@
  "colormap_name": "winter_r"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDVI_Landsat.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDVI_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_NDVI_Landsat": {
  "id": "HLS_NDVI_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Vegetation Index (NDVI) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_NDVI_Landsat",
@@ -20,6 +22,7 @@
  "colormap_name": "greens"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDVI_Sentinel.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDVI_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_NDVI_Sentinel": {
  "id": "HLS_NDVI_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Vegetation Index (NDVI) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_NDVI_Sentinel",
@@ -20,6 +22,7 @@
  "colormap_name": "greens"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDWI_Landsat.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDWI_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_NDWI_Landsat": {
  "id": "HLS_NDWI_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Water Index (NDWI) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_NDWI_Landsat",
@@ -20,6 +22,7 @@
  "colormap_name": "gnbu"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDWI_Sentinel.json b/config/default/common/config/wv.json/layers/multi-mission/hls/HLS_NDWI_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_NDWI_Sentinel": {
  "id": "HLS_NDWI_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Water Index (NDWI) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_NDWI_Sentinel",
@@ -20,6 +22,7 @@
  "colormap_name": "gnbu"
  },
  "disableSnapshot": true,
+ "minZoom": 7,
  "wrapX": false,
  "projections": {
  "geographic": {

diff --git a/...mmon/config/wv.json/layers/multi-mission/hls/HLS_S30_Nadir_BRDF_Adjusted_Reflectance.json b/...mmon/config/wv.json/layers/multi-mission/hls/HLS_S30_Nadir_BRDF_Adjusted_Reflectance.json
@@ -2,6 +2,7 @@
  "layers": {
  "HLS_S30_Nadir_BRDF_Adjusted_Reflectance": {
  "id": "HLS_S30_Nadir_BRDF_Adjusted_Reflectance",
+ "enableCMRDataFinder": true,
  "description": "multi-mission/hls/HLS_S30_Nadir_BRDF_Adjusted_Reflectance",
  "tags": "corrected surface landsat oli sentinel msi s30",
  "group": "overlays",

diff --git a/...efault/common/config/wv.json/layers/multi-mission/hls/HLS_Shortwave_Infrared_Landsat.json b/...efault/common/config/wv.json/layers/multi-mission/hls/HLS_Shortwave_Infrared_Landsat.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_Shortwave_Infrared_Landsat": {
  "id": "HLS_Shortwave_Infrared_Landsat",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957657-LPCLOUD",
  "title": "Reflectance (Shortwave Infrared, Bands 7-5-4) *BETA*",
  "subtitle": "Landsat 8 & 9 / OLI",
  "description": "multi-mission/hls/HLS_Shortwave_Infrared_Landsat",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...fault/common/config/wv.json/layers/multi-mission/hls/HLS_Shortwave_Infrared_Sentinel.json b/...fault/common/config/wv.json/layers/multi-mission/hls/HLS_Shortwave_Infrared_Sentinel.json
@@ -2,6 +2,8 @@
  "layers": {
  "HLS_Shortwave_Infrared_Sentinel": {
  "id": "HLS_Shortwave_Infrared_Sentinel",
+ "enableCMRDataFinder": true,
+ "collectionConceptID": "C2021957295-LPCLOUD",
  "title": "Reflectance (Shortwave Infrared, Bands 12-8A-4) *BETA*",
  "subtitle": "Sentinel 2A & 2B / MSI",
  "description": "multi-mission/hls/HLS_Shortwave_Infrared_Sentinel",
@@ -20,6 +22,7 @@
  },
  "wrapX": false,
  "disableSnapshot": true,
+ "minZoom": 7,
  "projections": {
  "geographic": {
  "source": "DDV",

diff --git a/...son/layers/multi-mission/opera/OPERA_L3_Dynamic_Surface_Water_Extent-HLS_Provisional.json b/...son/layers/multi-mission/opera/OPERA_L3_Dynamic_Surface_Water_Extent-HLS_Provisional.json
@@ -2,6 +2,7 @@
  "layers": {
  "OPERA_L3_Dynamic_Surface_Water_Extent-HLS_Provisional": {
  "id": "OPERA_L3_Dynamic_Surface_Water_Extent-HLS_Provisional",
+ "enableCMRDataFinder": true,
  "description": "multi-mission/opera/OPERA_L3_Dynamic_Surface_Water_Extent-HLS_Provisional",
  "tags": "podaac PO.DAAC DSWx flood",
  "group": "overlays",

diff --git a/web/js/components/feature-alert/granuleAlertModal.js b/web/js/components/feature-alert/granuleAlertModal.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Container, Row, Col } from 'reactstrap';
+
+function GranuleAlertModalBody() {
+ return (
+ <Container className="event-alert-modal-body">
+ <Row className="p-2">
+ <Col>
+ <h2>
+ Why can&apos;t I see the imagery for this layer?
+ </h2>
+ </Col>
+ </Row>
+
+ <Row className="p-3">
+ <Col>
+ <p>
+ Certain imagery visualization layers have narrower and smaller footprints so there isn&apos;t imagery to view at every location across the globe. Some imagery layers also have lower temporal revisit periods meaning there won&apos;t be daily imagery for a specific location on earth. Click on “View Options” in the layer list to access a date picker to locate imagery for your desired location.
+ </p>
+ </Col>
+ </Row>
+ </Container>
+ );
+}
+
+export default GranuleAlertModalBody;
diff --git a/web/js/components/feature-alert/zoomAlertModal.js b/web/js/components/feature-alert/zoomAlertModal.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Container, Row, Col } from 'reactstrap';
+
+function ZoomAlertModalBody() {
+ return (
+ <Container className="event-alert-modal-body">
+ <Row className="p-2">
+ <Col>
+ <h2>
+ Why can&apos;t I see the imagery at this zoom level?
+ </h2>
+ </Col>
+ </Row>
+
+ <Row className="p-3">
+ <Col>
+ <p>
+ Imagery for certain layers is dynamically generated and only available when zoomed in. Please zoom in to view this product.
+ </p>
+ </Col>
+ </Row>
+ </Container>
+ );
+}
+
+export default ZoomAlertModalBody;