<div class="widget panel b-a m">
  <div class="panel-heading b-b small">
    <h3 class="panel-title" translate>{{ 'app.shared.member_select.select_a_member' }}</h3>
  </div>
  <div class="widget-content no-bg auto wrapper">
    <ui-select ng-model="ctrl.member" on-select="updateMember()">
        <ui-select-match placeholder="{{ 'app.shared.member_select.start_typing' | translate }}">
            <span ng-bind="$select.selected.name"></span>
        </ui-select-match>
        <ui-select-choices repeat="m in matchingMembers" refresh="autoCompleteName($select.search)" refresh-delay="300">
            <span ng-bind-html="m.name | highlight: $select.search"></span>
        </ui-select-choices>
    </ui-select>
    {{member}}
  </div>
</div>