firewall_gui: show groups on host-details page

firewall_gui/static/js/project.js

@@ -153,7 +153,7 @@ function EntityController(url) {
                     return true;
                     return true;
                 }
                 }
             });
             });
-            ['vlan', 'vlangroup', 'host', 'firewall'].forEach(function(t) {
+            ['vlan', 'vlangroup', 'host', 'hostgroup', 'firewall'].forEach(function(t) {
                 $('#' + t).typeahead({
                 $('#' + t).typeahead({
                     source: function(query, process) {
                     source: function(query, process) {
                         $.ajax({
                         $.ajax({

firewall_gui/static/partials/host-edit.html

@@ -48,8 +48,6 @@
         <input type="text" class="input-xlarge" id="ipv6" ng-model="entity.ipv6" />
         <input type="text" class="input-xlarge" id="ipv6" ng-model="entity.ipv6" />
       </div>
       </div>
     </div>
     </div>
-  </div>
-  <div class="span5">
     <div class="control-group">
     <div class="control-group">
       <label class="control-label" for="owner">Owner</label>
       <label class="control-label" for="owner">Owner</label>
       <div class="controls">
       <div class="controls">
@@ -62,6 +60,8 @@
         <input type="text" data-provide="typeahead" autocomplete="off" id="vlan" ng-model="entity.vlan.name" />
         <input type="text" data-provide="typeahead" autocomplete="off" id="vlan" ng-model="entity.vlan.name" />
       </div>
       </div>
     </div>
     </div>
+  </div>
+  <div class="span5">
     <div class="control-group">
     <div class="control-group">
       <label class="control-label" for="description">Description</label>
       <label class="control-label" for="description">Description</label>
       <div class="controls">
       <div class="controls">
@@ -84,6 +84,21 @@
       </div>
       </div>
     </div>
     </div>
     <div class="control-group">
     <div class="control-group">
+      <label class="control-label" for="hostgroups">Host groups</label>
+      <div class="controls">
+        <div class="well well-small">
+          <span class="label label-info" ng-repeat="group in entity.groups">
+            <a href="#/hostgroups/{{group.id}}">{{group.name}}</a>
+            <a href><i class="icon-remove"></i></a>
+          </span>
+        </div>
+        <div class="input-append">
+          <input class="span2" id="hostgroup" type="text">
+          <button class="btn" type="button">Add</button>
+        </div>
+      </div>
+    </div>
+    <div class="control-group">
       <div class="controls">
       <div class="controls">
         <button type="submit" class="btn">Save (nem működik!)</button>
         <button type="submit" class="btn">Save (nem működik!)</button>
       </div>
       </div>