ng templates

templates

<script type="text/ng-template" id="select/choices.tpl.html">
  <ul class="ui-select-choices ui-select-choices-content dropdown-menu"
      role="menu" aria-labelledby="dLabel"
      ng-show="$select.items.length > 0">
    <li class="ui-select-choices-group">
      <div class="divider" ng-show="$select.isGrouped && $index > 0"></div>
      <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header" ng-bind-html="$group.name"></div>
      <div class="ui-select-choices-row" ng-class="{active: $select.isActive(this), disabled: $select.isDisabled(this)}">
        <a href="javascript:void(0)" class="ui-select-choices-row-inner"></a>
      </div>
    </li>
  </ul>
</script>

<script type="text/ng-template" id="select/match-multiple.tpl.html">
  <span class="ui-select-match">
    <span ng-repeat="$item in $select.selected">
      <span 
        style="margin-right: 3px;"
        class="ui-select-match-item btn btn-default btn-xs"
        tabindex="-1"
        type="button"
        ng-disabled="$select.disabled"
        ng-click="$select.activeMatchIndex = $index;"
        ng-class="{'btn-primary':$select.activeMatchIndex === $index, 'select-locked':$select.isLocked(this, $index)}">
          <span class="close ui-select-match-close" ng-hide="$select.disabled" ng-click="$select.removeChoice($index)">&nbsp;&times;</span>
          <span uis-transclude-append></span>
      </span>
    </span>
  </span>
</script>

<script type="text/ng-template" id="select/match.tpl.html">
  <div class="btn-group ui-select-match btn-block" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}">
    <button type="button" class="btn btn-default" ng-class="{'col-sm-8 col-md-10': $select.allowClear && !$select.isEmpty(),'col-sm-10 col-md-11': !$select.allowClear || $select.isEmpty()}" tabindex="-1" ;="" ng-click="$select.activate()">
      <span ng-show="$select.isEmpty()" class="text-muted">{{$select.placeholder}}</span>
      <span ng-hide="$select.isEmpty()" ng-transclude=""></span>
    </button>
    <button class="btn btn-default col-sm-2 col-md-1" ng-if="$select.allowClear && !$select.isEmpty()" ng-click="$select.select(undefined)">
      <span class="glyphicon glyphicon-remove ui-select-toggle"></span>
    </button>
    <button class="btn btn-default col-sm-2 col-md-1" ng-click="$select.activate()">
      <span class="caret ui-select-toggle" ng-click="$select.toggle($event)"></span>
    </button>
  </div>
</script>

<script type="text/ng-template" id="select/select-multiple.tpl.html">
  <div class="ui-select-container ui-select-multiple ui-select-bootstrap dropdown form-control" ng-class="{open: $select.open}">
    <div>
      <div class="ui-select-match"></div>
      <input type="text"
             autocomplete="off" 
             autocorrect="off" 
             autocapitalize="off" 
             spellcheck="false" 
             class="ui-select-search input-xs"
             placeholder="{{$select.getPlaceholder()}}"
             ng-disabled="$select.disabled"
             ng-hide="$select.disabled"
             ng-click="$select.activate()"
             ng-model="$select.search">
    </div>
    <div class="ui-select-choices"></div>
  </div>
</script>

<script type="text/ng-template" id="select/select.tpl.html">
  <div class="ui-select-container ui-select-bootstrap dropdown" ng-class="{open: $select.open}">
    <div class="ui-select-match"></div>
    <input type="text" autocomplete="off" tabindex="-1"
           class="form-control ui-select-search"
           placeholder="{{$select.placeholder}}"
           ng-model="$select.search"
           ng-show="$select.searchEnabled && $select.open">
    <div class="ui-select-choices"></div>
  </div>
</script>

<script type="text/ng-template" id="select2/choices.tpl.html">
  <ul class="ui-select-choices ui-select-choices-content select2-results">
    <li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
      <div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label" ng-bind="$group.name"></div>
      <ul role="listbox"
        id="ui-select-choices-{{ $select.generatedId }}" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }">
        <li role="option" id="ui-select-choices-row-{{ $select.generatedId }}-{{$index}}" class="ui-select-choices-row" ng-class="{'select2-highlighted': $select.isActive(this), 'select2-disabled': $select.isDisabled(this)}">
          <div class="select2-result-label ui-select-choices-row-inner"></div>
        </li>
      </ul>
    </li>
  </ul>
</script>

<script type="text/ng-template" id="select2/select.tpl.html">
  <div class="ui-select-container select2 select2-container"
  ng-class="{'select2-container-active select2-dropdown-open open': $select.open,
             'select2-container-disabled': $select.disabled,
             'select2-container-active': $select.focus,
             'select2-allowclear': $select.allowClear && !$select.isEmpty()}">
<div class="ui-select-match"></div>
<div class="select2-drop select2-with-searchbox select2-drop-active"
    ng-class="{'select2-display-none': !$select.open}">
 <div class="select2-search" ng-show="$select.searchEnabled">
   <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
    role="combobox"
    aria-expanded="true"
    aria-owns="ui-select-choices-{{ $select.generatedId }}"
    aria-label="{{ $select.baseTitle }}"
    aria-activedescendant="ui-select-choices-row-{{ $select.generatedId }}-{{ $select.activeIndex }}"
          class="ui-select-search select2-input"
          ng-model="$select.search">
 </div>
 <div class="ui-select-choices"></div>
</div>
</div>
</script>

<script type="text/ng-template" id="select2/match.tpl.html">
  <a class="select2-choice ui-select-match"
    ng-class="{'select2-default': $select.isEmpty()}"
    ng-click="$select.activate()" aria-label="{{ $select.baseTitle }} select">
    <span ng-show="$select.isEmpty()" class="select2-chosen">{{$select.placeholder}}</span>
    <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude></span>
    <abbr ng-if="$select.allowClear && !$select.isEmpty()" class="select2-search-choice-close" ng-click="$select.clear($event)"></abbr>
    <span class="select2-arrow ui-select-toggle" ng-click="$select.toggle($event)"><b></b></span>
  </a>
</script>
<script type="text/ng-template" id="select2/match-multiple.tpl.html">
  <span class="ui-select-match">
    <li class="ui-select-match-item select2-search-choice" ng-repeat="$item in $select.selected" 
        ng-class="{'select2-search-choice-focus':$select.activeMatchIndex === $index, 'select2-locked':$select.isLocked(this, $index)}"
        ui-select-sort="$select.selected">
        <span uis-transclude-append></span>
        <a href="javascript:;" class="ui-select-match-close select2-search-choice-close" ng-click="$select.removeChoice($index)" tabindex="-1"></a>
    </li>
  </span>
</script>

<script type="text/ng-template" id="select2/select-multiple.tpl.html">
  <div class="ui-select-container ui-select-multiple select2 select2-container select2-container-multi"
      ng-class="{'select2-container-active select2-dropdown-open open': $select.open,
                  'select2-container-disabled': $select.disabled}">
    <ul class="select2-choices">
      <span class="ui-select-match"></span>
      <li class="select2-search-field">
        <input
          type="text"
          autocomplete="off"
          autocorrect="off"
          autocapitalize="off"
          spellcheck="false"
          role="combobox"
          aria-expanded="true"
          aria-owns="ui-select-choices-{{ $select.generatedId }}"
          aria-label="{{ $select.baseTitle }}"
          aria-activedescendant="ui-select-choices-row-{{ $select.generatedId }}-{{ $select.activeIndex }}"
          class="select2-input ui-select-search"
          placeholder="{{$select.getPlaceholder()}}"
          ng-disabled="$select.disabled"
          ng-hide="$select.disabled"
          ng-model="$select.search"
          ng-click="$select.activate()"
          style="width: 34px;"
          ondrop="return false;">
      </li>
    </ul>
    <div class="select2-drop select2-with-searchbox select2-drop-active"
        ng-class="{'select2-display-none': !$select.open}">
      <div class="ui-select-choices"></div>
    </div>
  </div>
</script>