some linting

Author: mitchellhenke

site/assets/js/details.js

@@ -1,4 +1,4 @@
-/* eslint-disable no-undef */
+ 
 const openDetailsOnLoad = function openDetailsOnLoad() {
   const target = window.location.hash;
   let qTarget = null;

site/assets/js/map.js

@@ -56,8 +56,8 @@ const CONST_LODES_JOB_SEGMENTS_LABELS = {
 };
 
 const
-  URL_TILES = `https://data.lodesmap.com/tiles`,
-  URL_LODES = `https://data.lodesmap.com/lodes`;
+  URL_TILES = "https://data.lodesmap.com/tiles",
+  URL_LODES = "https://data.lodesmap.com/lodes";
 
 const FIPS_TO_TIGER_GEO_STATE_ABBR = {
   "02": "ak",
@@ -111,7 +111,7 @@ const FIPS_TO_TIGER_GEO_STATE_ABBR = {
   "55": "wi",
   "54": "wv",
   "56": "wy"
-}
+};
 
 const
   MAP_CENTER = [-87.967, 43.064],
@@ -134,7 +134,6 @@ let validOrigin = true,
   validCountySubdivisionId= true;
 
 const getTilesUrl = function getTilesUrl({
-  year = LODES_YEAR,
   geography = LODES_GEOGRAPHY
 } = {}) {
   // We always use 2020 tiles as all years of LODES data for Version 8
@@ -151,7 +150,7 @@ const getLodesUrl = function getLodesUrl({
 } = {}) {
 
   if(state !== null) {
-    state = FIPS_TO_TIGER_GEO_STATE_ABBR[state]
+    state = FIPS_TO_TIGER_GEO_STATE_ABBR[state];
   }
 
   return `${URL_LODES}/year=${year}/geography=${geography}/origin=${origin}/` +
@@ -231,7 +230,7 @@ class ColorScale {
       option.value = opt;
 
       if(paramLabels[opt]) {
-        option.textContent = paramLabels[opt]
+        option.textContent = paramLabels[opt];
       } else {
         option.textContent = opt.split("_").
           map(word => word.charAt(0).toUpperCase() +
@@ -318,23 +317,23 @@ class ColorScale {
 
   getLabelsForGeography(geography) {
     switch (geography) {
-      case "county":
-        return ["1", "2-100", "101-1,000", "1,001-9,999", "10,000+"];
-      case "county_subdivision":
-        return ["1", "2-50", "51-150", "150-499", "500+"];
-      default:
-        return ["1", "2-10", "11-20", "21-29", "30+"];
+    case "county":
+      return ["1", "2-100", "101-1,000", "1,001-9,999", "10,000+"];
+    case "county_subdivision":
+      return ["1", "2-50", "51-150", "150-499", "500+"];
+    default:
+      return ["1", "2-10", "11-20", "21-29", "30+"];
     }
   }
 
   getThresholdsForGeography(geography) {
     switch (geography) {
-      case "county":
-        return [1, 2, 101, 1001, 10000];
-      case "county_subdivision":
-        return [1, 2, 51, 151, 500];
-      default:
-        return [1, 2, 11, 21, 30];
+    case "county":
+      return [1, 2, 101, 1001, 10000];
+    case "county_subdivision":
+      return [1, 2, 51, 151, 500];
+    default:
+      return [1, 2, 11, 21, 30];
     }
   }
 
@@ -506,8 +505,8 @@ class Map {
           },
           { hover: true }
         );
-        const displayId = feature.properties.name ? feature.properties.name : feature.properties.id
-        this.updateGeoIdDisplay(displayId, this.processor.previousResults[geographyParam][feature.properties.id]?.count)
+        const displayId = feature.properties.name ? feature.properties.name : feature.properties.id;
+        this.updateGeoIdDisplay(displayId, this.processor.previousResults[geographyParam][feature.properties.id]?.count);
       } else {
         this.map.getCanvas().style.cursor = "";
         this.geoIdDisplay.style.display = "none";
@@ -549,17 +548,18 @@ class Map {
 
       const [couSubFeature] = this.map.queryRenderedFeatures(
         feat.point,
-        { layers: [`geo_fill_county_subdivision`] }
+        { layers: ["geo_fill_county_subdivision"] }
       );
 
+
       if(couSubFeature) {
-        countySubdivisionIdParam = couSubFeature?.properties.id
+        countySubdivisionIdParam = couSubFeature?.properties.id;
         validCountySubdivisionId = validIdInput(countySubdivisionIdParam);
         setUrlParam("countySubdivisionId", countySubdivisionIdParam);
       }
 
       if(geometryFeature) {
-        this.updateSelectedFeature(geometryFeature.properties.id)
+        this.updateSelectedFeature(geometryFeature.properties.id);
       }
 
       if (geometryFeature && feature) {
@@ -573,8 +573,8 @@ class Map {
             idParam.substring(0, 2), geometryFeature.properties.id
           );
 
-          const displayId = geometryFeature.properties.name ? geometryFeature.properties.name : geometryFeature.properties.id
-          this.updateGeoIdDisplay(displayId, this.processor.previousResults[geographyParam][geometryFeature.properties.id]?.count)
+          const displayId = geometryFeature.properties.name ? geometryFeature.properties.name : geometryFeature.properties.id;
+          this.updateGeoIdDisplay(displayId, this.processor.previousResults[geographyParam][geometryFeature.properties.id]?.count);
         }
       }
     });
@@ -653,14 +653,14 @@ class Map {
     }
     // getThresholdsForGeography(geography)
     for (const geography of LODES_GEOGRAPHIES) {
-      const thresholds = this.colorScale.getThresholdsForGeography(geography)
+      const thresholds = this.colorScale.getThresholdsForGeography(geography);
       const colors = [
         "rgb(253, 231, 37)",
         "rgb(122, 209, 81)",
         "rgb(34, 168, 132)",
         "rgb(42, 120, 142)",
         "rgb(65, 68, 135)"
-      ]
+      ];
 
       const thresholds_colors = thresholds.map((k, i) => [k, colors[i]]).flat();
 
@@ -670,13 +670,13 @@ class Map {
         layout: { visibility: "none" },
         paint: {
           "fill-color": [
-            'interpolate',
-            ['linear'],
-            ['feature-state', 'geoValue'],
+            "interpolate",
+            ["linear"],
+            ["feature-state", "geoValue"],
             ...thresholds_colors
           ],
           "fill-opacity": [
-            'case',
+            "case",
             ["==", ["feature-state", "geoValue"], null], 0.0,
             0.4,
           ],
@@ -831,8 +831,8 @@ class ParquetProcessor {
   processParquetRowGroup(map, id, geography, data, results, origin) {
     data.forEach(row => {
       // w_tract, h_tract
-      const source = origin == "w_geo" ? 0 : 1
-      const destination = origin == "w_geo" ? 1 : 0
+      const source = origin == "w_geo" ? 0 : 1;
+      const destination = origin == "w_geo" ? 1 : 0;
 
       if (row[source] === id) {
         map.map.setFeatureState(
@@ -849,7 +849,7 @@ class ParquetProcessor {
   }
 
   saveResultState(map, results, geography) {
-    const filteredPreviousResults = this.previousResults[geography]
+    const filteredPreviousResults = this.previousResults[geography];
     Object.keys(results).forEach(key => delete(filteredPreviousResults[key]));
     map.wipeMapPreviousState(Object.keys(filteredPreviousResults), geography);
     this.previousResults[geography] = results;
@@ -864,7 +864,7 @@ class ParquetProcessor {
     // Get the count of files given the geography, origin, and state
     const results = await this.updateMapOnQuery(map, queryUrl, truncId, geography, job_segment, origin);
     this.saveResultState(map, results, geography);
-    map.updateSelectedFeature(truncId)
+    map.updateSelectedFeature(truncId);
     map.isProcessing = false;
     map.spinner.hide();
   }
@@ -884,7 +884,7 @@ class ParquetProcessor {
   }
 
   async updateMapOnQuery(map, url, id, geography, job_segment, origin) {
-    const urls = [url]
+    const urls = [url];
     const results = {};
     let totalGroups = 0;
 
@@ -969,17 +969,17 @@ class ParquetProcessor {
       validId = validIdInput(idParam);
       validCountySubdivisionId = validIdInput(countySubdivisionIdParam);
 
-      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId
+      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId;
 
       if (valid) {
-        const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam
+        const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam;
         await processor.runQuery(
           map, originParam, jobSegmentParam, yearParam, geographyParam,
           idParam.substring(0, 2), id
         );
 
         if(map.hoveredPolygonId[geographyParam]) {
-          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count)
+          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count);
         }
       }
     }
@@ -999,7 +999,7 @@ class ParquetProcessor {
       validId = validIdInput(idParam);
       validCountySubdivisionId = validIdInput(countySubdivisionIdParam);
 
-      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId
+      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId;
 
       if (valid) {
         const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam;
@@ -1009,7 +1009,7 @@ class ParquetProcessor {
         );
 
         if(map.hoveredPolygonId[geographyParam]) {
-          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count)
+          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count);
         }
       }
     }
@@ -1031,7 +1031,7 @@ class ParquetProcessor {
       validId = validIdInput(idParam);
       validCountySubdivisionId = validIdInput(countySubdivisionIdParam);
 
-      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId
+      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId;
 
       if (valid) {
         const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam;
@@ -1041,7 +1041,7 @@ class ParquetProcessor {
         );
 
         if(map.hoveredPolygonId[geographyParam]) {
-          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count)
+          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count);
         }
       }
     }
@@ -1061,7 +1061,7 @@ class ParquetProcessor {
       validId = validIdInput(idParam);
       validCountySubdivisionId = validIdInput(countySubdivisionIdParam);
 
-      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId
+      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId;
 
       if (valid) {
         const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam;
@@ -1071,7 +1071,7 @@ class ParquetProcessor {
         );
 
         if(map.hoveredPolygonId[geographyParam]) {
-          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count)
+          map.updateGeoIdDisplay(map.hoveredPolygonId[geographyParam], map.processor.previousResults[geographyParam][map.hoveredPolygonId[geographyParam]]?.count);
         }
       }
     }
@@ -1108,17 +1108,17 @@ class ParquetProcessor {
 
       document.getElementById("year").value = yearParam;
 
-      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId
+      const valid = geographyParam == "county_subdivision" ? countySubdivisionIdParam && validCountySubdivisionId : idParam && validId;
 
       if (valid) {
-        const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam
+        const id = geographyParam == "county_subdivision" ? countySubdivisionIdParam : idParam;
         await processor.runQuery(
           map, originParam, jobSegmentParam, yearParam, geographyParam,
           idParam.substring(0, 2), id
         );
 
-        const truncId = map.truncateId(geographyParam, id)
-        map.updateGeoIdDisplay(idParam, map.processor.previousResults[geographyParam][truncId]?.count)
+        const truncId = map.truncateId(geographyParam, id);
+        map.updateGeoIdDisplay(idParam, map.processor.previousResults[geographyParam][truncId]?.count);
       }
     }
   });