vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

feat(super-users): paginate user tab

Browse source
This commit is contained in:
EvB 2016-12-20 13:54:31 -05:00
parent a2ac62f5ce
commit d25051a953
2 changed files with 64 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

42
static/directives/manage-users-tab.html
View file

@ -14,30 +14,40 @@
</span>
</div>
<div class="filter-box" collection="users" filter-model="search" filter-name="Users"></div>
<table class="cor-table">
<div class="co-top-bar">
<span class="co-filter-box">
<span class="page-controls" total-count="orderedUsers.entries.length" current-page="options.page" page-size="usersPerPage"></span>
<input class="form-control" type="text" ng-model="options.filter" placeholder="Filter Users..." style="margin-right: 10px;">
</span>
</div>
<table class="cor-table" ng-if="orderedUsers.entries.length && !isLoading">
<thead>
<td style="width: 24px;"></td>
<td>Username</td>
<td>E-mail address</td>
<td style="width: 24px;"></td>
<td style="width: 24px;"></td>
<td ng-class="tablePredicateClass('username', options.predicate, options.reverse)">
<a ng-click="orderBy('username')">Username</a>
</td>
<td ng-class="tablePredicateClass('email', options.predicate, options.reverse)">
<a ng-click="orderBy('email')">E-mail address</a>
</td>
<td style="width: 24px;"></td>
</thead>
<tr ng-repeat="current_user in (users | filter:search | orderBy:'username')"
<tr ng-repeat="current_user in orderedUsers.entries | slice
:(usersPerPage * options.page)
:(usersPerPage * (options.page + 1))"
class="user-row"
ng-class="current_user.enabled ? 'enabled': 'disabled'">
<td>
<span class="avatar" data="current_user.avatar" size="24"></span>
<span class="avatar" data="current_user.avatar" size="24"></span>
</td>
<td>
<span class="labels">
<span class="label label-success" ng-if="user.username == current_user.username">You</span>
<span class="label label-primary"
ng-if="current_user.super_user">Superuser</span>
<span class="label label-default"
ng-if="!current_user.enabled">Disabled</span>
</span>
<span class="labels">
<span class="label label-success" ng-if="user.username == current_user.username">You</span>
<span class="label label-primary"
ng-if="current_user.super_user">Superuser</span>
<span class="label label-default"
ng-if="!current_user.enabled">Disabled</span>
</span>
{{ current_user.username }}
</td>
<td>