firewall_gui: add list templates

firewall_gui/static/partials/hostgroup-list.html

+<div class="navbar">
+    <div class="navbar-inner">
+        <div class="pagination pull-left">
+            <ul>
+                <li ng-click="prevPage()" ng-class="{disabled: page == 1}"><a href>Előző</a></li>
+                <li ng-repeat="_page in pages" ng-click="setPage(_page)" ng-class="{active: _page == page}">
+                <a href>{{_page}}</a>
+                </li>
+                <li ng-click="nextPage()" ng-class="{disabled: page == pages.length}"><a href>Next</a></li>
+            </ul>
+        </div>
+        <form class="navbar-search" style="margin: 20px">
+            <input type="text" class="search-query" placeholder="Search" ng-model="query">
+        </form>
+    </div>
+</div>
+<table class="table table-striped">
+    <tr>
+        <th>Név</th>
+        <th>Tulajdonos</th>
+        <th colspan="2">Leírás</th>
+    </tr>
+    <tr ng-repeat="group in getPage()">
+        <td><a href="#/hostgroups/{{group.id}}">{{group.name}}</td>
+        <td>{{group.owner.name}}</td>
+        <td style="width: 200px;">{{group.description}}</td>
+        <td>
+            <a class="btn" href="#/hostgroups/{{group.id}}/">Szekesztés</a>
+            <a class="btn btn-danger" href="#/hostgroups/{{group.id}}/delete/">Törlés</a>
+        </td>
+    </tr>
+</table>

firewall_gui/static/partials/vlan-list.html

+<div class="navbar">
+    <div class="navbar-inner">
+        <div class="pagination pull-left">
+            <ul>
+                <li ng-click="prevPage()" ng-class="{disabled: page == 1}"><a href>Előző</a></li>
+                <li ng-repeat="_page in pages" ng-click="setPage(_page)" ng-class="{active: _page == page}">
+                <a href>{{_page}}</a>
+                </li>
+                <li ng-click="nextPage()" ng-class="{disabled: page == pages.length}"><a href>Next</a></li>
+            </ul>
+        </div>
+        <form class="navbar-search" style="margin: 20px">
+            <input type="text" class="search-query" placeholder="Search" ng-model="query">
+        </form>
+    </div>
+</div>
+<table class="table table-striped">
+    <tr>
+        <th>Vid</th>
+        <th>Név</th>
+        <th>IPv4</th>
+        <th>IPv6</th>
+        <th>Leírás</th>
+        <th colspan="2">Domain</th>
+    </tr>
+    <tr ng-repeat="vlan in getPage()">
+        <td>{{vlan.vid}}</td>
+        <td><a href="#/vlans/{{vlan.id}}">{{vlan.name}}</a></td>
+        <td>{{vlan.ipv4}}</td>
+        <td>{{vlan.ipv6}}</td>
+        <td style="width: 200px;">{{vlan.description}}</td>
+        <td><a href="#/vlans/{{vlan.domain.id}}">{{vlan.domain.name}}</a></td>
+        <td>
+            <a class="btn" href="#/vlans/{{vlan.id}}/">Szekesztés</a>
+            <a class="btn btn-danger" href="#/vlans/{{vlan.id}}/delete/">Törlés</a>
+        </td>
+    </tr>
+</table>

firewall_gui/static/partials/vlangroup-list.html

+<div class="navbar">
+    <div class="navbar-inner">
+        <div class="pagination pull-left">
+            <ul>
+                <li ng-click="prevPage()" ng-class="{disabled: page == 1}"><a href>Előző</a></li>
+                <li ng-repeat="_page in pages" ng-click="setPage(_page)" ng-class="{active: _page == page}">
+                <a href>{{_page}}</a>
+                </li>
+                <li ng-click="nextPage()" ng-class="{disabled: page == pages.length}"><a href>Next</a></li>
+            </ul>
+        </div>
+        <form class="navbar-search" style="margin: 20px">
+            <input type="text" class="search-query" placeholder="Search" ng-model="query">
+        </form>
+    </div>
+</div>
+<table class="table table-striped">
+    <tr>
+        <th>Név</th>
+        <th>Vlanok</th>
+        <th>Leírás</th>
+        <th colspan="2">Tulajdonos</th>
+    </tr>
+    <tr ng-repeat="group in getPage()">
+        <td><a href="#/vlangroups/{{group.id}}">{{group.name}}</a></td>
+        <td>
+            <span ng-repeat="vlan in group.vlans">
+                <a href="#/vlans/{{vlan.id}}">{{vlan.name}}</a>
+            </span>
+        </td>
+        <td style="width: 200px;">{{group.description}}</td>
+        <td>{{group.owner.name}}</td>
+        <td>
+            <a class="btn" href="#/vlangroups/{{group.id}}/">Szekesztés</a>
+            <a class="btn btn-danger" href="#/vlangroups/{{group.id}}/delete/">Törlés</a>
+        </td>
+    </tr>
+</table>