<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> <a style="margin-top: 19px" href="#/vlans/new" class="btn">New vlan</a> </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}}/">Szerkesztés</a> <a class="btn btn-danger" href="#/vlans/{{vlan.id}}/delete/">Törlés</a> </td> </tr> </table>