Update4

assets/js/barchartfilter.js

@@ -37,7 +37,7 @@ export default class BarChartFilter {
             g = parseFloat(g);
         }
         //Sort the groups
-        ga.sort(function (a, b) {
+        ga.sort(function(a, b) {
             return a.key - b.key;
         });
 
@@ -69,7 +69,7 @@ export default class BarChartFilter {
     }
 
     brush_listener(that) {
-        return function () {
+        return function() {
             const g = d3.select(this.parentNode);
             const brushRange = d3.event.selection || d3.brushSelection(this); // attempt to read brush range
             let activeRange = brushRange;
@@ -98,7 +98,7 @@ export default class BarChartFilter {
             // filter the active dimension to the range extents
 
             that.dimension.filterAll();
-            that.dimension.filterFunction(function (d) {
+            that.dimension.filterFunction(function(d) {
                 return parseFloat(d) >= extents[0] && d <= extents[1];
             });
 
@@ -123,7 +123,7 @@ export default class BarChartFilter {
     chart(div, scale) {
 
 
-        console.log(scale)
+
 
         const data_groups = this.group_for_barchart();
 
@@ -136,14 +136,14 @@ export default class BarChartFilter {
             this.y = d3.scaleLog().range([100, 0]);
 
             this.y.domain([1, d3.max(data_groups.map((g) => g.value))]);
-            console.log(this.y.domain());
+
 
         } else {
             //Log scale
             this.x = d3
                 .scaleLog()
                 .range([0, 250])
-            // .domain([this.domain[0], this.domain[1]]);
+                // .domain([this.domain[0], this.domain[1]]);
             this.y = d3.scaleLinear().range([100, 0]);
             this.y.domain(d3.extent(data_groups, d => d.value));
             this.x.domain([1, d3.max(data_groups, d => d.key)]);
@@ -421,9 +421,9 @@ export default class BarChartFilter {
 
         title_icon.src = "./assets/svg/si-glyph-" + layer.toLowerCase() + ".svg";
 
-        console.log(title_icon.src.includes("si-glyph-.svg"))
+
         if (title_icon.src.includes("si-glyph-.svg") == true) {
-            console.log("change")
+
             title_icon.src = "./assets/svg/si-glyph-links.svg";
         }
 
@@ -510,7 +510,7 @@ export default class BarChartFilter {
         document.getElementsByClassName("barchart")[0].remove();
         var container = document.getElementById("barchartContainer");
         container.appendChild(chart_div)
-        // this.filter_div.appendChild(chart_div);
+            // this.filter_div.appendChild(chart_div);
     }
 
     render_minmax_inputs() {

assets/js/controller.js

@@ -157,12 +157,9 @@ export default class Controller {
     import_nodes_preset() {
         // When a level is select, we import the value
         let level = document.querySelector('input[name="NodesImportPresetFile"]:checked').value;
-
         let dataset = document.getElementById(level).value
-
         let nodeId = document.getElementById(dataset + 'ID').value;
 
-
         // The previous inputs are needing to get the correct file.
         let nodesGeojsonPreset = './public/arabesque-datasets-presets/geom/' + level + '/' + dataset + '.geojson';
         fetch(nodesGeojsonPreset)

assets/js/olrenderer.js

@@ -1312,10 +1312,10 @@ export default class OlRenderer {
             source = new OSM();
             // url = "https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png";
         } else if (layer.name === "Humanitarian_OSM") {
-            url = "http://{a-b}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png";
+            url = "https://{a-b}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png";
             source = new XYZ({ url: url, crossOrigin: "Anonymous" });
         } else if (layer.name === "Wikimedia") {
-            url = "http://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png";
+            url = "https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png";
             source = new XYZ({ url: url, crossOrigin: "Anonymous" });
         } else if (layer.name === "Stamen_without_labels") {
             url = "https://stamen-tiles-{a-d}.a.ssl.fastly.net/terrain-background/{z}/{x}/{y}.png";

index.html

@@ -168,7 +168,6 @@ <h5 class="card-title">Saved map</h5>
         <div id="ModalNewReference"></div>
         <div id="ModalNewGeojson"></div>
         <div id="ModalSemioLayer"></div>
-
     </div>
     <link href="main.css" rel="stylesheet">
     <script src="bundle.js"></script>