snapappointments#1139 Adds the class "bs-noneSelected" to the button …

…when no option is selected.
myplacedk · Oct 30, 2015 · 58753c2 · 58753c2
1 parent 92a0563
commit 58753c2
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 2 deletions.
diff --git a/dist/js/bootstrap-select.js b/dist/js/bootstrap-select.js
@@ -687,6 +687,10 @@
  this.$button.children('.filter-option').html(title);
 
  this.$element.trigger('rendered.bs.select');
+
+ if (!this.multiple && !this.val()) {
+ this.$button.addClass("bs-noneSelected");
+ }
  },
 
  /**
@@ -973,6 +977,12 @@
  }
 
  $lis.toggleClass('selected', selected);
+
+ if (this.val() === null) {
+ this.$button.addClass("bs-noneSelected");
+ } else {
+ this.$button.removeClass("bs-noneSelected");
+ }
  },
 
  setDisabled: function (index, disabled, $lis) {

diff --git a/dist/js/bootstrap-select.js.map b/dist/js/bootstrap-select.js.map
diff --git a/dist/js/bootstrap-select.min.js b/dist/js/bootstrap-select.min.js
diff --git a/js/bootstrap-select.js b/js/bootstrap-select.js
@@ -664,6 +664,10 @@
  this.$button.children('.filter-option').html(title);
 
  this.$element.trigger('rendered.bs.select');
+
+ if (!this.multiple && !this.val()) {
+ this.$button.addClass("bs-noneSelected");
+ }
  },
 
  /**
@@ -950,6 +954,12 @@
  }
 
  $lis.toggleClass('selected', selected);
+
+ if (this.val() === null) {
+ this.$button.addClass("bs-noneSelected");
+ } else {
+ this.$button.removeClass("bs-noneSelected");
+ }
  },
 
  setDisabled: function (index, disabled, $lis) {

diff --git a/test.html b/test.html
@@ -12,6 +12,9 @@
  body {
  padding-top: 70px;
  }
+ .bootstrap-select .bs-noneSelected {
+ color: #999;
+ }
  </style>
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>