#107 added parse config to data.view .config save

in order to create more readable data.view json configs for loading and display

Author: RandomFractals

data/json/cars.config

@@ -1,12 +1,38 @@
 {
   "config": {
-    "aggregates": "{\"Name\":\"count\",\"Origin\":\"count\",\"Year\":\"count\",\"Acceleration\":\"sum\",\"Cylinders\":\"sum\",\"Displacement\":\"sum\",\"Horsepower\":\"sum\",\"Miles_per_Gallon\":\"sum\",\"Weight_in_lbs\":\"sum\"}",
-    "column-pivots": "[]",
-    "columns": "[\"Acceleration\",\"Cylinders\",\"Displacement\",\"Horsepower\",\"Miles_per_Gallon\",\"Name\",\"Origin\",\"Weight_in_lbs\",\"Year\"]",
-    "filters": "[]",
-    "row-pivots": "[]",
+    "aggregates": {
+      "Acceleration": "sum",
+      "Cylinders": "sum",
+      "Displacement": "sum",
+      "Horsepower": "sum",
+      "Miles_per_Gallon": "sum",
+      "Name": "count",
+      "Origin": "count",
+      "Weight_in_lbs": "sum",
+      "Year": "count"
+    },
+    "column-pivots": [],
+    "columns": [
+      "Acceleration",
+      "Cylinders",
+      "Displacement",
+      "Horsepower",
+      "Miles_per_Gallon",
+      "Name",
+      "Origin",
+      "Weight_in_lbs",
+      "Year"
+    ],
+    "filters": [],
+    "plugin": "hypergrid",
+    "row-pivots": [],
     "settings": "true",
-    "sort": "[[\"Horsepower\",\"desc\"]]",
+    "sort": [
+      [
+        "Horsepower",
+        "desc"
+      ]
+    ],
     "view": "hypergrid"
   },
   "dataFileName": "cars.json",

templates/data.view.html

@@ -565,7 +565,7 @@
             const data = {
               dataFileName: dataFileName,
               dataTable: dataTable,
-              config: viewConfig
+              config: parseConfig(viewConfig)
             };
             if (dataUrl.startsWith('http')) {
               // append remote data url
@@ -597,6 +597,29 @@
         }
       } // end of saveData()
 
+      /**
+       * Parses data view config by converting config string properties 
+       * to arrays and objects for the data viewer web component attributes.
+       * @param viewConfig View config object to parse.
+       */
+      function parseConfig(viewConfig) {
+        // set new view config plugin attribute
+        viewConfig['plugin'] = viewConfig['view'];
+        // create clean view config instance
+        const config = {};
+        Object.keys(viewConfig).forEach(key => {
+          config[key] = viewConfig[key];
+          if (typeof viewConfig[key] === 'string') {
+            const attribute = String(viewConfig[key]);
+            if (attribute.startsWith('{') || attribute.startsWith('[')) {
+              // parse config object or array
+              config[key] = JSON.parse(attribute);
+            }
+          }
+        });
+        return config;
+      }
+
       /**
        * Posts binary Arrow data for saving.
        * @param arrayBuffer Arrow data ArrayBuffer to save.