css loading indicator

1 files changed, 5 insertions, 2 deletions

diff --git a/src/static/main.js b/src/static/main.js
index be136a4..58052b7 100644
--- a/src/static/main.js
+++ b/src/static/main.js
@@ -12,6 +12,7 @@ var polygons =  L.featureGroup().addTo(map);
 var heatmap =  L.featureGroup().addTo(map);
 
 const CategoryField = document.getElementById('Category');
+const LoadingIndicator = document.getElementById('LoadingIndicator');
 
 const DefaultSearchValue = "supermarket";
 var Categories = []
@@ -25,11 +26,12 @@ var overlayMaps = {
 var layerControl = L.control.layers({},overlayMaps).addTo(map);
 
 function runQueryAfterLoad() {
+    LoadingIndicator.hidden = false;
     fetchAll(CategoryField.value);
 }
 
 async function fetchCategories() {
-    const response = await fetch("categories");
+    const response = await fetch("categories.json");
     try {
         categories = await response.json();
         const CategoriesDataList = document.getElementById('CategoriesDataList');
@@ -46,7 +48,7 @@ async function fetchCategories() {
 }
 
 async function fetchChains() {
-    const response = await fetch("chains");
+    const response = await fetch("chains.json");
     known_store_chains = await response.json();
     icons["Unknown"] = L.icon({
         iconUrl: 'icons/Unknown.png',
@@ -112,6 +114,7 @@ async function fetchAll(Category) {
   const response = await fetch(`all.json?Category=${Category}`)
   const shops = await response.json();
   shops.forEach((shop) => addShop(shop));
+  LoadingIndicator.hidden = true;
 }
 
 async function fetchShopHeatmap() {