<div class="multiselect-parent btn-group dropdown-multiselect" style="width:100%;">
|
<button ng-keydown="fn.toggleDropdown($event)"
|
type="button"
|
ng-disabled="inputDisabled"
|
class="select-display-btn"
|
ng-class="settings.buttonClasses"
|
ng-click="fn.toggleDropdown($event)">
|
<span class="pull-left" translate="{{fn.getButtonText()}}"></span>
|
<span class="pull-left" style="margin-top:1px;"> {{texts.totalSelected}}</span>
|
<span class="pull-left" translate="{{fn.getTranslateKey('count')}}" ng-show="texts.totalSelected != null"></span>
|
<span class="caret pull-right multi-select-arrow"></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>
|
<div class="col-sm-12 pdl5 pdr5">
|
<input type="text"
|
class="form-control input-sm select-search"
|
ng-model="search"
|
kr-input
|
maxlength="{{settings.maxlength}}"
|
autocomplete="off"
|
ng-click="fn.initOptionSelected()">
|
</div>
|
</li>
|
|
<li class="multi-select-selected-text">
|
<div class="multi-selected-position pdl5 pdr5">
|
<span class="text-default" translate="common.selected">선택됨</span>({{selectedModel.length}})
|
<a class="pull-right delete-all cursor" data-ng-click="fn.deselectAll();" translate="{{texts.unCheckAll}}">전체 해제</a>
|
</div>
|
</li>
|
<li>
|
<ul class='multi-select-option-ul-max5'>
|
<li class="option-target option-selected-ul cursor" role="presentation"
|
ng-repeat="option in selectedModel">
|
<a data-id="{{fn.getPropertyForObject(option,settings.idProp)}}"
|
class="option-a option-selected-li height-auto"
|
tabindex="-1"
|
ng-click="fn.clickActionRemovedItem(fn.getPropertyForObject(option,settings.idProp))">
|
<div class="checkbox mgt0 mgb0 element-item pdl2">
|
<label class="element-item">
|
<input class="checkboxInput cursor"
|
type="checkbox"
|
ng-checked="fn.isChecked(fn.getPropertyForObject(option,settings.idProp))"/>
|
<img ng-if="settings.imageable && (option.profile != '' && option.profile != undefined) && settings.type == 'user'"
|
ng-src='{{option.profile}}' class="autocomplte-img">
|
<img ng-if="settings.imageable && (option.profile == '' || option.profile == undefined) && settings.type == 'user'"
|
src="/assets/images/default_profile.png" class="autocomplte-img">
|
{{fn.getPropertyForObject(option, settings.displayProp)}}</label>
|
</div>
|
</a>
|
</li>
|
</ul>
|
</li>
|
|
<li class="divider uncheck-all-divider"></li>
|
|
<li class="multi-select-selected-text multi-selected-position pdl5 pdr5">
|
<span class="text-default" translate="common.selectable">선택 가능</span>
|
</li>
|
|
<li>
|
<ul class='multi-select-option-ul'>
|
<li class="option-target option-selected-ul cursor" role="presentation"
|
ng-repeat="option in fn.getSelectAbleTargetList()">
|
<a role="menuitem" data-id="{{fn.getPropertyForObject(option,settings.idProp)}}"
|
class="option-a option-selected-li height-auto" tabindex="-1"
|
ng-click="fn.clickActionAddItem(fn.getPropertyForObject(option,settings.idProp))">
|
<img ng-if="settings.imageable && (option[settings.imagePathProp] != '' && option[settings.imagePathProp] != undefined) && settings.type == 'user'"
|
ng-src='{{option.profile}}' class="autocomplte-img">
|
<img ng-if="settings.imageable && (option[settings.imagePathProp] == '' || option[settings.imagePathProp] == undefined) && settings.type == 'user'"
|
src="/assets/images/default_profile.png" class="autocomplte-img">
|
<span class="option-span"
|
translate="{{fn.getPropertyForObject(option, settings.displayProp)}}"></span>
|
</a>
|
</li>
|
|
<li class="pdl10 pdr5" ng-if="fn.getSelectAbleTargetList().length == 0">
|
<div class="not-data-text">
|
<b><span translate="{{fn.getTranslateKey('empty')}}">데이터가 없습니다.</span></b>
|
</div>
|
</li>
|
</ul>
|
</li>
|
</ul>
|
</div>
|
