network: enhance host edit page

- fix some bugs
- add vlans to vlan groups
- add proto

circle/network/templates/network/columns/host-rule.html

 {% load i18n %}
 {% load l10n %}
 
-{# <span style="color: #FF0000;">[{{ record.r_type }}]</span> #}
-{% if record.direction == "1" %}
+{% if record.direction == "in" %}
   {{ record.foreign_network }}
+  [{% for v in record.foreign_network.vlans.all %}
+    {{ v.name }}{% if not forloop.last %},{% endif %}
+  {% endfor %}]
 {% else %}
   {% if record.r_type == "host" %}
     {{ record.host.get_fqdn }}
@@ -11,10 +13,10 @@
     {{ record.r_type }}
   {% endif %}
 {% endif %}
-{#<span style="color: #0000FF;"> ▸ </span>#}
 
 <i class="fa fa-arrow-right"></i>
-{% if record.direction == "0" %}
+
+{% if record.direction == "out" %}
   {{ record.foreign_network }}
 {% else %}
   {% if record.r_type == "host" %}
@@ -33,6 +35,11 @@
 
 {% if record.nat %}
   <span class="label label-success">NAT
-        [ {{ record.dport }} <i class="fa fa-arrow-right"></i>
-        {{record.nat_external_port}} ]</span>
+      [
+        {{record.nat_external_port}}
+        <i class="fa fa-arrow-right"></i>
+        {{ record.dport }}
+      ]
+      {{ record.proto|upper }}
+  </span>
 {% endif %}

circle/network/templates/network/host-edit.html

@@ -12,10 +12,10 @@
 </div>
 
 <div class="row">
-    <div class="col-sm-7">
+    <div class="col-md-6">
         {% crispy form %}
     </div>
-    <div class="col-sm-5">
+    <div class="col-md-6">
         <div class="page-header">
             <a href="{% url "network.rule_create" %}?host={{ host_pk }}" class="btn btn-success pull-right btn-xs"><i class="fa fa-plus-circle"></i> {% trans "Add new rule" %}</a>
             <h3>{% trans "Rules" %}</h3>