Make all multiselect search and scrollable if more than 10 items are available

This commit is contained in:
Johannes Zellner
2019-11-05 19:45:59 +01:00
parent 90d242b784
commit 71f1304606
6 changed files with 12 additions and 12 deletions

View File

@@ -40,7 +40,7 @@
<label class="control-label">Groups</label>
<div class="control-label">
<div ng-show="groups.length === 0">No groups available.</div>
<multiselect ng-show="groups.length !== 0" ng-model="useradd.selectedGroups" options="group.name for group in groups" data-compare-by="name" data-multiple="true"></multiselect>
<multiselect ng-show="groups.length !== 0" ng-model="useradd.selectedGroups" options="group.name for group in groups" data-compare-by="name" data-multiple="true" filter-after-rows="5" scroll-after-rows="10"></multiselect>
</div>
</div>
@@ -133,7 +133,7 @@
<label class="control-label">Groups</label>
<div class="control-label">
<div ng-show="groups.length === 0">No groups available.</div>
<multiselect ng-show="groups.length !== 0" ng-model="useredit.selectedGroups" options="group.name for group in groups" data-compare-by="name" data-multiple="true"></multiselect>
<multiselect ng-show="groups.length !== 0" ng-model="useredit.selectedGroups" options="group.name for group in groups" data-compare-by="name" data-multiple="true" filter-after-rows="5" scroll-after-rows="10"></multiselect>
</div>
</div>
<div class="form-group" ng-hide="isMe(useredit.userInfo)">
@@ -183,7 +183,7 @@
<div class="form-group">
<label class="control-label">Users</label>
<div class="control-label">
<multiselect ng-model="groupAdd.selectedUsers" options="(user.username || user.email) for user in users" data-compare-by="email" data-multiple="true"></multiselect>
<multiselect ng-model="groupAdd.selectedUsers" options="(user.username || user.email) for user in users" data-compare-by="email" data-multiple="true" filter-after-rows="5" scroll-after-rows="10"></multiselect>
</div>
</div>
<input class="hide" type="submit" ng-disabled="groupAddForm.$invalid || groupAdd.busy"/>
@@ -213,7 +213,7 @@
<div class="form-group">
<label class="control-label">Users</label>
<div class="control-label">
<multiselect ng-model="groupEdit.selectedUsers" options="(user.username || user.email) for user in users" data-compare-by="email" data-multiple="true"></multiselect>
<multiselect ng-model="groupEdit.selectedUsers" options="(user.username || user.email) for user in users" data-compare-by="email" data-multiple="true" filter-after-rows="5" scroll-after-rows="10"></multiselect>
</div>
</div>
<input class="hide" type="submit" ng-disabled="groupEdit_form.$invalid || useredit.busy"/>