[CORD-814] Building nodes and links for coarse tenancy graph

Change-Id: I85769dc4c8d7f7714fa4b59f052d0073e7b32ec5
diff --git a/src/app/service-graph/components/coarse/coarse.component.html b/src/app/service-graph/components/coarse/coarse.component.html
new file mode 100644
index 0000000..75ef18b
--- /dev/null
+++ b/src/app/service-graph/components/coarse/coarse.component.html
@@ -0,0 +1,3 @@
+<h1>Coarse Tenancy Graph</h1>
+
+<pre>{{vm.graph | json}}</pre>
\ No newline at end of file
diff --git a/src/app/service-graph/components/coarse/coarse.component.ts b/src/app/service-graph/components/coarse/coarse.component.ts
new file mode 100644
index 0000000..b64e806
--- /dev/null
+++ b/src/app/service-graph/components/coarse/coarse.component.ts
@@ -0,0 +1,25 @@
+import {IXosServiceGraphStore} from '../../services/graph.store';
+import {IXosServiceGraph} from '../../interfaces';
+class XosCoarseTenancyGraphCtrl {
+
+  static $inject = ['$log', 'XosServiceGraphStore'];
+
+  public graph: IXosServiceGraph;
+
+  constructor (
+    private $log: ng.ILogService,
+    private XosServiceGraphStore: IXosServiceGraphStore
+  ) {
+
+    this.XosServiceGraphStore.getCoarse()
+      .subscribe((res) => {
+        this.graph = res;
+      });
+  }
+}
+
+export const XosCoarseTenancyGraph: angular.IComponentOptions = {
+  template: require('./coarse.component.html'),
+  controllerAs: 'vm',
+  controller: XosCoarseTenancyGraphCtrl,
+};