dashboard: network tab in vm details

circle/dashboard/templates/dashboard/vm-detail-network.html

@@ -3,13 +3,18 @@
 
 
 Interfaces</h2>
 Interfaces</h2>
 
 
-<h3 class="list-group-item-heading"><i class="icon-globe"></i> vmnet </h3>
+{% for i in instance.interface_set.all %}
+  <h3 class="list-group-item-heading">
+    <i class="icon-{% if i.host %}globe{% else %}link{% endif %}"></i> {{ i.vlan }} 
+    {% if not i.host %}(unmanaged) <a href="#" class="btn btn-danger btn-xs">remove</a>{% endif %}
+  </h3>
+  {% if i.host %}
     <div class="row">
     <div class="row">
       <div class="col-md-5">
       <div class="col-md-5">
         <dl>
         <dl>
-        <dt>IPv4 address:</dt> <dd>10.9.8.7</dd>
-        <dt>IPv6 address:</dt> <dd> 2001:2001:2001:2001:2001:2001::</dd>
-        <dt>DNS name:</dt> <dd>550.vm.ik.bme.hu</dd>
+          <dt>IPv4 address:</dt> <dd>{{ i.host.ipv4 }}</dd>
+          <dt>IPv6 address:</dt> <dd>{{ i.host.ipv6 }}</dd>
+          <dt>DNS name:</dt> <dd>{{ i.host.get_fqdn }}</dd>
         </dl>
         </dl>
       </div>
       </div>
       <div class="col-md-7">
       <div class="col-md-7">
@@ -78,6 +83,5 @@ Interfaces</h2>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
-
-<h3 class="list-group-item-heading"><i class="icon-link"></i> grid (unmanaged) <a href="#" class="btn btn-danger btn-xs">remove</a></h3>
-<h3 class="list-group-item-heading"><i class="icon-link"></i> asdasd (unmanaged) <a href="#" class="btn btn-danger btn-xs">remove</a></h3>
+  {% endif %}
+{% endfor %}

circle/dashboard/templates/dashboard/vm-detail.html

@@ -4,7 +4,7 @@
 {% block content %}
 {% block content %}
 <div class="body-content">
 <div class="body-content">
   <div class="page-header">
   <div class="page-header">
-    <h1>{{ instance.name }} <small>{{ instance.pk }}.vm.ik.bme.hu</small></h1>
+    <h1>{{ instance.name }} <small>{{ instance.get_connect_host }}</small></h1>
   </div>
   </div>
   <div class="row">
   <div class="row">
     <div class="col-md-4" id="vm-info-pane">
     <div class="col-md-4" id="vm-info-pane">