Actualización plugin stylemanager

dist/api.json

@@ -22,8 +22,8 @@
     "name": "stylemanager",
     "description": "Gestión del estilo de la simbología de las capas vectoriales del mapa",
     "text": "Plugin de Mapea para la gestión de la simbología de las capas vectoriales del mapa.",
-    "version": "2.0.5",
-    "date": "Marzo, 2021",
+    "version": "3.0.0",
+    "date": "Junio, 2020",
     "author": "",
     "org": "Consejería de Hacienda, Industria y Energía. Junta de Andalucía",
     "tags": "mapea,plugin",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "StyleManager",
-  "version": "2.0.5",
+  "version": "3.0.0",
   "description": "",
   "keywords": [
     "map",

src/api.json

@@ -22,8 +22,8 @@
     "name": "stylemanager",
     "description": "Gestión del estilo de la simbología de las capas vectoriales del mapa",
     "text": "Plugin de Mapea para la gestión de la simbología de las capas vectoriales del mapa.",
-    "version": "2.0.5",
-    "date": "Marzo, 2021",
+    "version": "3.0.0",
+    "date": "Junio, 2020",
     "author": "",
     "org": "Consejería de Hacienda, Industria y Energía. Junta de Andalucía",
     "tags": "mapea,plugin",

src/facade/js/binding/clusterbinding.js

@@ -38,6 +38,7 @@ export class ClusterBinding extends Binding {
     this.querySelectorAllForEach("[data-style-options]", element => {
       let prop = element.dataset["styleOptions"];
       let value = element.value;
+
       if (element.type === "checkbox") {
         value = element.checked;
       }
@@ -225,6 +226,7 @@ export class ClusterBinding extends Binding {
     ranges.forEach((element, index) => {
       options["pages"].push(element);
     });
+
     return options;
   }
 }

src/facade/js/binding/heatmapbinding.js

@@ -3,6 +3,9 @@ import {
 }
 from './binding';
 
+import * as htmlgradient from '../../../templates/gradientheatmap'
+import * as chroma from 'chroma-js';
+
 export class HeatmapBinding extends Binding {
   constructor(html, htmlParent, styleType, styleParams, layer) {
     super(html, htmlParent, styleType, styleParams, layer);
@@ -49,18 +52,17 @@ export class HeatmapBinding extends Binding {
   addGradientListener() {
     let parent = this.querySelector("[data-parent='gradient']");
     this.querySelector("[data-add]").addEventListener('click', () => {
-      this.compileTemplate("gradientheatmap.html", {}).then((html) => {
+      this.compileTemplate(htmlgradient, {}).then((htmlgradient) => {
         if (this.numberAddedColors_ < HeatmapBinding.MAX_NUMBER_COLORS) {
-          parent.appendChild(html);
-          this.setRandomColor(html);
-          html.querySelector('.m-close').addEventListener('click', () => {
-            let rootElement = html.parentElement;
-            rootElement.removeChild(html);
+          parent.appendChild(htmlgradient);
+          this.setRandomColor(htmlgradient);
+          htmlgradient.querySelector('.m-close').addEventListener('click', () => {
+            let rootElement = htmlgradient.parentElement;
+            rootElement.removeChild(htmlgradient);
             this.numberAddedColors_--;
           });
           this.numberAddedColors_++;
-        }
-        else {
+        } else {
           M.dialog.info("Ha llegado al número máximo de colores permitidos", "Información");
         }
       });