Loading npm library.

CityOfDetroit · Apr 4, 2024 · baae1a3 · baae1a3
1 parent c2377ec
commit baae1a3
Show file tree

Hide file tree

Showing 12 changed files with 25 additions and 28 deletions.
diff --git a/build/assets/js/main.js b/build/assets/js/main.js
diff --git a/build/assets/js/main.js.map b/build/assets/js/main.js.map
diff --git a/build/assets/js/runtime.js b/build/assets/js/runtime.js
diff --git a/build/assets/js/vendors.turf.js b/build/assets/js/vendors.turf.js
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Local Services Lookup</title><meta name="description" content="D6 Business Directroy"><meta name="author" content="Edgar Montes"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5"/><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"><link href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" rel="stylesheet"/><script defer="defer" src="assets/js/runtime.js"></script><script defer="defer" src="assets/js/vendors.turf.js"></script><script defer="defer" src="assets/js/main.js"></script></head><body><d6-business-map data-map-mode="map-panel" data-language="en" data-app-state="start" data-map-state="loaded"><p class="no-wc">Please turn on javascript to use this feature. Thanks!</p></d6-business-map><script src="./build/assets/js/main.js"></script><script src="./build/assets/js/runtime.js"></script><script src="./build/assets/js/vendors.babel.js"></script><script src="./build/assets/js/vendors.maplibre-gl.js"></script><script src="index.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Local Services Lookup</title><meta name="description" content="D6 Business Directroy"><meta name="author" content="Edgar Montes"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5"/><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"><link href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" rel="stylesheet"/><script defer="defer" src="assets/js/runtime.js"></script><script defer="defer" src="assets/js/vendors.turf.js"></script><script defer="defer" src="assets/js/main.js"></script></head><body><d6-business-map data-map-mode="map-panel" data-language="en" data-active-filters="" data-app-state="start" data-map-state="loaded"><p class="no-wc">Please turn on javascript to use this feature. Thanks!</p></d6-business-map><script src="https://www.unpkg.com/[email protected]/build/assets/js/main.js"></script><script src="https://www.unpkg.com/[email protected]/build/assets/js/runtime.js"></script><script src="https://www.unpkg.com/[email protected]/build/assets/js/vendors.babel.js"></script><script src="https://www.unpkg.com/[email protected]/build/assets/js/vendors.maplibre-gl.js"></script><script src="index.js"></script></body></html>
diff --git a/public/build/assets/js/main.js b/public/build/assets/js/main.js
diff --git a/public/build/assets/js/runtime.js b/public/build/assets/js/runtime.js
diff --git a/public/build/assets/js/vendors.babel.js b/public/build/assets/js/vendors.babel.js
diff --git a/public/build/assets/js/vendors.maplibre-gl.js b/public/build/assets/js/vendors.maplibre-gl.js
diff --git a/public/build/index.html b/public/build/index.html
diff --git a/public/index.html b/public/index.html
@@ -10,14 +10,14 @@
   <link href='https://unpkg.com/[email protected]/dist/maplibre-gl.css' rel='stylesheet' />
 </head>
 <body>
-  <d6-business-map data-map-mode="map-panel" data-language="en" data-app-state="start" data-map-state="loaded">
+  <d6-business-map data-map-mode="map-panel" data-language="en" data-active-filters="" data-app-state="start" data-map-state="loaded">
     <p class="no-wc">Please turn on javascript to use this feature. Thanks!</p>
   </d6-business-map>
 
-  <script src="./build/assets/js/main.js"></script>
-  <script src="./build/assets/js/runtime.js"></script>
-  <script src="./build/assets/js/vendors.babel.js"></script>
-  <script src="./build/assets/js/vendors.maplibre-gl.js"></script>
+  <script src="https://www.unpkg.com/[email protected]/build/assets/js/main.js"></script>
+  <script src="https://www.unpkg.com/[email protected]/build/assets/js/runtime.js"></script>
+  <script src="https://www.unpkg.com/[email protected]/build/assets/js/vendors.babel.js"></script>
+  <script src="https://www.unpkg.com/[email protected]/build/assets/js/vendors.maplibre-gl.js"></script>
   <script src="index.js"></script>
 </body>
 </html>
diff --git a/src/components/D6BusinessMap.js b/src/components/D6BusinessMap.js
@@ -150,7 +150,7 @@ export default class D6BusinessMap extends HTMLElement {
 
         console.log(this.layers);
         // Create map component
-        let tempMainData = {"id":"schools","layers":[{"name":"data-points","type":"circle","radius":7,"color":"#745da8","active":true,"sort":10,"source":"data-points"}],"source":this.mainData.data,};
+        let tempMainData = {"id":"d6-business","layers":[{"name":"data-points","type":"circle","radius":7,"color":"#745da8","active":true,"sort":10,"source":"data-points"}],"source":this.mainData.data,};
         this.map = document.createElement('cod-map');
         this.map.id = 'd6-map';
         this.map.setAttribute('data-parent-component', 'd6-business-map');
@@ -223,18 +223,20 @@ export default class D6BusinessMap extends HTMLElement {
         console.log(`App - attribute: ${name}, old: ${oldValue}, new: ${newValue}`);
         switch (name) {
             case 'data-active-filters':
-                const newFilters = newValue.split(',');
-                let url= this.buildQuery(newFilters);
-                console.log(url);
-                const app = this;
-                fetch(url)
-                .then((resp) => resp.json()) // Transform the data into json
-                .then(function (data) {
-                    console.log(data);
-                    (app.map.map.getSource('data-points')) ? app.map.map.getSource('data-points').setData(data) : 0;
-                }).catch(err => {
-                // console.log(err);
-                });
+                if(oldValue !== null){
+                    const newFilters = newValue.split(',');
+                    let url= this.buildQuery(newFilters);
+                    console.log(url);
+                    const app = this;
+                    fetch(url)
+                    .then((resp) => resp.json()) // Transform the data into json
+                    .then(function (data) {
+                        console.log(data);
+                        (app.map.map.getSource('data-points')) ? app.map.map.getSource('data-points').setData(data) : 0;
+                    }).catch(err => {
+                    // console.log(err);
+                    });
+                }
                 break;
 
             case 'data-active-boundaries':
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Local Services Lookup</title><meta name="description" content="D6 Business Directroy"><meta name="author" content="Edgar Montes"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5"/><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"><link href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" rel="stylesheet"/><script defer="defer" src="assets/js/runtime.js"></script><script defer="defer" src="assets/js/vendors.turf.js"></script><script defer="defer" src="assets/js/main.js"></script></head><body><d6-business-map data-map-mode="map-panel" data-language="en" data-app-state="start" data-map-state="loaded"><p class="no-wc">Please turn on javascript to use this feature. Thanks!</p></d6-business-map><script src="./build/assets/js/main.js"></script><script src="./build/assets/js/runtime.js"></script><script src="./build/assets/js/vendors.babel.js"></script><script src="./build/assets/js/vendors.maplibre-gl.js"></script><script src="index.js"></script></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Local Services Lookup</title><meta name="description" content="D6 Business Directroy"><meta name="author" content="Edgar Montes"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5"/><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"><link href="https://unpkg.com/[email protected]/dist/maplibre-gl.css" rel="stylesheet"/><script defer="defer" src="assets/js/runtime.js"></script><script defer="defer" src="assets/js/vendors.turf.js"></script><script defer="defer" src="assets/js/main.js"></script></head><body><d6-business-map data-map-mode="map-panel" data-language="en" data-active-filters="" data-app-state="start" data-map-state="loaded"><p class="no-wc">Please turn on javascript to use this feature. Thanks!</p></d6-business-map><script src="https://www.unpkg.com/[email protected]/build/assets/js/main.js"></script><script src="https://www.unpkg.com/[email protected]/build/assets/js/runtime.js"></script><script src="https://www.unpkg.com/[email protected]/build/assets/js/vendors.babel.js"></script><script src="https://www.unpkg.com/[email protected]/build/assets/js/vendors.maplibre-gl.js"></script><script src="index.js"></script></body></html>