bootstrap-multiselect-rails 0.9.5 → 0.9.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7c8445c9560b793ddd0c4ecccfd6ae3392a3710d
-  data.tar.gz: 171493dbfe329e6a632a9be0fb1be3e71a44dc70
+  metadata.gz: 6acd5364f0f67d80a816a56989db6645d76be1ed
+  data.tar.gz: 07b741455e2b48fdbd4f459cc8a6b6521a753d7f
 SHA512:
-  metadata.gz: 0af588b33a50d95ac73f4a24e428c8bd3a8ae05473f4536392594f99f9e5b290cf8324a832bb9eeb5d65862e40a258ef5dd83b4b9e9963cb8f805600cf584278
-  data.tar.gz: c08cf1eb7938a0bbee7e5043df726e9d33b989fbb016e502a44d2c2c6301ecbbcd4dfdbcd22446104839f859227df76085793d0cb725f9abedb385e3d55071b9
+  metadata.gz: 9d258339985da2fa5b61def6e929a3d3b73d13ff2cb84039734832b8cb9114a8403b1557e59624995e01a94c68c9040501cb0a38f10cbc642317e22c58dd8303
+  data.tar.gz: 133830df1b0bf1ed691cfc0e44abb98fbef1a96d67ce41267559c986812838ba8ec2850ee9d520872a244adfbc55a756b262dcc313969c092630d91c9e0f2fd9

data/README.md

@@ -1,6 +1,6 @@
 # Bootstrap Multiselect Rails
 
-Easily add [bootstrap-multiselect v0.9.5](https://github.com/davidstutz/bootstrap-multiselect.git) to your Rails application using the asset pipeline.
+Easily add [bootstrap-multiselect v0.9.9](https://github.com/davidstutz/bootstrap-multiselect.git) to your Rails application using the asset pipeline.
 
 ## Installation
 

data/lib/bootstrap-multiselect-rails/version.rb

@@ -1,5 +1,5 @@
 module BootstrapMultiselect
   module Rails
-    VERSION = '0.9.5'
+    VERSION = '0.9.9'
   end
 end

data/vendor/assets/javascripts/bootstrap-multiselect.js

@@ -1,39 +1,33 @@
 /**
- * bootstrap-multiselect.js
- * https://github.com/davidstutz/bootstrap-multiselect
- *
+ * Bootstrap Multiselect v0.9.8 (https://github.com/davidstutz/bootstrap-multiselect)
+ * 
  * Copyright 2012 - 2014 David Stutz
- *
+ * 
  * Dual licensed under the BSD-3-Clause and the Apache License, Version 2.0.
  */
 !function($) {
  
     "use strict";// jshint ;_;
-    
-    if (Array.prototype.forEach === null || Array.prototype.forEach === undefined) {
-        Array.prototype.forEach = function (func) {
-            var index;
-            for (index = 0; index < this.length; ++index) {
-                func(this[index]);
-            }
-        };
-    }
 
     if (typeof ko !== 'undefined' && ko.bindingHandlers && !ko.bindingHandlers.multiselect) {
         ko.bindingHandlers.multiselect = {
 
             init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
 
-                var listOfSelectedItems = allBindingsAccessor().selectedOptions,
-                    config = ko.utils.unwrapObservable(valueAccessor());
+                var listOfSelectedItems = allBindingsAccessor().selectedOptions;
+                var config = ko.utils.unwrapObservable(valueAccessor());
 
                 $(element).multiselect(config);
 
                 if (isObservableArray(listOfSelectedItems)) {
+                    
+                    // Set the initial selection state on the multiselect list.
+                    $(element).multiselect('select', ko.utils.unwrapObservable(listOfSelectedItems));
+                    
                     // Subscribe to the selectedOptions: ko.observableArray
                     listOfSelectedItems.subscribe(function (changes) {
                         var addedArray = [], deletedArray = [];
-                        changes.forEach(function (change) {
+                        forEach(changes, function (change) {
                             switch (change.status) {
                                 case 'added':
                                     addedArray.push(change.value);
@@ -43,12 +37,14 @@
                                     break;
                             }
                         });
+                        
                         if (addedArray.length > 0) {
                             $(element).multiselect('select', addedArray);
-                        };
+                        }
+                        
                         if (deletedArray.length > 0) {
                             $(element).multiselect('deselect', deletedArray);
-                        };
+                        }
                     }, null, "arrayChange");
                 }
             },
@@ -80,6 +76,12 @@
         return ko.isObservable(obj) && !(obj.destroyAll === undefined);
     }
 
+    function forEach(array, callback) {
+        for (var index = 0; index < array.length; ++index) {
+            callback(array[index]);
+        }
+    }
+
     /**
      * Constructor to create a new multiselect using the given select.
      * 
@@ -102,7 +104,9 @@
         this.options.onChange = $.proxy(this.options.onChange, this);
         this.options.onDropdownShow = $.proxy(this.options.onDropdownShow, this);
         this.options.onDropdownHide = $.proxy(this.options.onDropdownHide, this);
-
+        this.options.onDropdownShown = $.proxy(this.options.onDropdownShown, this);
+        this.options.onDropdownHidden = $.proxy(this.options.onDropdownHidden, this);
+        
         // Build select all if enabled.
         this.buildContainer();
         this.buildButton();
@@ -114,6 +118,10 @@
         this.updateButtonText();
         this.updateSelectAll();
         
+        if (this.options.disableIfEmpty) {
+            this.disableIfEmpty();
+        }
+        
         this.$select.hide().after(this.$container);
     };
 
@@ -122,7 +130,8 @@
         defaults: {
             /**
              * Default text function will either print 'None selected' in case no
-             * option is selected or a list of the selected options up to a length of 3 selected options.
+             * option is selected or a list of the selected options up to a length
+             * of 3 selected options.
              * 
              * @param {jQuery} options
              * @param {jQuery} select
@@ -149,6 +158,7 @@
             },
             /**
              * Updates the title of the button similar to the buttonText function.
+             * 
              * @param {jQuery} options
              * @param {jQuery} select
              * @returns {@exp;selected@call;substr}
@@ -176,6 +186,7 @@
             },
             /**
              * Triggered on change of the multiselect.
+             * 
              * Not triggered when selecting/deselecting options manually.
              * 
              * @param {jQuery} option
@@ -199,6 +210,22 @@
              */
             onDropdownHide: function(event) {
                 
+            },
+            /**
+             * Triggered after the dropdown is shown.
+             * 
+             * @param {jQuery} event
+             */
+            onDropdownShown: function(event) {
+                
+            },
+            /**
+             * Triggered after the dropdown is hidden.
+             * 
+             * @param {jQuery} event
+             */
+            onDropdownHidden: function(event) {
+                
             },
             buttonClass: 'btn btn-default',
             dropRight: false,
@@ -208,7 +235,7 @@
             // Maximum height of the dropdown menu.
             // If maximum height is exceeded a scrollbar will be displayed.
             maxHeight: false,
-            checkboxName: 'multiselect',
+            checkboxName: false,
             includeSelectAllOption: false,
             includeSelectAllIfMoreThan: 0,
             selectAllText: ' Select all',
@@ -222,6 +249,7 @@
             nonSelectedText: 'None selected',
             nSelectedText: 'selected',
             numberDisplayed: 3,
+            disableIfEmpty: false,
             templates: {
                 button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"></button>',
                 ul: '<ul class="multiselect-container dropdown-menu"></ul>',
@@ -241,6 +269,8 @@
             this.$container = $(this.options.buttonContainer);
             this.$container.on('show.bs.dropdown', this.options.onDropdownShow);
             this.$container.on('hide.bs.dropdown', this.options.onDropdownHide);
+            this.$container.on('shown.bs.dropdown', this.options.onDropdownShown);
+            this.$container.on('hidden.bs.dropdown', this.options.onDropdownHidden);
         },
 
         /**
@@ -262,6 +292,9 @@
                 this.$button.css({
                     'width' : this.options.buttonWidth
                 });
+                this.$container.css({
+                    'width': this.options.buttonWidth
+                });
             }
 
             // Keep the tab index from the select.
@@ -300,6 +333,7 @@
 
         /**
          * Build the dropdown options and binds all nessecary events.
+         * 
          * Uses createDivider and createOptionValue to create the necessary options.
          */
         buildDropdownOptions: function() {
@@ -310,7 +344,7 @@
                 var tag = $(element).prop('tagName')
                     .toLowerCase();
             
-                if ($(element).prop('value') == this.options.selectAllValue) {
+                if ($(element).prop('value') === this.options.selectAllValue) {
                     return;
                 }
 
@@ -359,10 +393,10 @@
 
                 if (isSelectAllOption) {
                     if (checked) {
-                        this.selectall();
+                        this.selectAll();
                     }
                     else {
-                        this.deselectall();
+                        this.deselectAll();
                     }
                 }
 
@@ -512,8 +546,14 @@
 
             var $li = $(this.options.templates.li);
             $('label', $li).addClass(inputType);
-            $('label', $li).append('<input type="' + inputType + '" name="' + this.options.checkboxName + '" />');
-
+            
+            if (this.options.checkboxName) {
+                $('label', $li).append('<input type="' + inputType + '" name="' + this.options.checkboxName + '" />');
+            }
+            else {
+                $('label', $li).append('<input type="' + inputType + '" />');
+            }
+            
             var selected = $(element).prop('selected') || false;
             var $checkbox = $('input', $li);
             $checkbox.val(value);
@@ -581,6 +621,7 @@
 
         /**
          * Build the selct all.
+         * 
          * Checks if a select all has already been created.
          */
         buildSelectAll: function() {
@@ -596,8 +637,14 @@
 
                 var $li = $(this.options.templates.li);
                 $('label', $li).addClass("checkbox");
-                $('label', $li).append('<input type="checkbox" name="' + this.options.checkboxName + '" />');
-
+                
+                if (this.options.checkboxName) {
+                    $('label', $li).append('<input type="checkbox" name="' + this.options.checkboxName + '" />');
+                }
+                else {
+                    $('label', $li).append('<input type="checkbox" />');
+                }
+                
                 var $checkbox = $('input', $li);
                 $checkbox.val(this.options.selectAllValue);
 
@@ -655,8 +702,8 @@
                                     }
 
                                     if (value !== this.options.selectAllValue && text) {
-                                        // by default lets assume that element is not
-                                        // interesting for this search
+                                        // By default lets assume that element is not
+                                        // interesting for this search.
                                         var showElement = false;
 
                                         if (this.options.enableCaseInsensitiveFiltering && filterCandidate.toLowerCase().indexOf(this.query.toLowerCase()) > -1) {
@@ -738,9 +785,13 @@
         /**
          * Select all options of the given values.
          * 
+         * If triggerOnChange is set to true, the on change event is triggered if
+         * and only if one value is passed.
+         * 
          * @param {Array} selectValues
+         * @param {Boolean} triggerOnChange
          */
-        select: function(selectValues) {
+        select: function(selectValues, triggerOnChange) {
             if(!$.isArray(selectValues)) {
                 selectValues = [selectValues];
             }
@@ -751,9 +802,12 @@
                 var $option = this.getOptionByValue(value);
                 var $checkbox = this.getInputByValue(value);
 
-                if($option === void(0) || $checkbox === void(0))
-                {
-                  continue;
+                if($option === undefined || $checkbox === undefined) {
+                    continue;
+                }
+                
+                if (!this.options.multiple) {
+                    this.deselectAll(false);
                 }
                 
                 if (this.options.selectedClass) {
@@ -766,14 +820,17 @@
             }
 
             this.updateButtonText();
+
+            if (triggerOnChange && selectValues.length === 1) {
+                this.options.onChange($option, true);
+            }
         },
 
         /**
-         * Clears all selected items
-         * 
+         * Clears all selected items.
          */
         clearSelection: function () {
-            this.deselectall(false);
+            this.deselectAll(false);
             this.updateButtonText();
             this.updateSelectAll();
         },
@@ -781,9 +838,13 @@
         /**
          * Deselects all options of the given values.
          * 
+         * If triggerOnChange is set to true, the on change event is triggered, if
+         * and only if one value is passed.
+         * 
          * @param {Array} deselectValues
+         * @param {Boolean} triggerOnChange
          */
-        deselect: function(deselectValues) {
+        deselect: function(deselectValues, triggerOnChange) {
             if(!$.isArray(deselectValues)) {
                 deselectValues = [deselectValues];
             }
@@ -795,9 +856,8 @@
                 var $option = this.getOptionByValue(value);
                 var $checkbox = this.getInputByValue(value);
 
-                if($option === void(0) || $checkbox === void(0))
-                {
-                  continue;
+                if($option === undefined || $checkbox === undefined) {
+                    continue;
                 }
 
                 if (this.options.selectedClass) {
@@ -810,17 +870,20 @@
             }
 
             this.updateButtonText();
+
+            if (triggerOnChange && deselectValues.length === 1) {
+                this.options.onChange($option, false);
+            }
         },
         
         /**
          * Selects all enabled & visible options.
-         * 
          */
-        selectall: function () {
-            var allCheckboxes = $("li input[type='checkbox']:enabled", this.$ul),
-                visibleCheckboxes = allCheckboxes.filter(":visible"),
-                allCheckboxesCount = allCheckboxes.length,
-                visibleCheckboxesCount = visibleCheckboxes.length;
+        selectAll: function () {
+            var allCheckboxes = $("li input[type='checkbox']:enabled", this.$ul);
+            var visibleCheckboxes = allCheckboxes.filter(":visible");
+            var allCheckboxesCount = allCheckboxes.length;
+            var visibleCheckboxesCount = visibleCheckboxes.length;
                 
             visibleCheckboxes.prop('checked', true);
             $("li:not(.divider):not(.disabled)", this.$ul).filter(":visible").addClass(this.options.selectedClass);
@@ -829,42 +892,55 @@
                 $("option:enabled", this.$select).prop('selected', true);
             }
             else {
-                var values = visibleCheckboxes.map(function() { return $(this).val() }).get();
-                $("option:enabled", this.$select).filter(function(index){ return $.inArray($(this).val(), values) !== -1; }).prop('selected', true);
+                var values = visibleCheckboxes.map(function() {
+                    return $(this).val();
+                }).get();
+                
+                $("option:enabled", this.$select).filter(function(index) {
+                    return $.inArray($(this).val(), values) !== -1;
+                }).prop('selected', true);
             }
         },
 
         /**
          * Deselects all options.
+         * 
          * If justVisible is true or not specified, only visible options are deselected.
          * 
          * @param {Boolean} justVisible
          */
-        deselectall: function (justVisible) {
-            var allCheckboxes = $("li input[type='checkbox']:enabled", this.$ul),                
-                justVisible = typeof justVisible === 'undefined' ? true : justVisible,
-                visibleCheckboxes = void(0);
+        deselectAll: function (justVisible) {
+            var justVisible = typeof justVisible === 'undefined' ? true : justVisible;
             
-            if(justVisible) {
-                var values = void(0);                
-                visibleCheckboxes = allCheckboxes.filter(":visible");
+            if(justVisible) {              
+                var visibleCheckboxes = $("li input[type='checkbox']:enabled", this.$ul).filter(":visible");
                 visibleCheckboxes.prop('checked', false);
                 
-                values = visibleCheckboxes.map(function() { return $(this).val() }).get();
+                var values = visibleCheckboxes.map(function() {
+                    return $(this).val();
+                }).get();
                 
-                $("option:enabled", this.$select).filter(function(index){ return $.inArray($(this).val(), values) !== -1; }).prop('selected', false);
+                $("option:enabled", this.$select).filter(function(index) {
+                    return $.inArray($(this).val(), values) !== -1;
+                }).prop('selected', false);
                 
-                $("li:not(.divider):not(.disabled)", this.$ul).filter(":visible").removeClass(this.options.selectedClass);
-                
-            }else {
-                allCheckboxes.prop('checked', false);
+                if (this.options.selectedClass) {
+                    $("li:not(.divider):not(.disabled)", this.$ul).filter(":visible").removeClass(this.options.selectedClass);
+                }
+            }
+            else {
+                $("li input[type='checkbox']:enabled", this.$ul).prop('checked', false);
                 $("option:enabled", this.$select).prop('selected', false);
-                $("li:not(.divider):not(.disabled)", this.$ul).removeClass(this.options.selectedClass);
+                
+                if (this.options.selectedClass) {
+                    $("li:not(.divider):not(.disabled)", this.$ul).removeClass(this.options.selectedClass);
+                }
             }
         },
 
         /**
          * Rebuild the plugin.
+         * 
          * Rebuilds the dropdown, the filter and the select all option.
          */
         rebuild: function() {
@@ -880,6 +956,10 @@
             this.updateButtonText();
             this.updateSelectAll();
             
+            if (this.options.disableIfEmpty) {
+                this.disableIfEmpty();
+            }
+            
             if (this.options.dropRight) {
                 this.$ul.addClass('pull-right');
             }
@@ -894,12 +974,12 @@
             var optionDOM = "";
             var groupCounter = 0;
 
-            $.each(dataprovider, function (option) {
+            $.each(dataprovider, function (index, option) {
                 if ($.isArray(option.children)) {
                     groupCounter++;
                     optionDOM += '<optgroup label="' + (option.title || 'Group ' + groupCounter) + '">';
 
-                    option.children.forEach(function(subOption) {
+                    forEach(option.children, function(subOption) {
                         optionDOM += '<option value="' + subOption.value + '">' + (subOption.label || subOption.value) + '</option>';
                     });
 
@@ -932,6 +1012,18 @@
                 .addClass('disabled');
         },
 
+        /**
+         * Disable the multiselect if there are no options in the select.
+         */
+        disableIfEmpty: function () {
+            if ($('option', this.$select).length <= 0) {
+                this.disable();
+            }
+            else {
+                this.enable();
+            }
+        },
+
         /**
          * Set the options.
          * 
@@ -965,11 +1057,11 @@
          */
         updateSelectAll: function() {
             if (this.hasSelectAll()) {
-                var allBoxes = $("li:not(.multiselect-item):not(.filter-hidden) input:enabled", this.$ul),
-                    allBoxesLength = allBoxes.length,
-                    checkedBoxesLength = allBoxes.filter(":checked").length,
-                    selectAllLi  = $("li." + this.options.selectAllValue, this.$ul),
-                    selectAllInput = selectAllLi.find("input");
+                var allBoxes = $("li:not(.multiselect-item):not(.filter-hidden) input:enabled", this.$ul);
+                var allBoxesLength = allBoxes.length;
+                var checkedBoxesLength = allBoxes.filter(":checked").length;
+                var selectAllLi  = $("li." + this.options.selectAllValue, this.$ul);
+                var selectAllInput = selectAllLi.find("input");
                 
                 if (checkedBoxesLength > 0 && checkedBoxesLength === allBoxesLength) {
                     selectAllInput.prop("checked", true);
@@ -989,11 +1081,10 @@
             var options = this.getSelected();
             
             // First update the displayed button text.
-            $('button', this.$container).html(this.options.buttonText(options, this.$select));
+            $('button.multiselect', this.$container).html(this.options.buttonText(options, this.$select));
             
             // Now update the title attribute of the button.
-            $('button', this.$container).attr('title', this.options.buttonTitle(options, this.$select));
-
+            $('button.multiselect', this.$container).attr('title', this.options.buttonTitle(options, this.$select));
         },
 
         /**
@@ -1058,7 +1149,7 @@
         }
     };
 
-    $.fn.multiselect = function(option, parameter) {
+    $.fn.multiselect = function(option, parameter, extraOptions) {
         return this.each(function() {
             var data = $(this).data('multiselect');
             var options = typeof option === 'object' && option;
@@ -1071,7 +1162,7 @@
 
             // Call multiselect method.
             if (typeof option === 'string') {
-                data[option](parameter);
+                data[option](parameter, extraOptions);
                 
                 if (option === 'destroy') {
                     $(this).data('multiselect', false);

data/vendor/assets/stylesheets/bootstrap-multiselect.css

@@ -1 +1 @@
-.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
+.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap-multiselect-rails
 version: !ruby/object:Gem::Version
-  version: 0.9.5
+  version: 0.9.9
 platform: ruby
 authors:
 - Benjamin Canac
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-10 00:00:00.000000000 Z
+date: 2014-10-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -52,7 +52,7 @@ dependencies:
     - - '>='
       - !ruby/object:Gem::Version
         version: '0'
-description: Add Bootstrap Multiselect v0.9.5 to your rails app. See https://github.com/davidstutz/bootstrap-multiselect
+description: Add Bootstrap Multiselect v0.9.9 to your rails app. See https://github.com/davidstutz/bootstrap-multiselect
   for more information about bootstrap-multiselect.
 email:
 - canacb1@gmail.com
@@ -60,13 +60,13 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- lib/bootstrap-multiselect-rails/version.rb
+- MIT-LICENSE
+- README.md
+- Rakefile
 - lib/bootstrap-multiselect-rails.rb
+- lib/bootstrap-multiselect-rails/version.rb
 - vendor/assets/javascripts/bootstrap-multiselect.js
 - vendor/assets/stylesheets/bootstrap-multiselect.css
-- MIT-LICENSE
-- Rakefile
-- README.md
 homepage: https://github.com/benjamincanac/bootstrap-multiselect-rails
 licenses:
 - MIT
@@ -87,8 +87,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.6
+rubygems_version: 2.4.1
 signing_key: 
 specification_version: 4
-summary: Add Bootstrap Multiselect v0.9.5 to your rails app.
+summary: Add Bootstrap Multiselect v0.9.9 to your rails app.
 test_files: []