jhipster-sample-app/src/main/webapp/scripts/app/admin/user-management/user-management.html

72 lines
3.7 KiB
HTML

<div>
<div class="row">
<h2 class="col-sm-6" translate="user-management.home.title">Users</h2>
</div>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th translate="global.field.id">ID</th>
<th translate="user-management.login">Login</th>
<th translate="user-management.email">Email</th>
<th></th>
<th translate="user-management.langKey">LangKey</th>
<th translate="user-management.profiles">Profiles</th>
<th translate="user-management.createdDate">CreatedDate</th>
<th translate="user-management.lastModifiedBy">LastModifiedBy</th>
<th translate="user-management.lastModifiedDate">LastModifiedDate</th>
<th></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users track by user.id">
<td><a ui-sref="user-management-detail({login:user.login})">{{user.id}}</a></td>
<td>{{user.login}}</td>
<td>{{user.email}}</td>
<td>
<span class="label label-danger" ng-click="setActive(user, true)" ng-show="!user.activated"
translate="user-management.deactivated" style="cursor: pointer;">Desactivated</span>
<span class="label label-success" ng-click="setActive(user, false)" ng-show="user.activated"
translate="user-management.activated" style="cursor: pointer;">Activated</span>
</td>
<td>{{user.langKey}}</td>
<td>
<div ng-repeat="authority in user.authorities">
<span class="label label-info">{{ authority }}</span>
</div>
</td>
<td>{{user.createdDate | date:'dd/MM/yy HH:mm'}}</td>
<td>{{user.lastModifiedBy}}</td>
<td>{{user.lastModifiedDate | date:'dd/MM/yy HH:mm'}}</td>
<td class="text-right">
<button type="submit"
ui-sref="user-management-detail({login:user.login})"
class="btn btn-info btn-sm">
<span class="glyphicon glyphicon-eye-open"></span>
</button>
<button type="submit"
ui-sref="user-management.edit({login:user.login})"
class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-pencil"></span>
</button>
</td>
</tr>
</tbody>
</table>
<nav>
<ul class="pagination">
<li ng-show="links['first'] >= 0" ng-click="loadPage(links['first'])"><a>&lt;&lt;</a></li>
<li ng-show="page > 0" ng-click="loadPage(links['prev'] || 0)"><a>&lt;</a></li>
<li ng-show="page > 1" ng-click="loadPage(page - 2)"><a>{{page - 1}}</a></li>
<li ng-show="page > 0" ng-click="loadPage(page - 1)"><a>{{page}}</a></li>
<li class="active"><a>{{page + 1}}</a></li>
<li ng-show="page < links['last']" ng-click="loadPage(page + 1)"><a>{{page + 2}}</a></li>
<li ng-show="page < links['last'] - 1" ng-click="loadPage(page + 2)"><a>{{page + 3}}</a></li>
<li ng-show="links['next']" ng-click="loadPage(links['next'])"><a>&gt;</a></li>
<li ng-show="links['last'] > 0" ng-click="loadPage(links['last'])"><a>&gt;&gt;</a></li>
</ul>
</nav>
</div>
</div>