salix/client/core/src/drop-down/drop-down.html

22 lines
1.1 KiB
HTML
Raw Normal View History

2017-09-20 11:52:53 +00:00
<vn-vertical class="dropdown-body" ng-show="$ctrl.show">
<vn-one ng-show="$ctrl.filter" class="filter">
<vn-horizontal>
2017-09-14 11:40:55 +00:00
<input vn-one placeholder="{{'Search' | translate}}" type="text" ng-model="$ctrl.search"/>
<vn-icon vn-none icon="clear" ng-click="$ctrl.clearSearch()"></vn-icon>
</vn-horizontal>
</vn-one>
<vn-one>
<ul class="dropdown">
2017-09-20 11:52:53 +00:00
<li tabIndex="-1"
2017-09-20 09:50:53 +00:00
ng-repeat="item in $ctrl.itemsFiltered track by $index"
2017-09-20 11:52:53 +00:00
ng-click="$ctrl.selectItem(item)"
ng-class="{'active': $index === $ctrl.activeOption, 'checked': item.checked}"
2017-09-20 09:50:53 +00:00
ng-mouseover="$ctrl.activeOption = $index"
>
2017-09-20 11:52:53 +00:00
<input type="checkbox" ng-checked="item.checked" ng-if="$ctrl.multiple">
<div ng-transclude="vnItem">{{item.name}}</div>
2017-09-20 09:50:53 +00:00
</li>
<li ng-if="$ctrl.showLoadMore" class="dropdown__loadMore" tabIndex="-1" ng-class="{'active': $ctrl.itemsFiltered.length === $ctrl.activeOption}" ng-click="$ctrl.loadMore();$ctrl.show = true;" translate="Load More"></li>
</ul>
</vn-one>
</vn-vertical>