change to object destructuring for drawGraph() arguments

assets/js/graph.js

@@ -1,16 +1,15 @@
-async function drawGraph(
+async function drawGraph(baseUrl,isHome,pathColors,graphConfig) {
-  baseUrl,
+
-  pathColors,
+  let {
   depth,
   enableDrag,
   enableLegend,
   enableZoom,
-  isHome,
   opacityScale,
   scale,
   repelForce,
-  fontSize
+  fontSize} = graphConfig;
-) {
+
   const container = document.getElementById("graph-container")
   const { index, links, content } = await fetchData
 

data/graphConfig.yaml

@@ -5,6 +5,7 @@ enableGlobalGraph: true
 
 ### Local Graph ###
 
+localGraph:
     enableLegend: false
     enableDrag: true
     enableZoom: true
@@ -18,18 +19,19 @@ opacityScale: 3
 
 ### Global Graph ###
 
-enableLegendGG: false
+globalGraph:
-enableDragGG: true
+    enableLegend: false
-enableZoomGG: true
+    enableDrag: true
-depthGG: -1 # set to -1 to show full graph
+    enableZoom: true
-scaleGG: 1.4
+    depth: -1 # set to -1 to show full graph
-repelForceGG: 1
+    scale: 1.4
-centerForceGG: 1
+    repelForce: 1
-linkDistanceGG: 1
+    centerForce: 1
-fontSizeGG: 0.5
+    linkDistance: 1
-opacityScaleGG: 3
+    fontSize: 0.5
+    opacityScale: 3
 
-### Graphs ###
+### For all graphs ###
 
 paths:
   - /moc: "#4388cc"

layouts/partials/head.html

@@ -79,30 +79,16 @@
       if (isHome && {{$.Site.Data.graphConfig.enableGlobalGraph}}) {
         drawGraph(
           {{strings.TrimRight "/" .Site.BaseURL}},
-          {{$.Site.Data.graphConfig.paths}},
-          {{$.Site.Data.graphConfig.depthGG}},
-          {{$.Site.Data.graphConfig.enableDragGG}},
-          {{$.Site.Data.graphConfig.enableLegendGG}},
-          {{$.Site.Data.graphConfig.enableZoomGG}},
           true,
-          {{$.Site.Data.graphConfig.opacityScaleGG}},
+          {{$.Site.Data.graphConfig.paths}},
-          {{$.Site.Data.graphConfig.scaleGG}},
+          {{$.Site.Data.graphConfig.globalGraph}}
-          {{$.Site.Data.graphConfig.repelForceGG}},
-          {{$.Site.Data.graphConfig.fontSizeGG}}
         );
       } else {
         drawGraph(
           {{strings.TrimRight "/" .Site.BaseURL}},
-          {{$.Site.Data.graphConfig.paths}},
-          {{$.Site.Data.graphConfig.depth}},
-          {{$.Site.Data.graphConfig.enableDrag}},
-          {{$.Site.Data.graphConfig.enableLegend}},
-          {{$.Site.Data.graphConfig.enableZoom}},
           false,
-          {{$.Site.Data.graphConfig.opacityScale}},
+          {{$.Site.Data.graphConfig.paths}},
-          {{$.Site.Data.graphConfig.scale}},
+          {{$.Site.Data.graphConfig.localGraph}}
-          {{$.Site.Data.graphConfig.repelForce}},
-          {{$.Site.Data.graphConfig.fontSize}}
         );
       }