[CORD-2030] Subscriber dashboard

Change-Id: Ie12cc13537975fd5e5ca8628d4ad14ce4810a925
diff --git a/xos/gui/src/index.ts b/xos/gui/src/index.ts
index 85d3a34..511a69a 100644
--- a/xos/gui/src/index.ts
+++ b/xos/gui/src/index.ts
@@ -22,14 +22,41 @@
 import 'angular-ui-router';
 import 'angular-resource';
 import 'angular-cookies';
+import 'angularjs-slider';
+import '../node_modules/angularjs-slider/dist/rzslider.scss';
+
 import {RCordGraphReducer, IRCordGraphReducer} from './app/services/graph.extension';
+import {rcordSubscriberDashboard} from './app/subscriber-dashboard/subscriber-dashboard.component';
 
 angular.module('xos-rcord-gui-extension', [
     'ui.router',
-    'app'
+    'app',
+    'rzModule'
   ])
   .service('RCordGraphReducer', RCordGraphReducer)
-  .run(function($log: ng.ILogService, RCordGraphReducer: IRCordGraphReducer) {
+  .component('rcordSubscriberDashboard', rcordSubscriberDashboard)
+  .run(function($log: ng.ILogService, RCordGraphReducer: IRCordGraphReducer, XosNavigationService: any, XosRuntimeStates: any, $state: ng.ui.IStateService) {
     $log.info('[xos-rcord-graph-gui-extension] App is running');
     RCordGraphReducer.setup();
+
+    XosRuntimeStates.addState(`xos.rcord`, {
+      url: 'rcord',
+      parent: 'xos',
+      abstract: true,
+      template: '<div ui-view></div>'
+    });
+
+    XosRuntimeStates.addState(`xos.rcord.dashboard`, {
+      url: '/dashboard',
+      parent: 'xos.rcord',
+      component: 'rcordSubscriberDashboard'
+    });
+
+    window.setTimeout(() => {
+      XosNavigationService.add({
+        label: 'Dashboard',
+        state: 'xos.rcord.dashboard',
+        parent: 'xos.rcord'
+      });
+    }, 5000);
   });