Handle disabled attribute with Bootstrap theme

Author: tkrotoff

examples/bootstrap.html

@@ -72,6 +72,22 @@
 
         </div>
       </div>
+
+      <div class="form-group">
+        <label class="col-sm-3 control-label">Disabled</label>
+        <div class="col-sm-6">
+
+          <ui-select ng-model="person.selected" theme="bootstrap" ng-disabled="true">
+            <match placeholder="Select or search a person in the list...">{{$select.selected.name}}</match>
+            <choices repeat="item in people | filter: $select.search">
+              <div ng-bind-html="trustAsHtml((item.name | highlight: $select.search))"></div>
+              <small ng-bind-html="trustAsHtml((item.email | highlight: $select.search))"></small>
+            </choices>
+          </ui-select>
+
+        </div>
+      </div>
+
     </fieldset>
   </form>
 

src/bootstrap/choices.tpl.html

@@ -1,5 +1,5 @@
 <ul class="ui-select-choices ui-select-choices-content dropdown-menu" role="menu" aria-labelledby="dLabel">
   <li class="ui-select-choices-row" ng-class="{active: $select.activeIdx == $index}">
-  	<a ng-transclude></a>
+    <a ng-transclude></a>
   </li>
 </ul>

src/bootstrap/match.tpl.html

@@ -1,6 +1,7 @@
 <a class="btn btn-default ui-select-match"
    ng-hide="$select.open"
    ng-class="{'text-success': $select.selected == undefined}"
+   ng-disabled="$select.disabled"
    ng-click="$select.activate()">
   <span ng-hide="$select.selected" class="text-muted">{{placeholder}}</span>
   <span ng-show="$select.selected" ng-transclude></span>

src/bootstrap/select.tpl.html

@@ -1,8 +1,9 @@
-<div class="dropdown" ng-class="{open:$select.open}">
-  <div class="ui-select-match"
-    ng-click="$select.activate()"></div>
-  <input type="text" class="form-control ui-select-search" autocomplete="off" tabindex="" placeholder="{{$select.placeholder}}"
-    ng-model="$select.search"
-    ng-show="$select.open">
+<div class="dropdown" ng-class="{open: $select.open}">
+  <div class="ui-select-match" ng-click="$select.activate()"></div>
+  <input type="text" autocomplete="off" tabindex=""
+         class="form-control ui-select-search"
+         placeholder="{{$select.placeholder}}"
+         ng-model="$select.search"
+         ng-show="$select.open">
   <div class="ui-select-choices"></div>
 </div>