Merge pull request #103 from boldtrn/mappings_callback_function

Make it possible to pass a callback function in the mappings object

Author: boldtrn

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## v1.4.0 (XXXX)
+
+**Added**
+- Option pass a callback function in the mappings object. This can be used for path details that have many possible values. See the example mappings.js for an example.
+
 ## v1.3.3 (2020-10-21)
 
 **Added**

dist/L.Control.Heightgraph.js

@@ -4966,6 +4966,7 @@ var schemeSet3 = colors("8dd3c7ffffb3bebadafb807280b1d3fdb462b3de69fccde5d9d9d9b
         var i = void 0,
             cnt = 0;
         var usedColors = {};
+        var isMappingFunction = this._mappings !== undefined && typeof this._mappings[data[y].properties.summary] === 'function';
 
         for (i = 0; i < data[y].features.length; i++) {
           // data is redundant in every element of data which is why we collect it once
@@ -4991,8 +4992,15 @@ var schemeSet3 = colors("8dd3c7ffffb3bebadafb807280b1d3fdb462b3de69fccde5d9d9d9b
               usedColors[attributeType] = color;
             }
           } else {
-            text = this._mappings[data[y].properties.summary][attributeType].text;
-            color = this._mappings[data[y].properties.summary][attributeType].color;
+            if (isMappingFunction) {
+              var result = this._mappings[data[y].properties.summary](attributeType);
+
+              text = result.text;
+              color = result.color;
+            } else {
+              text = this._mappings[data[y].properties.summary][attributeType].text;
+              color = this._mappings[data[y].properties.summary][attributeType].color;
+            }
           }
 
           var attribute = {

dist/L.Control.Heightgraph.min.js

@@ -169,39 +169,14 @@ const colorMappings = {
             color: '#dbe3ff'
         }
     },
-    suitability: {
-        '3': {
-            text: '3/10',
-            color: '#3D3D3D'
-        },
-        '4': {
-            text: '4/10',
-            color: '#4D4D4D'
-        },
-        '5': {
-            text: '5/10',
-            color: '#5D5D5D'
-        },
-        '6': {
-            text: '6/10',
-            color: '#6D6D6D'
-        },
-        '7': {
-            text: '7/10',
-            color: '#7C7C7C'
-        },
-        '8': {
-            text: '8/10',
-            color: '#8D8D8D'
-        },
-        '9': {
-            text: '9/10',
-            color: '#9D9D9D'
-        },
-        '10': {
-            text: '10/10',
-            color: '#ADADAD'
-        }
+    suitability: function(data){
+
+        const hex = parseInt(data).toString(16).toUpperCase();
+
+        return {
+            text: `${data}/10`,
+            color: `#${hex}D${hex}D${hex}D`
+        };
     },
     conditionally_closed: {
         'true': {

example/mappings.js

@@ -353,6 +353,7 @@ import {
                 };
                 let i, cnt = 0
                 const usedColors = {}
+                const isMappingFunction = this._mappings !== undefined && typeof this._mappings[data[y].properties.summary] === 'function';
                 for (i = 0; i < data[y].features.length; i++) {
                     // data is redundant in every element of data which is why we collect it once
                     let altitude, ptA, ptB, ptDistance
@@ -372,8 +373,14 @@ import {
                             usedColors[attributeType] = color;
                         }
                     } else {
-                        text = this._mappings[data[y].properties.summary][attributeType].text;
-                        color = this._mappings[data[y].properties.summary][attributeType].color;
+                        if (isMappingFunction) {
+                            const result = this._mappings[data[y].properties.summary](attributeType);
+                            text = result.text;
+                            color = result.color;
+                        } else {
+                            text = this._mappings[data[y].properties.summary][attributeType].text;
+                            color = this._mappings[data[y].properties.summary][attributeType].color;
+                        }
                     }
                     const attribute = {
                         type: attributeType, text: text, color: color