<div class="multiselect-parent btn-group dropdown-multiselect" style="width:100%;">
|
<button ng-keydown="fn.toggleDropdown($event)"
|
type="button"
|
class="select-display-btn"
|
ng-class="settings.buttonClasses"
|
ng-click="fn.toggleDropdown($event)">
|
<span>
|
<span class="pull-left text-overflow-hidden select-btn-width" translate="{{fn.getButtonText()}}"></span>
|
<span class="pull-left" style="margin-top:1px;"> {{texts.totalSelected}}</span>
|
<span class="pull-left" translate="common.few" ng-show="texts.totalSelected != null"></span>
|
<span class="caret pull-right multi-select-arrow"></span>
|
</span>
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-form pdb0"
|
ng-style="{display: open ? 'block' : 'none', height : settings.scrollable ? settings.scrollableHeight : 'auto', width : settings.widthable ? settings.width : '100%' }"
|
style="overflow: auto;">
|
<li class="cursor">
|
<div class="col-sm-12 pdl5 pdr5">
|
<input type="text"
|
class="form-control input-sm select-search width-100"
|
ng-model="searchFilter"
|
autocomplete="off"
|
maxlength="{{settings.maxlength}}"
|
kr-input
|
ng-click="fn.initOptionSelected()">
|
</div>
|
</li>
|
|
<li class="cursor" ng-hide="settings.selectionLimit > 0">
|
<div class="btn-group btn-group-sm btn-block pdl5 pdr5 pdt5">
|
<button type="button" tabindex="-1" data-ng-click="fn.selectAll()" class="btn select-btn width-50"
|
translate="{{texts.checkAll}}">전체 선택
|
</button>
|
<button tabindex="-1" type="button" data-ng-click="fn.deselectAll();"
|
class="btn select-btn width-50" translate="{{texts.unCheckAll}}">전체 해제
|
</button>
|
</div>
|
</li>
|
|
<li class="divider cursor option-divide"></li>
|
|
<li>
|
<ul class='multi-select-option-ul'>
|
<li class="option-target cursor" role="presentation"
|
ng-repeat="option in options | multiSelectFilter : { searchWord : searchFilter, searchKey : settings.displayProp }">
|
<a role="menuitem"
|
data-id="{{fn.getPropertyForObject(option,settings.idProp)}}"
|
class="option-a"
|
tabindex="-1"
|
ng-click="fn.clickActionAddFocus(fn.getPropertyForObject(option,settings.idProp))">
|
<span class="pull-left option-span"
|
translate="{{fn.getPropertyForObject(option, settings.displayProp)}}"></span>
|
<span
|
data-ng-class="{'fa fa-check': fn.isChecked(fn.getPropertyForObject(option,settings.idProp))}"
|
class="pull-right"></span>
|
</a>
|
</li>
|
</ul>
|
</li>
|
</ul>
|
</div>
|
