front-backoffice/luticate/views/users.html

<!-- Page Content -->
<div class="container">
    <div class="row col-sm-8 col-sm-offset-2" lu-busy="userList">
        <table class="col-sm-12 table table-hover">
            <thead>
                <tr>
                    <th class="col-sm-3">
                        <input type="checkbox" ng-click="toggleSelectAll()"
                               ng-checked="selectedUsers.length == users.Data.length && users.Data.length != 0">
                        Username
                    </th>
                    <th class="col-sm-3">Email</th>
                    <th class="col-sm-3">Firstname</th>
                    <th class="col-sm-3">Lastname</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="user in users.Data" style="cursor: pointer" ng-click="displayUser(user)">
                    <td><input name="selectedUsers[]" type="checkbox" ng-checked="selectedUsers.indexOf(user.Id) > -1"
                               ng-click="$event.stopPropagation();toggleSelectedUser(user.Id)" >&nbsp;{{ user.Username }}</td>
                    <td>{{ user.Email }}</td>
                    <td>{{ user.Firstname }}</td>
                    <td>{{ user.Lastname }}</td>
                </tr>
            </tbody>
        </table>

        <div class="col-sm-12 text-center">
            <a class="{{ p == page ? 'pagination-current' : 'pagination-not-current'}}" href="" ng-repeat="p in pages" ng-click="loadPage(p)">{{ p + 1 }}&nbsp;</a>
        </div>

        <div class="col-sm-12">
            <button class="btn btn-default" type="button" ng-click="removeUsers()" ng-disabled="selectedUsers.length == 0">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Remove
            </button>
            <button class="btn btn-default" type="button" ng-click="addUser()">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add
            </button>
        </div>
    </div>
</div>