Added default color for route edges

Author: CoderAllan

package.json

@@ -372,6 +372,11 @@
           "default": "#0288d1",
           "description": "The default color of the edges representing components using other components."
         },
+        "angularTools.edges.routeEdgeColor": {
+          "type": "string",
+          "default": "#FF8C00",
+          "description": "The default color of the edges representing routes."
+        },
         "angularTools.packageJsonMarkdownFilename": {
           "type": "string",
           "default": "ReadMe-PackagesJson.md",

src/config.ts

@@ -25,19 +25,19 @@ export class Config {
   public get dgmlGraphLayout(): string { return this.getSetting<string>('dgmlGraph.graphLayout', 'Sugiyama'); }
   public get dgmlGraphDirection(): string { return this.getSetting<string>('dgmlGraph.graphDirection', 'LeftToRight'); }
   public readonly dgmlZoomLevel = '-1';
-  
+
   // DependencyInjectionGraph
   public get dependencyInjectionPngFilename(): string { return this.getSetting<string>('dependencyInjectionGraph.pngGraphFilename', 'DependencyInjectionGraph.png'); }
   public get dependencyInjectionDgmlGraphFilename(): string { return this.getSetting<string>('dependencyInjectionGraph.dgmlGraphFilename', 'DependencyInjectionGraph.dgml'); }
   public get dependencyInjectionDotGraphFilename(): string { return this.getSetting<string>('dependencyInjectionGraph.dotGraphFilename', 'DependencyInjectionGraph.dot'); }
   public get dependencyInjectionEdgeArrowToType(): string { return this.getSetting<string>('dependencyInjectionGraph.edgeArrowToType', 'triangle'); }
-  
+
   // ShowComponentHierarchy
   public get componentHierarchyPngFilename(): string { return this.getSetting<string>('showComponentHierarchy.componentHierarchyPngFilename', 'ComponentHierarchy.png'); }
   public get componentHierarchyDgmlGraphFilename(): string { return this.getSetting<string>('showComponentHierarchy.componentHierarchyDgmlGraphFilename', 'ComponentHierarchy.dgml'); }
   public get componentHierarchyDotGraphFilename(): string { return this.getSetting<string>('showComponentHierarchy.componentHierarchyDotGraphFilename', 'ComponentHierarchy.dot'); }
   public get componentHierarchyEdgeArrowToType(): string { return this.getSetting<string>('showComponentHierarchy.edgeArrowToType', 'triangle'); }
-  
+
   // ShowModuleHierarchy
   public get moduleHierarchyPngFilename(): string { return this.getSetting<string>('showModuleHierarchy.moduleHierarchyPngFilename', 'ModuleHierarchy.png'); }
   public get moduleHierarchyDgmlGraphFilename(): string { return this.getSetting<string>('showModuleHierarchy.moduleHierarchyDgmlGraphFilename', 'ModuleHierarchy.dgml'); }
@@ -49,27 +49,28 @@ export class Config {
   public get graphSelectionGuidelineWidth(): number { return this.getSetting<number>('graphSelection.graphSelectionGuidelineWidth', 1); }
   public get graphSelectionColor(): string { return this.getSetting<string>('graphSelection.graphSelectionColor', '#e53935'); }
   public get graphSelectionWidth(): number { return this.getSetting<number>('graphSelection.graphSelectionWidth', 2); }
-  
+
   // GraphNodes
   public get rootNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.rootNodeBackgroundColor', '#3abc3f'); }
   public get rootNodeShape(): string { return this.getSetting<string>('graphNodes.rootNodeShape', 'box'); }
-  public get componentNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.componentNodeBackgroundColor', '#0288d1');}
+  public get componentNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.componentNodeBackgroundColor', '#0288d1'); }
   public get componentNodeShape(): string { return this.getSetting<string>('graphNodes.componentNodeShape', 'box'); }
-  public get moduleNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.moduleNodeBackgroundColor', '#e53935');}
+  public get moduleNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.moduleNodeBackgroundColor', '#e53935'); }
   public get moduleNodeShape(): string { return this.getSetting<string>('graphNodes.moduleNodeShape', 'box'); }
-  public get pipeNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.pipeNodeBackgroundColor', '#00897b');}
+  public get pipeNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.pipeNodeBackgroundColor', '#00897b'); }
   public get pipeNodeShape(): string { return this.getSetting<string>('graphNodes.pipeNodeShape', 'box'); }
-  public get directiveNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.directiveNodeBackgroundColor', '#ffc107');}
+  public get directiveNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.directiveNodeBackgroundColor', '#ffc107'); }
   public get directiveNodeShape(): string { return this.getSetting<string>('graphNodes.directiveNodeShape', 'box'); }
   public get injectableNodeBackgroundColor(): string { return this.getSetting<string>('graphNodes.injectableNodeBackgroundColor', '#97c2fc'); }
   public get injectableNodeShape(): string { return this.getSetting<string>('graphNodes.injectableNodeShape', 'box'); }
   public get maximumNodeLabelLength(): number { return this.getSetting<number>('graphNodes.maximumNodeLabelLength', -1); }
-  
+
   // Edges
   public get importEdgeColor(): string { return this.getSetting<string>('edges.importEdgeColor', '#43a047'); }
   public get exportEdgeColor(): string { return this.getSetting<string>('edges.exportEdgeColor', '#0288d1'); }
   public get injectableEdgeColor(): string { return this.getSetting<string>('edges.exportEdgeColor', '#0288d1'); }
   public get usesEdgeColor(): string { return this.getSetting<string>('edges.exportEdgeColor', '#0288d1'); }
+  public get routeEdgeColor(): string { return this.getSetting<string>('edges.routeEdgeColor', '#0288d1'); }
 
   // Popups
   public get showPopupsOverNodesAndEdges(): boolean { return this.getSetting<boolean>('showPopupsOverNodesAndEdges', true); }
@@ -84,5 +85,5 @@ export class Config {
   public get componentHierarchyMarkdownFilename(): string { return this.getSetting<string>('componentHierarchyMarkdownFilename', 'ComponentHierarchy.md'); }
 
   // ModulesMarkdown
-  public get modulesToMarkdownFilename(): string {return this.getSetting<string>('modulesToMarkdownFilename', 'Modules.md'); }
+  public get modulesToMarkdownFilename(): string { return this.getSetting<string>('modulesToMarkdownFilename', 'Modules.md'); }
 }

src/model/Edge.ts

@@ -42,6 +42,9 @@ export class Edge {
         case ArrowType.uses:
           jsStringProperties.push(`title: "${this.source} uses ${this.target}"`);
           break;
+        case ArrowType.route:
+          jsStringProperties.push(`title: "${this.source} routes to ${this.target}"`);
+          break;
         default:
           break;
       }
@@ -80,6 +83,9 @@ export class Edge {
       case ArrowType.uses:
         edgeTypeColor = this.config.usesEdgeColor;
         break;
+      case ArrowType.route:
+        edgeTypeColor = this.config.routeEdgeColor;
+        break;
       default:
         edgeTypeColor = '';
         break;