From fc3864c6f1de803bf09f8fa2d7a4f15f40e2b8b0 Mon Sep 17 00:00:00 2001
From: Mikhail Slyusarev <coder@llcagent.com>
Date: Wed, 19 Nov 2014 02:47:10 -0800
Subject: [PATCH 1/3] adding ability to disable a ui-select by setting its
 ancestor fieldset disabled property

---
 src/bootstrap/match-multiple.tpl.html  |  4 ++--
 src/bootstrap/match.tpl.html           |  2 +-
 src/bootstrap/select-multiple.tpl.html |  4 ++--
 src/select.js                          | 17 ++++++++++++++++-
 src/select2/select-multiple.tpl.html   |  6 +++---
 src/select2/select.tpl.html            |  2 +-
 src/selectize/select.tpl.html          |  4 ++--
 7 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/bootstrap/match-multiple.tpl.html b/src/bootstrap/match-multiple.tpl.html
index 08e24556b..fecb56056 100644
--- a/src/bootstrap/match-multiple.tpl.html
+++ b/src/bootstrap/match-multiple.tpl.html
@@ -5,10 +5,10 @@
       class="ui-select-match-item btn btn-default btn-xs"
       tabindex="-1"
       type="button"
-      ng-disabled="$select.disabled"
+      ng-disabled="$select.disabled || $select.ancestorFieldsetDisabled()"
       ng-click="$select.activeMatchIndex = $index;"
       ng-class="{'btn-primary':$select.activeMatchIndex === $index}">
-        <span class="close ui-select-match-close" ng-hide="$select.disabled" ng-click="$select.removeChoice($index)">&nbsp;&times;</span>
+        <span class="close ui-select-match-close" ng-hide="$select.disabled || $select.ancestorFieldsetDisabled()" ng-click="$select.removeChoice($index)">&nbsp;&times;</span>
         <span uis-transclude-append></span>
     </span>
   </span>
diff --git a/src/bootstrap/match.tpl.html b/src/bootstrap/match.tpl.html
index b766d4680..baa831a1a 100644
--- a/src/bootstrap/match.tpl.html
+++ b/src/bootstrap/match.tpl.html
@@ -1,6 +1,6 @@
 <button type="button" class="btn btn-default form-control ui-select-match" tabindex="-1"
         ng-hide="$select.open"
-        ng-disabled="$select.disabled"
+        ng-disabled="$select.disabled || $select.ancestorFieldsetDisabled()"
         ng-class="{'btn-default-focus':$select.focus}";
         ng-click="$select.activate()">
   <span ng-show="$select.isEmpty()" class="text-muted">{{$select.placeholder}}</span>
diff --git a/src/bootstrap/select-multiple.tpl.html b/src/bootstrap/select-multiple.tpl.html
index a7c3e1cf1..0fa0de325 100644
--- a/src/bootstrap/select-multiple.tpl.html
+++ b/src/bootstrap/select-multiple.tpl.html
@@ -8,8 +8,8 @@
            spellcheck="false" 
            class="ui-select-search input-xs"
            placeholder="{{$select.getPlaceholder()}}"
-           ng-disabled="$select.disabled"
-           ng-hide="$select.disabled"
+           ng-disabled="$select.disabled || $select.ancestorFieldsetDisabled()"
+           ng-hide="$select.disabled || $select.ancestorFieldsetDisabled()"
            ng-click="$select.activate()"
            ng-model="$select.search">
   </div>
diff --git a/src/select.js b/src/select.js
index 3b81924b1..4d8b5f4e9 100644
--- a/src/select.js
+++ b/src/select.js
@@ -183,10 +183,25 @@
         }
       }
     }
+    
+    // returns whether or not the select box has an ancestor fieldset that is has the disabled attribute set
+    ctrl.ancestorFieldsetDisabled = function(cur) {
+        // initial call should not pass in any arguments to trigger the default value being set.
+        if (angular.isUndefined(cur)) return ctrl.ancestorFieldsetDisabled($element[0]);
+        
+        // if we are at the fieldset ancestor.
+        if (cur.tagName === 'FIELDSET') return cur.disabled; // return whether or not it is disabled.
+        
+        if (cur.tagName === 'HTML') return false; // if we are at the html ancestor, then there was no fieldset ancestor so just return false.
+                                                  // technically we can bail once it gets to a 'FORM' ancestor, but not everyone uses forms
+                                                  // controls strictly in form tags.
+        
+        return ctrl.ancestorFieldsetDisabled(cur.parentElement);
+    };
 
     // When the user clicks on ui-select, displays the dropdown list
     ctrl.activate = function(initSearchValue, avoidReset) {
-      if (!ctrl.disabled  && !ctrl.open) {
+      if (!ctrl.disabled && !ctrl.ancestorFieldsetDisabled() && !ctrl.open) {
         if(!avoidReset) _resetSearchInput();
         ctrl.focusser.prop('disabled', true); //Will reactivate it on .close()
         ctrl.open = true;
diff --git a/src/select2/select-multiple.tpl.html b/src/select2/select-multiple.tpl.html
index b014aff99..eeb24effb 100644
--- a/src/select2/select-multiple.tpl.html
+++ b/src/select2/select-multiple.tpl.html
@@ -1,6 +1,6 @@
 <div class="ui-select-multiple select2 select2-container select2-container-multi"
      ng-class="{'select2-container-active select2-dropdown-open': $select.open,
-                'select2-container-disabled': $select.disabled}">
+                'select2-container-disabled': $select.disabled || $select.ancestorFieldsetDisabled()}">
   <ul class="select2-choices">
     <span class="ui-select-match"></span>
     <li class="select2-search-field">
@@ -12,8 +12,8 @@
         spellcheck="false" 
         class="select2-input ui-select-search" 
         placeholder="{{$select.getPlaceholder()}}"
-        ng-disabled="$select.disabled"
-        ng-hide="$select.disabled"
+        ng-disabled="$select.disabled || $select.ancestorFieldsetDisabled()"
+        ng-hide="$select.disabled || $select.ancestorFieldsetDisabled()"
         ng-model="$select.search"
         ng-click="$select.activate()"
         style="width: 34px;">
diff --git a/src/select2/select.tpl.html b/src/select2/select.tpl.html
index 4e8cb30f8..a701fb581 100644
--- a/src/select2/select.tpl.html
+++ b/src/select2/select.tpl.html
@@ -1,6 +1,6 @@
 <div class="select2 select2-container"
      ng-class="{'select2-container-active select2-dropdown-open': $select.open,
-                'select2-container-disabled': $select.disabled,
+                'select2-container-disabled': $select.disabled || $select.ancestorFieldsetDisabled(),
                 'select2-container-active': $select.focus }">
   <div class="ui-select-match"></div>
   <div class="select2-drop select2-with-searchbox select2-drop-active"
diff --git a/src/selectize/select.tpl.html b/src/selectize/select.tpl.html
index 4874ee7b7..546db6572 100644
--- a/src/selectize/select.tpl.html
+++ b/src/selectize/select.tpl.html
@@ -1,6 +1,6 @@
 <div class="selectize-control single">
   <div class="selectize-input"
-       ng-class="{'focus': $select.open, 'disabled': $select.disabled, 'selectize-focus' : $select.focus}"
+       ng-class="{'focus': $select.open, 'disabled': $select.disabled || $select.ancestorFieldsetDisabled(), 'selectize-focus' : $select.focus}"
        ng-click="$select.activate()">
     <div class="ui-select-match"></div>
     <input type="text" autocomplete="off" tabindex="-1"
@@ -9,7 +9,7 @@
            placeholder="{{$select.placeholder}}"
            ng-model="$select.search"
            ng-hide="!$select.searchEnabled || ($select.selected && !$select.open)"
-           ng-disabled="$select.disabled">
+           ng-disabled="$select.disabled || $select.ancestorFieldsetDisabled()">
   </div>
   <div class="ui-select-choices"></div>
 </div>

From 2854ec37ea2330d02a28ea8ff1a153f9eaf8b3f5 Mon Sep 17 00:00:00 2001
From: Mikhail Slyusarev <coder@llcagent.com>
Date: Wed, 19 Nov 2014 04:07:02 -0800
Subject: [PATCH 2/3] Fixing problem with initial call to
 ancestorFieldsetDisabled

---
 src/select.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/select.js b/src/select.js
index 4d8b5f4e9..fa4b1cde8 100644
--- a/src/select.js
+++ b/src/select.js
@@ -185,9 +185,9 @@
     }
     
     // returns whether or not the select box has an ancestor fieldset that is has the disabled attribute set
-    ctrl.ancestorFieldsetDisabled = function(cur) {
+    ctrl.ancestorFieldsetDisabled = function() {
         // initial call should not pass in any arguments to trigger the default value being set.
-        if (angular.isUndefined(cur)) return ctrl.ancestorFieldsetDisabled($element[0]);
+        if (angular.isUndefined(arguments[0])) return ctrl.ancestorFieldsetDisabled($element[0]);
         
         // if we are at the fieldset ancestor.
         if (cur.tagName === 'FIELDSET') return cur.disabled; // return whether or not it is disabled.

From c19a091145e049a0728064a3ed5f838ed64df813 Mon Sep 17 00:00:00 2001
From: Mikhail Slyusarev <coder@llcagent.com>
Date: Wed, 19 Nov 2014 04:08:09 -0800
Subject: [PATCH 3/3] Fixing problem with initial call to
 ancestorFieldsetDisabled

---
 src/select.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/select.js b/src/select.js
index fa4b1cde8..df2a53f8f 100644
--- a/src/select.js
+++ b/src/select.js
@@ -188,6 +188,8 @@
     ctrl.ancestorFieldsetDisabled = function() {
         // initial call should not pass in any arguments to trigger the default value being set.
         if (angular.isUndefined(arguments[0])) return ctrl.ancestorFieldsetDisabled($element[0]);
+
+        var cur = arguments[0];
         
         // if we are at the fieldset ancestor.
         if (cur.tagName === 'FIELDSET') return cur.disabled; // return whether or not it is disabled.