dashboard: separate ipv4/ipv6 in vm network in case of multiple managed networks

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

@@ -11,7 +11,7 @@
 </div>
 {% for i in instance.interface_set.all %}
   <h3 class="list-group-item-heading dashboard-vm-details-network-h3">
-    <i class="icon-{% if i.host %}globe{% else %}link{% endif %}"></i> {{ i.vlan }} 
+    <i class="icon-{% if i.host %}globe{% else %}link{% endif %}"></i> {{ i.vlan.name }} 
     {% if not i.host %}(unmanaged) <a href="#" class="btn btn-danger btn-xs">remove</a>{% endif %}
   </h3>
   {% if i.host %}
@@ -31,12 +31,12 @@
       </div>
       <div class="col-md-7">
         <ul class="nav nav-pills pull-right">
-          <li class="active"><a href="#ipv4" data-toggle="pill" class="text-center">IPv4</a></li>
-          <li><a href="#ipv6" data-toggle="pill" class="text-center">IPv6</a></li>
+          <li class="active"><a href="#ipv4_{{ i.host.vlan.pk }}" data-toggle="pill" class="text-center">IPv4</a></li>
+          <li><a href="#ipv6_{{ i.host.vlan.pk }}" data-toggle="pill" class="text-center">IPv6</a></li>
         </ul>
         <h4>Port access</h4>
         <div class="tab-content" style="padding-top: 10px;">
-          <div class="tab-pane active" id="ipv4">
+          <div class="tab-pane active" id="ipv4_{{ i.host.vlan.pk }}">
             <table class="table table-striped rule-table">
               <thead>
                 <tr><th>
@@ -69,7 +69,7 @@
               </tbody>
             </table>
           </div> <!-- /ipv4 -->
-          <div class="tab-pane" id="ipv6">
+          <div class="tab-pane" id="ipv6_{{ i.host.vlan.pk }}">
             {% if i.host.ipv6 %} 
             <table class="table table-striped rule-table">
               <thead>