<div class="row">
  <div class="col-sm-10">
    <h1>Graph</h1>
  </div>
  <div class="col-sm-2">
    <a href="/admin/core/service/add" class="btn btn-success btn-block">
      <i class="glyphicon glyphicon-plus"></i>
      Add Service
    </a>
    <a href="#/" class="btn btn-default btn-block">
      Service List
    </a>
  </div>
</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>