[CORD-2514] Added legend for the service graph

Change-Id: I716760a7a61c13ff4d23829db4bd70c74cfc163b
diff --git a/src/app/service-graph/services/graph.config.ts b/src/app/service-graph/services/graph.config.ts
index e6ddfbd..cc316a2 100644
--- a/src/app/service-graph/services/graph.config.ts
+++ b/src/app/service-graph/services/graph.config.ts
@@ -17,6 +17,7 @@
 import * as $ from 'jquery';
 import {IXosKeyboardShortcutService} from '../../core/services/keyboard-shortcut';
 import {IXosGraphStore} from './graph.store';
+import {IXosSidePanelService} from '../../core/side-panel/side-panel.service';
 
 export interface IXosGraphConfig {
   setupKeyboardShortcuts(): void;
@@ -30,6 +31,7 @@
     '$cookies',
     '$rootScope',
     '$timeout',
+    'XosSidePanel',
     'XosKeyboardShortcut',
     'XosGraphStore'
   ];
@@ -66,6 +68,7 @@
     private $cookies: ng.cookies.ICookiesService,
     private $rootScope: ng.IRootScopeService,
     private $timeout: ng.ITimeoutService,
+    private XosSidePanel: IXosSidePanelService,
     private XosKeyboardShortcut: IXosKeyboardShortcutService,
     private XosGraphStore: IXosGraphStore
   ) {
@@ -78,6 +81,16 @@
 
     // Setup keyboard shortcuts
     this.XosKeyboardShortcut.registerKeyBinding({
+      key: 'h',
+      modifiers: ['shift'],
+      cb: () => {
+        this.XosSidePanel.toggleComponent('xosServiceGraphLegend');
+      },
+      label: 'h',
+      description: 'Toggle Graph Legend'
+    });
+
+    this.XosKeyboardShortcut.registerKeyBinding({
       key: 'f',
       modifiers: ['shift'],
       cb: () => {