vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Make multiselect dropdown faster and nicer for large lists

Browse source
This commit is contained in:
Joseph Schorr 2015-06-24 16:48:05 -04:00
parent e7915baf8c
commit 9e785ab019
2 changed files with 18 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

9
static/directives/multiselect-dropdown.html
View file

@ -11,13 +11,20 @@
<input type="search" class="form-control" ng-model="filter" placeholder="{{ itemName }} filter...">
</li>
<li role="presentation" class="divider"></li>
<li ng-repeat="item in items | filter:filter">
<li ng-repeat="item in items | filter:filter | limitTo:10">
<a class="menu-item" href="javascript:void(0)" ng-click="toggleItem(item)">
<span class="co-checkable-item" ng-class="isChecked(selectedItems, item) ? 'checked': 'not-checked'">
</span>
<span class="menu-item-template" ng-transcope></span>
</a>
</li>
<li role="presentation" ng-if="(items | filter:filter | limitTo:11).length == 11">
<div class="empty" style="margin-top: 10px;">
<div class="empty-secondary-msg">
+ {{ (items | filter:filter).length - 10 }} additional
</div>
</div>
</li>
<li role="presentation" ng-if="(items | filter:filter).length == 0">
<div class="empty">
<div class="empty-primary-msg">No matching {{ itemName }}s found</div>