Add search-enabled option for bootstrap theme.

Author: jverghese

Diff for: examples/demo-disable-search.html

@@ -63,6 +63,19 @@
 
   <button class="btn btn-default btn-xs" ng-click="clear()">Clear ng-model</button>
 
+  <h3>Bootstrap theme</h3>
+  <p>Selected: {{person.selected}}</p>
+  <ui-select ng-model="person.selected" theme="bootstrap" search-enabled="searchEnabled" ng-disabled="disabled" style="min-width: 300px;">
+    <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match>
+    <ui-select-choices repeat="person in people | propsFilter: {name: $select.search, age: $select.search}">
+      <div ng-bind-html="person.name | highlight: $select.search"></div>
+      <small>
+        email: {{person.email}}
+        age: <span ng-bind-html="''+person.age | highlight: $select.search"></span>
+      </small>
+    </ui-select-choices>
+  </ui-select>
+
   <h3>Select2 theme</h3>
   <p>Selected: {{person.selected}}</p>
   <ui-select ng-model="person.selected" theme="select2" search-enabled="searchEnabled" ng-disabled="disabled" style="min-width: 300px;">

Diff for: src/bootstrap/match.tpl.html

@@ -3,7 +3,7 @@
         ng-disabled="$select.disabled"
         ng-class="{'btn-default-focus':$select.focus}";
         ng-click="$select.activate()">
-  <span ng-show="$select.isEmpty()" class="text-muted">{{$select.placeholder}}</span>
+  <span ng-show="$select.searchEnabled && $select.isEmpty()" class="text-muted">{{$select.placeholder}}</span>
   <span ng-hide="$select.isEmpty()" ng-transclude></span>
   <span class="caret"></span>
 </button>

Diff for: src/bootstrap/select.tpl.html

@@ -4,6 +4,6 @@
          class="form-control ui-select-search"
          placeholder="{{$select.placeholder}}"
          ng-model="$select.search"
-         ng-show="$select.open">
+         ng-show="$select.searchEnabled && $select.open">
   <div class="ui-select-choices"></div>
 </div>