WebSVN – SmartDukaan – Diff – /trunk/profitmandi-fofo/src/main/webapp/resources/js/bootstrap-multiselect.js

 /**
- * Bootstrap Multiselect (https://github.com/davidstutz/bootstrap-multiselect)
+ * Bootstrap Multiselect (http://davidstutz.de/bootstrap-multiselect/)
+ *
  * Apache License, Version 2.0:
- * Copyright (c) 2012 - 2015 David Stutz
+ * Copyright (c) 2012 - 2018 David Stutz
+ *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not
  * use this file except in compliance with the License. You may obtain a
  * copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
  * License for the specific language governing permissions and limitations
  * under the License.
+ *
  * BSD 3-Clause License:
- * Copyright (c) 2012 - 2015 David Stutz
+ * Copyright (c) 2012 - 2018 David Stutz
  * All rights reserved.
+ *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are met:
  *    - Redistributions of source code must retain the above copyright notice,
  * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
  * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
  * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
  * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
+(function (root, factory) {
+    // check to see if 'knockout' AMD module is specified if using requirejs
+    if (typeof define === 'function' && define.amd &&
+        typeof require === 'function' && typeof require.specified === 'function' && require.specified('knockout')) {
+        // AMD. Register as an anonymous module.
+        define(['jquery', 'knockout'], factory);
+    } else {
+        // Browser globals
+        factory(root.jQuery, root.ko);
+    }
-!function ($) {
+})(this, function ($, ko) {
     "use strict";// jshint ;_;
     if (typeof ko !== 'undefined' && ko.bindingHandlers && !ko.bindingHandlers.multiselect) {
         ko.bindingHandlers.multiselect = {
             after: ['options', 'value', 'selectedOptions', 'enable', 'disable'],
         // Build select all if enabled.
         this.buildContainer();
         this.buildButton();
         this.buildDropdown();
+        this.buildReset();
         this.buildSelectAll();
         this.buildDropdownOptions();
         this.buildFilter();
         this.updateButtonText();
+                    }
                     else {
                         return this.allSelectedText;
+                    }
+                }
-                else if (options.length > this.numberDisplayed) {
+                else if (this.numberDisplayed != 0 && options.length > this.numberDisplayed) {
                     return options.length + ' ' + this.nSelectedText;
+                }
                 else {
                     var selected = '';
                     var delimiter = this.delimiterText;
             enableFiltering: false,
             enableCaseInsensitiveFiltering: false,
             enableFullValueFiltering: false,
             enableClickableOptGroups: false,
             enableCollapsibleOptGroups: false,
+            collapseOptGroupsByDefault: false,
             filterPlaceholder: 'Search',
             // possible options: 'text', 'value', 'both'
             filterBehavior: 'text',
             includeFilterClearBtn: true,
             preventInputChangeEvent: false,
             allSelectedText: 'All selected',
             numberDisplayed: 3,
             disableIfEmpty: false,
             disabledText: '',
             delimiterText: ', ',
+            includeResetOption: false,
+            includeResetDivider: false,
+            resetText: 'Reset',
             templates: {
                 button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"><span class="multiselect-selected-text"></span> <b class="caret"></b></button>',
                 ul: '<ul class="multiselect-container dropdown-menu"></ul>',
-                filter: '<li class="multiselect-item multiselect-filter"><div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span><input class="form-control multiselect-search" type="text"></div></li>',
+                filter: '<li class="multiselect-item multiselect-filter"><div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span><input class="form-control multiselect-search" type="text" /></div></li>',
                 filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter" type="button"><i class="glyphicon glyphicon-remove-circle"></i></button></span>',
                 li: '<li><a tabindex="0"><label></label></a></li>',
                 divider: '<li class="multiselect-item divider"></li>',
-                liGroup: '<li class="multiselect-item multiselect-group"><label></label></li>'
+                liGroup: '<li class="multiselect-item multiselect-group"><label></label></li>',
+                resetButton: '<li class="multiselect-reset text-center"><div class="input-group"><a class="btn btn-default btn-block"></a></div></li>'
+            }
         },
         constructor: Multiselect,
                 // Other illegal tags will be ignored.
             }, this));
             // Bind the change event on the dropdown elements.
+            $(this.$ul).off('change', 'li:not(.multiselect-group) input[type="checkbox"], li:not(.multiselect-group) input[type="radio"]');
-            $('li:not(.multiselect-group) input', this.$ul).on('change', $.proxy(function(event) {
+            $(this.$ul).on('change', 'li:not(.multiselect-group) input[type="checkbox"], li:not(.multiselect-group) input[type="radio"]', $.proxy(function(event) {
                 var $target = $(event.target);
                 var checked = $target.prop('checked') || false;
                 var isSelectAllOption = $target.val() === this.options.selectAllValue;
                     // Prevent selecting text by Shift+click
                     return false;
+                }
             });
-            $('li a', this.$ul).on('touchstart click', $.proxy(function(event) {
+            $(this.$ul).on('touchstart click', 'li a', $.proxy(function(event) {
                 event.stopPropagation();
                 var $target = $(event.target);
                 if (event.shiftKey && this.options.multiple) {
                         $target.prop("checked", !$target.prop("checked"));
+                    }
                     var checked = $target.prop('checked') || false;
                     if (this.lastToggledInput !== null && this.lastToggledInput !== $target) { // Make sure we actually have a range
-                        var from = $target.closest("li").index();
+                        var from = this.$ul.find("li:visible").index($target.parents("li"));
-                        var to = this.lastToggledInput.closest("li").index();
+                        var to = this.$ul.find("li:visible").index(this.lastToggledInput.parents("li"));
                         if (from > to) { // Swap the indices
                             var tmp = to;
                             to = from;
                             from = tmp;
                         // Make sure we grab all elements since slice excludes the last index
                         ++to;
                         // Change the checkboxes and underlying options
-                        var range = this.$ul.find("li").slice(from, to).find("input");
+                        var range = this.$ul.find("li").not(".multiselect-filter-hidden").slice(from, to).find("input");
                         range.prop('checked', checked);
                         if (this.options.selectedClass) {
                             range.closest('li')
                     if (!$items.length) {
                         return;
+                    }
                     var index = $items.index($items.filter(':focus'));
                     // Navigation up.
                     if (event.keyCode === 38 && index > 0) {
                         index--;
+                    }
                     // Navigate down.
                     // Cannot use select or deselect here because it would call updateOptGroups again.
                     this.options.onChange($options, checked);
+                    this.$select.change();
                     this.updateButtonText();
                     this.updateSelectAll();
                 }, this));
+            }
                     var $inputs = $li.nextUntil("li.multiselect-group")
                             .not('.multiselect-filter-hidden');
                     var visible = true;
                     $inputs.each(function() {
-                        visible = visible && $(this).is(':visible');
+                        visible = visible && !$(this).hasClass('multiselect-collapsible-hidden');
                     });
                     if (visible) {
                         $inputs.hide()
                             .addClass('multiselect-collapsible-hidden');
             var inputType = this.options.multiple ? "checkbox" : "radio";
             var $li = $(this.options.templates.li);
             var $label = $('label', $li);
             $label.addClass(inputType);
+            $label.attr("title", label);
             $li.addClass(classes);
+            // Hide all children items when collapseOptGroupsByDefault is true
+            if (this.options.collapseOptGroupsByDefault && $(element).parent().prop("tagName").toLowerCase() === "optgroup") {
+                $li.addClass("multiselect-collapsible-hidden");
+                $li.hide();
+            }
             if (this.options.enableHTML) {
                 $label.html(" " + label);
+            }
             else {
                 $label.text(" " + label);
                 this.createOptionValue(group);
             }, this))
         },
         /**
+         * Build the reset.
+         *
+         */
+        buildReset: function() {
+            if (this.options.includeResetOption) {
+                // Check whether to add a divider after the reset.
+                if (this.options.includeResetDivider) {
+                    this.$ul.prepend($(this.options.templates.divider));
+                }
+                var $resetButton = $(this.options.templates.resetButton);
+                if (this.options.enableHTML) {
+                    $('a', $resetButton).html(this.options.resetText);
+                }
+                else {
+                    $('a', $resetButton).text(this.options.resetText);
+                }
+                $('a', $resetButton).click($.proxy(function(){
+                    this.clearSelection();
+                }, this));
+                this.$ul.prepend($resetButton);
+            }
+        },
+        /**
          * Build the select all.
+         *
          * Checks if a select all has already been created.
          */
         buildSelectAll: function() {
                     if(this.options.includeFilterClearBtn) {
                         var clearBtn = $(this.options.templates.filterClearBtn);
                         clearBtn.on('click', $.proxy(function(event){
                             clearTimeout(this.searchTimeout);
+                            this.query = '';
                             this.$filter.find('.multiselect-search').val('');
                             $('li', this.$ul).show().removeClass('multiselect-filter-hidden');
                             this.updateSelectAll();
                                         else if (filterCandidate.indexOf(this.query) > -1) {
                                             showElement = true;
+                                        }
                                         // Toggle current element (group or group item) according to showElement boolean.
-                                        $(element).toggle(showElement)
+                                        if(!showElement){
+                                          $(element).css('display', 'none');
-                                            .toggleClass('multiselect-filter-hidden', !showElement);
+                                          $(element).addClass('multiselect-filter-hidden');
+                                        }
+                                        if(showElement){
+                                          $(element).css('display', 'block');
+                                          $(element).removeClass('multiselect-filter-hidden');
+                                        }
                                         // Differentiate groups and group items.
                                         if ($(element).hasClass('multiselect-group')) {
                                             // Remember group status.
                                             currentGroup = element;
         /**
          * Refreshs the multiselect based on the selected options of the select.
          */
         refresh: function () {
+            var inputs = {};
+            $('li input', this.$ul).each(function() {
-            var inputs = $.map($('li input', this.$ul), $);
+              inputs[$(this).val()] = $(this);
+            });
             $('option', this.$select).each($.proxy(function (index, element) {
                 var $elem = $(element);
-                var value = $elem.val();
+                var $input = inputs[$(element).val()];
-                var $input;
-                for (var i = inputs.length; 0 < i--; /**/) {
-                    if (value !== ($input = inputs[i]).val())
-                        continue; // wrong li
-                    if ($elem.is(':selected')) {
+                if ($elem.is(':selected')) {
-                        $input.prop('checked', true);
+                    $input.prop('checked', true);
-                        if (this.options.selectedClass) {
+                    if (this.options.selectedClass) {
-                            $input.closest('li')
+                        $input.closest('li')
-                                .addClass(this.options.selectedClass);
+                            .addClass(this.options.selectedClass);
-                        }
+                    }
+                }
-                    else {
+                else {
-                        $input.prop('checked', false);
+                    $input.prop('checked', false);
-                        if (this.options.selectedClass) {
+                    if (this.options.selectedClass) {
-                            $input.closest('li')
+                        $input.closest('li')
-                                .removeClass(this.options.selectedClass);
+                            .removeClass(this.options.selectedClass);
-                        }
+                    }
+                }
-                    if ($elem.is(":disabled")) {
+                if ($elem.is(":disabled")) {
-                        $input.attr('disabled', 'disabled')
+                    $input.attr('disabled', 'disabled')
-                            .prop('disabled', true)
+                        .prop('disabled', true)
-                            .closest('li')
+                        .closest('li')
-                            .addClass('disabled');
+                        .addClass('disabled');
-                    }
+                }
-                    else {
+                else {
-                        $input.prop('disabled', false)
+                    $input.prop('disabled', false)
-                            .closest('li')
+                        .closest('li')
-                            .removeClass('disabled');
+                        .removeClass('disabled');
-                    }
-                    break; // assumes unique values
+                }
             }, this));
             this.updateButtonText();
             this.updateSelectAll();
                 if ($.isArray(option.children)) { // create optiongroup tag
                     groupCounter++;
                     $tag = $('<optgroup/>').attr({
                         label: option.label || 'Group ' + groupCounter,
-                        disabled: !!option.disabled
+                        disabled: !!option.disabled,
+                        value: option.value
                     });
                     forEach(option.children, function(subOption) { // add children option tags
                         var attributes = {
                             value: subOption.value,
                     var attributes = {
                         'value': option.value,
                         'label': option.label || option.value,
                         'title': option.title,
-                        'class': option.class,
+                        'class': option['class'],
-                        'selected': !!option.selected,
+                        'selected': !!option['selected'],
-                        'disabled': !!option.disabled
+                        'disabled': !!option['disabled']
                     };
                     //Loop through attributes object and add key-value for each attribute
                     for (var key in option.attributes) {
                       attributes['data-' + key] = option.attributes[key];
+                    }
     $(function() {
         $("select[data-role=multiselect]").multiselect();
     });
-}(window.jQuery);
+});

Subversion Repositories SmartDukaan

(root)/trunk/profitmandi-fofo/src/main/webapp/resources/js/bootstrap-multiselect.js – Rev 23026 → 24909