Added Slice and Instances info in modal popup
diff --git a/gui/ngXosViews/serviceTopology/src/templates/topology_canvas.tpl.html b/gui/ngXosViews/serviceTopology/src/templates/topology_canvas.tpl.html
index e69de29..7806733 100644
--- a/gui/ngXosViews/serviceTopology/src/templates/topology_canvas.tpl.html
+++ b/gui/ngXosViews/serviceTopology/src/templates/topology_canvas.tpl.html
@@ -0,0 +1,27 @@
+<div class="service-details">
+ <div ng-show="vm.slices.length > 0" class="service-slices">
+ <div class="panel panel-info">
+ <div class="panel-heading">
+ Slices for service:
+ <h3 class="panel-title">{{vm.selectedService.name}}</h3>
+ </div>
+ <ul class="list-group">
+ <li class="list-group-item" ng-repeat="slice in vm.slices" ng-click="vm.getInstances(slice)" ng-class="{active: slice.id === vm.selectedSlice.id}">
+ {{slice.humanReadableName}}
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="service-instances" ng-show="vm.instances.length > 0">
+ <div class="panel panel-warning">
+ <div class="panel-heading">
+ Instances:
+ </div>
+ <ul class="list-group">
+ <li class="list-group-item" ng-repeat="instance in vm.instances">
+ {{instance.humanReadableName}}
+ </li>
+ </ul>
+ </div>
+ </div>
+</div>
\ No newline at end of file