Displaying service coarse graph
Change-Id: I88e6c83421d0f9fee1f34595fb640e4987e93514
diff --git a/views/ngXosViews/serviceGrid/src/templates/service-graph.tpl.html b/views/ngXosViews/serviceGrid/src/templates/service-graph.tpl.html
index c61da91..328ea7d 100644
--- a/views/ngXosViews/serviceGrid/src/templates/service-graph.tpl.html
+++ b/views/ngXosViews/serviceGrid/src/templates/service-graph.tpl.html
@@ -1,9 +1,6 @@
<div class="row">
<div class="col-sm-10">
<h1>Graph</h1>
- <ul>
- <li>Use D3 to create a service chart based on coarse services?</li>
- </ul>
</div>
<div class="col-sm-2">
<a href="/admin/core/service/add" class="btn btn-success btn-block">
@@ -14,4 +11,30 @@
Service List
</a>
</div>
-</div>
\ No newline at end of file
+</div>
+<xos-side-panel config="vm.panelConfig" show="vm.panelShow">
+ <h1>
+ {{vm.selectedNode.name}}
+ <small>
+ <i class="glyphicon glyphicon-{{vm.selectedNode.icon}}"></i>
+ </small>
+ </h1>
+ <table class="table">
+ <tr>
+ <td>Kind:</td>
+ <td>{{vm.selectedNode.kind}}</td>
+ </tr>
+ <tr>
+ <td>Enabled:</td>
+ <td>{{vm.selectedNode.enabled}}</td>
+ </tr>
+ <tr>
+ <td>Status:</td>
+ <td>{{vm.selectedNode.backend_status}}</td>
+ </tr>
+ </table>
+ <a ng-click="vm.exportToTosca(vm.selectedNode)" class="btn btn-primary">
+ Export to TOSCA
+ <i class="glyphicon glyphicon-export"></i>
+ </a>
+</xos-side-panel>
\ No newline at end of file
diff --git a/views/ngXosViews/serviceGrid/src/templates/service-grid.tpl.html b/views/ngXosViews/serviceGrid/src/templates/service-grid.tpl.html
index 8e88e38..37402d6 100644
--- a/views/ngXosViews/serviceGrid/src/templates/service-grid.tpl.html
+++ b/views/ngXosViews/serviceGrid/src/templates/service-grid.tpl.html
@@ -7,9 +7,9 @@
<i class="glyphicon glyphicon-plus"></i>
Add Service
</a>
- <!-- <a href="#/graph" class="btn btn-default btn-block">
+ <a href="#/graph" class="btn btn-default btn-block">
Tenancy Graph
- </a> -->
+ </a>
</div>
</div>