cleaned up code to speed it up

Author: YasserDbeis

maps/templates/maps/index.html

@@ -180,8 +180,8 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
 
 var images =  JSON.parse('{{ images | escapejs }}');
 
-console.log(images);
-console.log(images[0].link);
+// console.log(images);
+// console.log(images[0].link);
 for(i = 0; i < 20; i++) {
   console.log(images[i].link);
   var elemAdd = document.createElement("DIV");
@@ -192,7 +192,7 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
   elemImg.width = "500";
   elemAdd.className = "carousel-cell";
   elemAdd.appendChild(elemImg);
-  console.log(elemAdd.innerHTML);
+  // console.log(elemAdd.innerHTML);
   document.getElementById("main-carousel").appendChild(elemAdd);
 }
 
@@ -227,13 +227,13 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
   Object.assign(linksDict, linksList[i]);
 }
 
-console.log(linksDict);
+// console.log(linksDict);
 
 
 
 var countryList = JSON.parse('{{ countries | escapejs }}')
 countries = countryList;
-console.log(Object.values(countries));
+// console.log(Object.values(countries));
 
 var listOfCountries = [];
 var listOfCountriesPops = [];
@@ -245,7 +245,7 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
 
 var subregionsList = JSON.parse('{{ subregions | escapejs }}')
 subregions = subregionsList;
-console.log(subregions);
+// console.log(subregions);
 
 var listOfSubRegions = [];
 var listOfSubRegionsPops = [];
@@ -256,7 +256,7 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
 
 var regionsList = JSON.parse('{{ regions | escapejs }}')
 regions = regionsList;
-console.log(regions);
+// console.log(regions);
 
 var listOfRegions = [];
 var listOfRegionsPops = [];
@@ -277,7 +277,7 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
   center: [-41.6691,42.6109]
 });
 var geojson =  JSON.parse('{{ geo_json_string | escapejs }}')
-console.log(geojson)
+// console.log(geojson)
 map.on("load", function () {
 var layers = ['0-100', '100-1,000', '1,000-10,000', '10,000-100,000', '100,000-250,000', '250,000-500,000', '500,000-1,000,000', '1,000,000-2,500,000', '2,500,000-5,000,000', '5,000,000+'];
 var colors = ['#ffffff', '#decece', '#debaba', '#e5a9a9', '#ed9191', '#f27878', '#f65a5a', '#f55151', '#ff0505', '#9e0000'];
@@ -333,7 +333,7 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
             var reference = e.features[0].properties.reference;
 
 
-            console.log(reference)
+            // console.log(reference)
             // Ensure that if the map is zoomed out such that multiple
             // copies of the feature are visible, the popup appears
             // over the copy being pointed to.
@@ -377,9 +377,9 @@ <h1 style="text-align: center; font-size: 45px; color: #6B6B6B; margin: 2%;">Ded
 
 <script>
 
-  for(const item of Object.values(regions)) {
-    console.log(item.population);
-  }
+  // for(const item of Object.values(regions)) {
+  //   console.log(item.population);
+  // }
 
   regionsIter = Object.entries(regions);
 var ctx = document.getElementById('regions').getContext('2d');