Add ui components for group management

This commit is contained in:
Johannes Zellner
2016-02-10 15:15:09 +01:00
parent bd62efcff5
commit 1a3164ef32

View File

@@ -197,4 +197,45 @@
</div>
</div>
</div>
<br/>
<div>
<div class="text-left">
<h1>Groups <button class="btn btn-primary btn-outline pull-right" ng-click="showGroupAdd()"><i class="fa fa-plus"></i> New Group</button></h1>
</div>
</div>
<div class="card card-large">
<div class="grid-item-top">
<div class="row ng-hide" ng-show="!ready">
<div class="col-lg-12 text-center">
<h2><i class="fa fa-spinner fa-pulse"></i></h2>
</div>
</div>
<div class="row animateMeOpacity ng-hide" ng-show="ready">
<div class="col-lg-12">
<table class="table table-hover">
<thead>
<tr>
<th style="">Name</th>
<th style="width: 300px" class="text-right">Actions</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="group in groups">
<td class="text-overflow: ellipsis; white-space: nowrap;">
{{ group.name }}
</td>
<td class="text-right" style="vertical-align: bottom">
<button ng-show="userInfo.admin" class="btn btn-xs btn-danger" ng-click="showGroupRemove(user)" title="Remove Group"><i class="fa fa-trash-o"></i></button>
<button ng-show="userInfo.admin" class="btn btn-xs btn-default" ng-click="showGroupEdit(user)" title="Edit Group"><i class="fa fa-pencil"></i></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>