change node/edge width settings to general

esnet · Dec 21, 2021 · 43d08c0 · 43d08c0
1 parent 50ecfd2
commit 43d08c0
Show file tree

Hide file tree

Showing 5 changed files with 157 additions and 123 deletions.
diff --git a/dist/module.js b/dist/module.js
diff --git a/dist/module.js.map b/dist/module.js.map
diff --git a/dist/plugin.json b/dist/plugin.json
@@ -33,7 +33,7 @@
       }
     ],
     "version": "1.0.0",
-    "updated": "2021-12-15"
+    "updated": "2021-12-21"
   },
   "dependencies": {
     "grafanaDependency": ">=7.0.0",

diff --git a/src/module.ts b/src/module.ts
@@ -35,6 +35,37 @@ plugin.setPanelOptions((builder) => {
       step: 0.5,
     },
   });
+  builder.addSliderInput({
+    path: 'nodeWidth',
+    name: 'Node Size',
+    defaultValue: 5,
+    settings: {
+      min: 1,
+      max: 15,
+      step: 0.5,
+    },
+  });
+  builder.addSliderInput({
+    path: 'edgeWidth',
+    name: 'Edge Width',
+    defaultValue: 3,
+    settings: {
+      min: 1,
+      max: 15,
+      step: 0.5,
+    },
+  });
+  builder.addSliderInput({
+    path: 'pathOffset',
+    name: 'Edge Offset',
+    description: 'The offset between AZ path and ZA path',
+    defaultValue: 3,
+    settings: {
+      min: 1,
+      max: 15,
+      step: 0.5,
+    },
+  });
 
   // -------------------- Layer Options -------------------
   builder.addBooleanSwitch({
@@ -75,43 +106,43 @@ plugin.setPanelOptions((builder) => {
     description: 'The color to highlight nodes that match the query',
     defaultValue: 'red',
   });
-  builder.addSliderInput({
-    path: 'nodeWidthL1',
-    name: 'Layer 1 Node Size',
-    category: LayersCategory,
-    showIf: layer1Bool(true),
-    defaultValue: 5,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
-  builder.addSliderInput({
-    path: 'edgeWidthL1',
-    name: 'Layer 1 Edge Width',
-    category: LayersCategory,
-    showIf: layer1Bool(true),
-    defaultValue: 3,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
-  builder.addSliderInput({
-    path: 'pathOffsetL1',
-    name: 'Layer 1 Edge Offset',
-    category: LayersCategory,
-    showIf: layer1Bool(true),
-    description: 'The offset between AZ path and ZA path',
-    defaultValue: 3,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
+  // builder.addSliderInput({
+  //   path: 'nodeWidthL1',
+  //   name: 'Layer 1 Node Size',
+  //   category: LayersCategory,
+  //   showIf: layer1Bool(true),
+  //   defaultValue: 5,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
+  // builder.addSliderInput({
+  //   path: 'edgeWidthL1',
+  //   name: 'Layer 1 Edge Width',
+  //   category: LayersCategory,
+  //   showIf: layer1Bool(true),
+  //   defaultValue: 3,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
+  // builder.addSliderInput({
+  //   path: 'pathOffsetL1',
+  //   name: 'Layer 1 Edge Offset',
+  //   category: LayersCategory,
+  //   showIf: layer1Bool(true),
+  //   description: 'The offset between AZ path and ZA path',
+  //   defaultValue: 3,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
 
   builder.addBooleanSwitch({
     path: 'layer2',
@@ -151,43 +182,43 @@ plugin.setPanelOptions((builder) => {
     showIf: layer2Bool(true),
     defaultValue: 'red',
   });
-  builder.addSliderInput({
-    path: 'nodeWidthL2',
-    name: 'Layer 2 Node Size',
-    category: LayersCategory,
-    showIf: layer2Bool(true),
-    defaultValue: 5,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
-  builder.addSliderInput({
-    path: 'edgeWidthL2',
-    name: 'Layer 2 Edge Width',
-    category: LayersCategory,
-    showIf: layer2Bool(true),
-    defaultValue: 3,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
-  builder.addSliderInput({
-    path: 'pathOffsetL2',
-    name: 'Layer 2 Edge Offset',
-    description: 'The offset between AZ path and ZA path',
-    category: LayersCategory,
-    showIf: layer2Bool(true),
-    defaultValue: 3,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
+  // builder.addSliderInput({
+  //   path: 'nodeWidthL2',
+  //   name: 'Layer 2 Node Size',
+  //   category: LayersCategory,
+  //   showIf: layer2Bool(true),
+  //   defaultValue: 5,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
+  // builder.addSliderInput({
+  //   path: 'edgeWidthL2',
+  //   name: 'Layer 2 Edge Width',
+  //   category: LayersCategory,
+  //   showIf: layer2Bool(true),
+  //   defaultValue: 3,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
+  // builder.addSliderInput({
+  //   path: 'pathOffsetL2',
+  //   name: 'Layer 2 Edge Offset',
+  //   description: 'The offset between AZ path and ZA path',
+  //   category: LayersCategory,
+  //   showIf: layer2Bool(true),
+  //   defaultValue: 3,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
 
   // Layer 3
   builder.addBooleanSwitch({
@@ -228,43 +259,43 @@ plugin.setPanelOptions((builder) => {
     showIf: layer3Bool(true),
     defaultValue: 'red',
   });
-  builder.addSliderInput({
-    path: 'nodeWidthL3',
-    name: 'Layer 3 Node Size',
-    category: LayersCategory,
-    showIf: layer3Bool(true),
-    defaultValue: 5,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
-  builder.addSliderInput({
-    path: 'edgeWidthL3',
-    name: 'Layer 3 Edge Width',
-    category: LayersCategory,
-    showIf: layer3Bool(true),
-    defaultValue: 3,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
-  builder.addSliderInput({
-    path: 'pathOffsetL3',
-    name: 'Layer 3 Edge Offset',
-    description: 'The offset between AZ path and ZA path',
-    category: LayersCategory,
-    showIf: layer2Bool(true),
-    defaultValue: 3,
-    settings: {
-      min: 1,
-      max: 15,
-      step: 0.5,
-    },
-  });
+  // builder.addSliderInput({
+  //   path: 'nodeWidthL3',
+  //   name: 'Layer 3 Node Size',
+  //   category: LayersCategory,
+  //   showIf: layer3Bool(true),
+  //   defaultValue: 5,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
+  // builder.addSliderInput({
+  //   path: 'edgeWidthL3',
+  //   name: 'Layer 3 Edge Width',
+  //   category: LayersCategory,
+  //   showIf: layer3Bool(true),
+  //   defaultValue: 3,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
+  // builder.addSliderInput({
+  //   path: 'pathOffsetL3',
+  //   name: 'Layer 3 Edge Offset',
+  //   description: 'The offset between AZ path and ZA path',
+  //   category: LayersCategory,
+  //   showIf: layer2Bool(true),
+  //   defaultValue: 3,
+  //   settings: {
+  //     min: 1,
+  //     max: 15,
+  //     step: 0.5,
+  //   },
+  // });
 
   // -------------------- Choose Fields --------------------
   builder.addSelect({

diff --git a/src/types.ts b/src/types.ts
@@ -9,29 +9,20 @@ export interface MapOptions {
   dstFieldL1: string;
   valFieldL1: string;
   endpointIdL1: string;
-  nodeWidthL1: number;
-  edgeWidthL1: number;
-  pathOffsetL1: number;
   layer2: boolean;
   mapjsonL2: string;
   nodeHighlightL2: string;
   srcFieldL2: string;
   dstFieldL2: string;
   valFieldL2: string;
   endpointIdL2: string;
-  nodeWidthL2: number;
-  edgeWidthL2: number;
-  pathOffsetL2: number;
   layer3: boolean;
   mapjsonL3: string;
   nodeHighlightL3: string;
   srcFieldL3: string;
   dstFieldL3: string;
   valFieldL3: string;
   endpointIdL3: string;
-  nodeWidthL3: number;
-  edgeWidthL3: number;
-  pathOffsetL3: number;
   startLat: number;
   startLng: number;
   startZoom: number;
@@ -42,4 +33,16 @@ export interface MapOptions {
   layerName1: string;
   layerName2: string;
   layerName3: string;
+  nodeWidth: number;
+  edgeWidth: number;
+  pathOffset: number;
+  // nodeWidthL1: number;
+  // edgeWidthL1: number;
+  // pathOffsetL1: number;
+  // nodeWidthL2: number;
+  // edgeWidthL2: number;
+  // pathOffsetL2: number;
+  // nodeWidthL3: number;
+  // edgeWidthL3: number;
+  // pathOffsetL3: number;
 }