Relayout userdirectory toolbar

This commit is contained in:
Johannes Zellner
2022-02-08 15:05:27 +01:00
parent 2a2b509837
commit 0cc46a8dba
2 changed files with 19 additions and 10 deletions

View File

@@ -593,10 +593,15 @@
<div class="text-left">
<h1>
{{ 'users.title' | tr }}
<button class="btn btn-primary btn-outline pull-right" ng-click="useradd.show()">
<i class="fa fa-user-plus"></i> {{ 'users.newUserAction' | tr }}
</button>
<div class="btn-group pull-right" style="margin-left: 5px;">
</h1>
</div>
<div>
<div class="users-toolbar">
<input type="text" id="userSearchInput" class="form-control" style="max-width: 350px;" ng-model="userSearchString" ng-model-options="{ debounce: 1000 }" ng-change="updateFilter()" placeholder="{{ 'main.searchPlaceholder' | tr }}"/>
<multiselect ng-model="userStateFilter" ms-header="{{ 'apps.stateFilterHeader' | tr }}" ms-selected="{{ userStateFilter }}" options="state.label for state in userStates" data-multiple="false"></multiselect>
<div style="flex-grow: 1;"></div>
<div class="btn-group">
<button class="btn btn-default" ng-click="userImport.show()" uib-tooltip="{{ 'users.userImport.tooltip' | tr }}" tooltip-append-to-body="true"><i class="fas fa-download"></i></button>
<div class="btn-group" role="group">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" uib-tooltip="{{ 'users.userExport.tooltip' | tr }}" tooltip-append-to-body="true">
@@ -608,12 +613,10 @@
</ul>
</div>
</div>
<multiselect class="pull-right" style="margin-left: 5px;" ng-model="userStateFilter" ms-header="{{ 'apps.stateFilterHeader' | tr }}" ms-selected="{{ userStateFilter }}" options="state.label for state in userStates" data-multiple="false"></multiselect>
<input type="text" id="userSearchInput" class="form-control pull-right" style="max-width: 350px;" ng-model="userSearchString" ng-model-options="{ debounce: 1000 }" ng-change="updateFilter()" placeholder="{{ 'main.searchPlaceholder' | tr }}"/>
</h1>
</div>
<div>
<button class="btn btn-primary btn-outline" ng-click="useradd.show()">
<i class="fa fa-user-plus"></i> {{ 'users.newUserAction' | tr }}
</button>
</div>
<div class="card card-large">
<div class="grid-item-top">
<div class="row ng-hide" ng-show="userRefreshBusy">