diff --git a/application/modules/user/controllers/PortfolioController.php b/application/modules/user/controllers/PortfolioController.php index c1c941ece..b124d096c 100644 --- a/application/modules/user/controllers/PortfolioController.php +++ b/application/modules/user/controllers/PortfolioController.php @@ -46,6 +46,7 @@ class User_PortfolioController extends Zend_Controller_Action */ public function indexAction() { + $user = new Scores_Utilisateur(); if (!$user->checkPerm('survliste')){ $this->forward('perms', 'error', 'default'); @@ -62,7 +63,7 @@ class User_PortfolioController extends Zend_Controller_Action $nbAffichage = 50; $position = ($page - 1 ) * $nbAffichage; - $source = $request->getParam('source', ''); + $source =$request->getParam('source', ''); //'annonces'; // $tri = $request->getParam('tri', 'siren'); $this->view->assign('tri', $tri); @@ -472,9 +473,9 @@ class User_PortfolioController extends Zend_Controller_Action echo "Erreur lors de la suppression"; } } elseif (isset($page)) { - $this->redirect('surveillance/liste/page/'.$page); + $this->redirect('user/portfolio/index/page/'.$page); } else { - $this->redirect('surveillance/liste'); + $this->redirect('user/portfolio/index'); } } diff --git a/application/modules/user/views/default/scripts/portfolio/ajouter.phtml b/application/modules/user/views/default/scripts/portfolio/ajouter.phtml index 24576c12a..d5d9bc830 100644 --- a/application/modules/user/views/default/scripts/portfolio/ajouter.phtml +++ b/application/modules/user/views/default/scripts/portfolio/ajouter.phtml @@ -176,7 +176,7 @@ $('#dialogsurv').dialog({ buttons: [ { // ]}); function survSubmit(){ - $('#dialogsurv').dialog({buttons: []}); +// $('#dialogsurv').dialog({buttons: []}); var action = $('#frmSurv').attr('action'); var siret = $('input[name=siret]').val(); var ref = $('input[name=ref]').val(); @@ -203,14 +203,15 @@ function survSubmit(){ $('#frmSurv').append('
Mise sous surveillance terminé.'); } }); - $('#dialogsurv').dialog({ buttons: [ { - text: "Fermer", click: function() {$(this).dialog("close"); } - } ]}); + $('.modal-footer').replaceWith('
'); +// $('#dialogsurv').dialog({ buttons: [ { +// text: "Fermer", click: function() {$(this).dialog("close"); } +// } ]}); } else { $('#frmSurv').replaceWith('
Aucune source !
'); - $('#dialogsurv').dialog({ buttons: [ { - text: "Fermer", click: function() { $(this).dialog("close"); } - } ]}); +// $('#dialogsurv').dialog({ buttons: [ { +// text: "Fermer", click: function() { $(this).dialog("close"); } +// } ]}); } } diff --git a/application/modules/user/views/default/scripts/portfolio/index.phtml b/application/modules/user/views/default/scripts/portfolio/index.phtml index 8fd2ff76c..c0e0affdb 100644 --- a/application/modules/user/views/default/scripts/portfolio/index.phtml +++ b/application/modules/user/views/default/scripts/portfolio/index.phtml @@ -1,249 +1,298 @@
-
-

Surveillance

-
+
+

Surveillance

+
source) ){?> - - - - - - - - -
Nombre d'entités affichéesnbReponses?>
Nombre de surveillancesnbSurveillances?>
+ + Nombre d'entités affichées + nbReponses?> + + + Nombre de surveillances + nbSurveillances?> + + - - - - -
Nombre de surveillances source?>nbSurveillances?>
+ + Nombre de surveillances source?> + nbSurveillances?> + +

Extraction des surveillances

action('surveillancecsv', 'surveillance')?>

Options de recherche

+
- - -
-
-Tri - -par - +
+ + + + +
-
-" /> - -
+
+ " /> + +
-

Liste des surveillances

- - + + + + + + + + + +
+
+     +

Liste des surveillances


+ + +
+ + + + + + + + + + + + + + + + +surveillances as $item ) { + foreach ( $this->listSources as $source ) { + + foreach ( $item ['sources'] as $surveillance ) { + // $ok = false; + if ($surveillance ['source'] == $source) { + ?> + + + - - - - - - - - - -surveillances as $item) {?> - - - + + + - - - - - - - - -
SirenDénomination SocialeRéférenceSurveillanceAjout leEnvoyé le
SirenDénomination SocialeRéférenceSurveillanceAjout leEnvoyé le
- - -
- 		+ + ; + + listSources as $source) { - $ok = false; - foreach ($item['sources'] as $surveillance) { - if ( $surveillance['source'] == $source ) { - if ($surveillance['ref'] != '') { ?>

-

-

- 		- listSources as $source) { - $ok = false; - foreach ($item['sources'] as $surveillance) { - if ( $surveillance['source'] == $source ) { - ?> -
-

- - - - - - - - - -
- -
-

- - - -
- -
- - 		- listSources as $source) { - $ok = false; - foreach ($item['sources'] as $surveillance) { - if ( $surveillance['source'] == $source ) { - ?> -

-

-

- 		- listSources as $source) { - $ok = false; - foreach ($item['sources'] as $surveillance) { - if ( $surveillance['source'] == $source ) { - $pDate = substr($surveillance['dateDerEnvoi'], 8, 2).'/'. - substr($surveillance['dateDerEnvoi'], 5, 2).'/'. - substr($surveillance['dateDerEnvoi'], 0, 4); - if ($pDate != '00/00/0000') { - echo '

'.$pDate.'

'; - } else { - echo '

-

'; + // foreach ( $this->listSources as $source ) { + // $ok = false; + // foreach ( $item ['sources'] as $surveillance ) { + if ($surveillance ['source'] == $source) { + if ($surveillance ['ref'] != '') { + ?>

-

-

+ // / } + // if ($ok === false) { + // ?> + +
+ + + listSources as $source ) { + // $ok = false; + // : foreach ( $item ['sources'] as $surveillance ) { + // if ($surveillance ['source'] == $source) { + ?> +
+

+ + + + + +
+ + +

+ url ( array ('module' => 'user','controller' => 'portfolio','action' => 'ajouter','siret' => $item ['siren'] . $item ['nic'],'source' => $source ), null, true )?> + + + + + +
+ + + + + listSources as $source ) { + // $ok = false; + // :foreach ( $item ['sources'] as $surveillance ) { + // if ($surveillance ['source'] == $source) { + ?> +

+ + + + + + listSources as $source ) { + // $ok = false; + // foreach ( $item ['sources'] as $surveillance ) { + // if ($surveillance ['source'] == $source) { + $pDate = substr ( $surveillance ['dateDerEnvoi'], 8, 2 ) . '/' . substr ( $surveillance ['dateDerEnvoi'], 5, 2 ) . '/' . substr ( $surveillance ['dateDerEnvoi'], 0, 4 ); + if ($pDate != '00/00/0000') { + echo '

' . $pDate . '

'; + } else { + echo '

-

'; + } + // $ok = true; + // } + // } + // if ($ok === false) { + // ?> + + + + + + + + + + + + + +
+ + + + + + + + + + + + + PageTotal>1) {?>
- +
diff --git a/library/Application/Controller/Plugin/Theme.php b/library/Application/Controller/Plugin/Theme.php index b494150c6..8212e88fa 100644 --- a/library/Application/Controller/Plugin/Theme.php +++ b/library/Application/Controller/Plugin/Theme.php @@ -85,6 +85,7 @@ class Application_Controller_Plugin_Theme extends Zend_Controller_Plugin_Abstrac */ $view->headLink() ->appendStylesheet('/libs/bootstrap-3.3.7/css/bootstrap.min.css', 'all') + ->appendStylesheet('/libs/bootstrap-multiselect/css/bootstrap-multiselect.css', 'all') ->appendStylesheet('/libs/ui-1.11.4/themes/smoothness/jquery-ui.min.css', 'all') ->appendStylesheet('/libs/qtip/jquery.qtip.min.css', 'all') ->appendStylesheet('/libs/font-awesome-4.6.3/css/font-awesome.min.css', 'all'); @@ -108,7 +109,9 @@ class Application_Controller_Plugin_Theme extends Zend_Controller_Plugin_Abstrac ->appendFile('/themes/default/scripts/bridge.js', 'text/javascript') ->appendFile('/themes/default/scripts/print.js', 'text/javascript') ->appendFile('/themes/default/scripts/main.js', 'text/javascript') - ->appendFile('/libs/bootstrap-3.3.7/js/bootstrap.min.js', 'text/javascript'); + ->appendFile('/libs/bootstrap-3.3.7/js/bootstrap.min.js', 'text/javascript') + ->appendFile('/libs/bootstrap-multiselect/js/bootstrap-multiselect.js', 'text/javascript'); + if ( ! $UserLogin ) { $view->headScript() diff --git a/public/libs/bootstrap-multiselect/README.md b/public/libs/bootstrap-multiselect/README.md new file mode 100644 index 000000000..80a16010c --- /dev/null +++ b/public/libs/bootstrap-multiselect/README.md @@ -0,0 +1,10 @@ +bootstrap-multiselect +===================== + +Shim repository for http://github.com/davidstutz/bootstrap-multiselect + +Package Managers +---------------- + +* [Composer](http://packagist.org/packages/mrohnstock/bootstrap-multiselect): `mrohnstock/bootstrap-multiselect` +* [Component](http://component.io): `mrohnstock/bootstrap-multiselect` \ No newline at end of file diff --git a/public/libs/bootstrap-multiselect/component.json b/public/libs/bootstrap-multiselect/component.json new file mode 100644 index 000000000..d335fbe4e --- /dev/null +++ b/public/libs/bootstrap-multiselect/component.json @@ -0,0 +1,36 @@ +{ + "name": "mrohnstock-bootstrap-multiselect", + "repo": "mrohnstock/bootstrap-multiselect", + "description": "Twitter Bootstrap plugin to make selects user friendly.", + "version": "0.9.13", + "homepage": "http://davidstutz.github.io/bootstrap-multiselect/", + "licenses": [ + { + "type": "Apache License, Version 2.0", + "url": "https://github.com/davidstutz/bootstrap-multiselect/blob/master/LICENSE.md" + } + ], + "keywords": [ + "js", + "css", + "less", + "bootstrap", + "jquery", + "multiselect" + ], + "dependencies": { + "components/jquery": ">=1.11.0", + "components/bootstrap": ">= 2.3.2" + }, + "main": "js/bootstrap-multiselect.js", + "scripts": [ + "js/bootstrap-multiselect.js", + "js/bootstrap-multiselect-collapsible-groups.js" + ], + "files": [ + "css/bootstrap-multiselect.css", + "js/bootstrap-multiselect.js", + "js/bootstrap-multiselect-collapsible-groups.js", + "less/bootstrap-multiselect.less" + ] +} \ No newline at end of file diff --git a/public/libs/bootstrap-multiselect/composer.json b/public/libs/bootstrap-multiselect/composer.json new file mode 100644 index 000000000..236b999f0 --- /dev/null +++ b/public/libs/bootstrap-multiselect/composer.json @@ -0,0 +1,46 @@ +{ + "name": "mrohnstock/bootstrap-multiselect", + "description": "Twitter Bootstrap plugin to make selects user friendly.", + "type": "component", + "homepage": "http://davidstutz.github.io/bootstrap-multiselect/", + "licenses": [ + { + "type": "Apache License, Version 2.0", + "url": "https://github.com/davidstutz/bootstrap-multiselect/blob/master/LICENSE.md" + } + ], + "keywords": [ + "js", + "css", + "less", + "bootstrap", + "jquery", + "multiselect" + ], + "author": { + "url": "http://davidstutz.de/", + "name": "David Stutz" + }, + "require": { + "robloach/component-installer": "*", + "components/jquery": ">=1.11.0", + "components/bootstrap": ">= 2.3.2" + }, + "extra": { + "component": { + "scripts": [ + "js/bootstrap-multiselect.js", + "js/bootstrap-multiselect-collapsible-groups.js" + ], + "files": [ + "css/bootstrap-multiselect.css", + "js/bootstrap-multiselect.js", + "js/bootstrap-multiselect-collapsible-groups.js", + "less/bootstrap-multiselect.less" + ], + "shim": { + "deps": ["jquery"] + } + } + } +} \ No newline at end of file diff --git a/public/libs/bootstrap-multiselect/css/bootstrap-multiselect.css b/public/libs/bootstrap-multiselect/css/bootstrap-multiselect.css new file mode 100644 index 000000000..13de57bb1 --- /dev/null +++ b/public/libs/bootstrap-multiselect/css/bootstrap-multiselect.css @@ -0,0 +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.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.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} \ No newline at end of file diff --git a/public/libs/bootstrap-multiselect/js/bootstrap-multiselect-collapsible-groups.js b/public/libs/bootstrap-multiselect/js/bootstrap-multiselect-collapsible-groups.js new file mode 100644 index 000000000..195e4f174 --- /dev/null +++ b/public/libs/bootstrap-multiselect/js/bootstrap-multiselect-collapsible-groups.js @@ -0,0 +1,92 @@ +! function(e) { + "use strict"; + jQuery.fn.multiselect.Constructor.prototype.selectAll = (function() { + var cached_function = jQuery.fn.multiselect.Constructor.prototype.selectAll; + + return function() { + var args = Array.prototype.slice.call( arguments ); + args[0] = (this.options.enableCollapsibleOptGroups && this.options.multiple) ? false : args[0]; + cached_function.apply(this, args); + }; + }()); + + jQuery.fn.multiselect.Constructor.prototype.deselectAll = (function() { + var cached_function = jQuery.fn.multiselect.Constructor.prototype.deselectAll; + + return function() { + var args = Array.prototype.slice.call( arguments ); + args[0] = (this.options.enableCollapsibleOptGroups && this.options.multiple) ? false : args[0]; + cached_function.apply(this, args); + }; + }()); + + jQuery.fn.multiselect.Constructor.prototype.createOptgroup = (function() { + var cached_function = jQuery.fn.multiselect.Constructor.prototype.createOptgroup; + + return function() { + var args = Array.prototype.slice.call( arguments ); + var t = args[0]; + if (this.options.enableCollapsibleOptGroups && this.options.multiple) { + var n = e(t).attr("label"); + var v = e(t).attr("value"); + var r = e('
  • ' + n + '
    • '); + + if (this.options.enableClickableOptGroups) { + r.addClass("multiselect-group-clickable") + } + this.$ul.append(r); + if (e(t).is(":disabled")) { + r.addClass("disabled") + } + e("option", t).each(e.proxy(function(e, t) { + this.createOptionValue(t) + }, this)) + } else { + cached_function.apply(this, arguments); + } + }; + }()); + + jQuery.fn.multiselect.Constructor.prototype.buildDropdownOptions = (function() { + var cached_function = jQuery.fn.multiselect.Constructor.prototype.buildDropdownOptions; + + return function() { + cached_function.apply(this, arguments); + + if (this.options.enableCollapsibleOptGroups && this.options.multiple) { + + e("li.multiselect-group input", this.$ul).off(); + e("li.multiselect-group", this.$ul).siblings().not("li.multiselect-group, li.multiselect-all", this.$ul).each( function () { + $(this).toggleClass('hidden', true); + }); + e("li.multiselect-group", this.$ul).on("click", e.proxy(function(t) { + t.stopPropagation(); + }, this)); + e("li.multiselect-group > a > b", this.$ul).on("click", e.proxy(function(t) { + t.stopPropagation(); + var n = e(t.target).closest('li'); + var r = n.nextUntil("li.multiselect-group"); + var i = true; + r.each(function() { + i = i && e(this).hasClass('hidden'); + }); + r.toggleClass('hidden', !i); + }, this)); + e("li.multiselect-group > a > input", this.$ul).on("change", e.proxy(function(t) { + t.stopPropagation(); + var n = e(t.target).closest('li'); + var r = n.nextUntil("li.multiselect-group"); + var i = true; + var s = r.find("input"); + s.each(function() { + i = i && e(this).prop("checked") + }); + s.prop("checked", !i).trigger("change") + }, this)); + e("li.multiselect-all", this.$ul).css('background', '#f3f3f3').css('border-bottom', '1px solid #eaeaea'); + e("li.multiselect-group > a, li.multiselect-all > a > label.checkbox", this.$ul).css('padding', '3px 20px 3px 35px'); + e("li.multiselect-group > a > input", this.$ul).css('margin', '4px 0px 5px -20px'); + } + }; + }()); +}(window.jQuery) diff --git a/public/libs/bootstrap-multiselect/js/bootstrap-multiselect.js b/public/libs/bootstrap-multiselect/js/bootstrap-multiselect.js new file mode 100644 index 000000000..5fb4c18cf --- /dev/null +++ b/public/libs/bootstrap-multiselect/js/bootstrap-multiselect.js @@ -0,0 +1,1416 @@ +/** + * Bootstrap Multiselect (https://github.com/davidstutz/bootstrap-multiselect) + * + * Apache License, Version 2.0: + * Copyright (c) 2012 - 2015 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 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * 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 + * 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, + * this list of conditions and the following disclaimer. + * - Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * - Neither the name of David Stutz nor the names of its contributors may be + * used to endorse or promote products derived from this software without + * specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" + * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, + * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR + * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; + * 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 ($) { + "use strict";// jshint ;_; + + if (typeof ko !== 'undefined' && ko.bindingHandlers && !ko.bindingHandlers.multiselect) { + ko.bindingHandlers.multiselect = { + after: ['options', 'value', 'selectedOptions'], + + init: function(element, valueAccessor, allBindings, viewModel, bindingContext) { + var $element = $(element); + var config = ko.toJS(valueAccessor()); + + $element.multiselect(config); + + if (allBindings.has('options')) { + var options = allBindings.get('options'); + if (ko.isObservable(options)) { + ko.computed({ + read: function() { + options(); + setTimeout(function() { + var ms = $element.data('multiselect'); + if (ms) + ms.updateOriginalOptions();//Not sure how beneficial this is. + $element.multiselect('rebuild'); + }, 1); + }, + disposeWhenNodeIsRemoved: element + }); + } + } + + //value and selectedOptions are two-way, so these will be triggered even by our own actions. + //It needs some way to tell if they are triggered because of us or because of outside change. + //It doesn't loop but it's a waste of processing. + if (allBindings.has('value')) { + var value = allBindings.get('value'); + if (ko.isObservable(value)) { + ko.computed({ + read: function() { + value(); + setTimeout(function() { + $element.multiselect('refresh'); + }, 1); + }, + disposeWhenNodeIsRemoved: element + }).extend({ rateLimit: 100, notifyWhenChangesStop: true }); + } + } + + //Switched from arrayChange subscription to general subscription using 'refresh'. + //Not sure performance is any better using 'select' and 'deselect'. + if (allBindings.has('selectedOptions')) { + var selectedOptions = allBindings.get('selectedOptions'); + if (ko.isObservable(selectedOptions)) { + ko.computed({ + read: function() { + selectedOptions(); + setTimeout(function() { + $element.multiselect('refresh'); + }, 1); + }, + disposeWhenNodeIsRemoved: element + }).extend({ rateLimit: 100, notifyWhenChangesStop: true }); + } + } + + ko.utils.domNodeDisposal.addDisposeCallback(element, function() { + $element.multiselect('destroy'); + }); + }, + + update: function(element, valueAccessor, allBindings, viewModel, bindingContext) { + var $element = $(element); + var config = ko.toJS(valueAccessor()); + + $element.multiselect('setOptions', config); + $element.multiselect('rebuild'); + } + }; + } + + function forEach(array, callback) { + for (var index = 0; index < array.length; ++index) { + callback(array[index], index); + } + } + + /** + * Constructor to create a new multiselect using the given select. + * + * @param {jQuery} select + * @param {Object} options + * @returns {Multiselect} + */ + function Multiselect(select, options) { + + this.$select = $(select); + + // Placeholder via data attributes + if (this.$select.attr("data-placeholder")) { + options.nonSelectedText = this.$select.data("placeholder"); + } + + this.options = this.mergeOptions($.extend({}, options, this.$select.data())); + + // Initialization. + // We have to clone to create a new reference. + this.originalOptions = this.$select.clone()[0].options; + this.query = ''; + this.searchTimeout = null; + this.lastToggledInput = null + + this.options.multiple = this.$select.attr('multiple') === "multiple"; + 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(); + this.buildDropdown(); + this.buildSelectAll(); + this.buildDropdownOptions(); + this.buildFilter(); + + this.updateButtonText(); + this.updateSelectAll(); + + if (this.options.disableIfEmpty && $('option', this.$select).length <= 0) { + this.disable(); + } + + this.$select.hide().after(this.$container); + }; + + Multiselect.prototype = { + + 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. + * + * @param {jQuery} options + * @param {jQuery} select + * @returns {String} + */ + buttonText: function(options, select) { + if (options.length === 0) { + return this.nonSelectedText; + } + else if (this.allSelectedText + && options.length === $('option', $(select)).length + && $('option', $(select)).length !== 1 + && this.multiple) { + + if (this.selectAllNumber) { + return this.allSelectedText + ' (' + options.length + ')'; + } + else { + return this.allSelectedText; + } + } + else if (options.length > this.numberDisplayed) { + return options.length + ' ' + this.nSelectedText; + } + else { + var selected = ''; + var delimiter = this.delimiterText; + + options.each(function() { + var label = ($(this).attr('label') !== undefined) ? $(this).attr('label') : $(this).text(); + selected += label + delimiter; + }); + + return selected.substr(0, selected.length - 2); + } + }, + /** + * Updates the title of the button similar to the buttonText function. + * + * @param {jQuery} options + * @param {jQuery} select + * @returns {@exp;selected@call;substr} + */ + buttonTitle: function(options, select) { + if (options.length === 0) { + return this.nonSelectedText; + } + else { + var selected = ''; + var delimiter = this.delimiterText; + + options.each(function () { + var label = ($(this).attr('label') !== undefined) ? $(this).attr('label') : $(this).text(); + selected += label + delimiter; + }); + return selected.substr(0, selected.length - 2); + } + }, + /** + * Create a label. + * + * @param {jQuery} element + * @returns {String} + */ + optionLabel: function(element){ + return $(element).attr('label') || $(element).text(); + }, + /** + * Triggered on change of the multiselect. + * + * Not triggered when selecting/deselecting options manually. + * + * @param {jQuery} option + * @param {Boolean} checked + */ + onChange : function(option, checked) { + + }, + /** + * Triggered when the dropdown is shown. + * + * @param {jQuery} event + */ + onDropdownShow: function(event) { + + }, + /** + * Triggered when the dropdown is hidden. + * + * @param {jQuery} event + */ + 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) { + + }, + /** + * Triggered on select all. + */ + onSelectAll: function() { + + }, + enableHTML: false, + buttonClass: 'btn btn-default', + inheritClass: false, + buttonWidth: 'auto', + buttonContainer: '
    ', + dropRight: false, + selectedClass: 'active', + // Maximum height of the dropdown menu. + // If maximum height is exceeded a scrollbar will be displayed. + maxHeight: false, + checkboxName: false, + includeSelectAllOption: false, + includeSelectAllIfMoreThan: 0, + selectAllText: ' Select all', + selectAllValue: 'multiselect-all', + selectAllName: false, + selectAllNumber: true, + enableFiltering: false, + enableCaseInsensitiveFiltering: false, + enableClickableOptGroups: false, + filterPlaceholder: 'Search', + // possible options: 'text', 'value', 'both' + filterBehavior: 'text', + includeFilterClearBtn: true, + preventInputChangeEvent: false, + nonSelectedText: 'None selected', + nSelectedText: 'selected', + allSelectedText: 'All selected', + numberDisplayed: 3, + disableIfEmpty: false, + delimiterText: ', ', + templates: { + button: '', + ul: '', + filter: '
    • ', + filterClearBtn: '', + li: '
    • ', + divider: '
  • ', + liGroup: '
    • ' + } + }, + + constructor: Multiselect, + + /** + * Builds the container of the multiselect. + */ + buildContainer: function() { + 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); + }, + + /** + * Builds the button of the multiselect. + */ + buildButton: function() { + this.$button = $(this.options.templates.button).addClass(this.options.buttonClass); + if (this.$select.attr('class') && this.options.inheritClass) { + this.$button.addClass(this.$select.attr('class')); + } + // Adopt active state. + if (this.$select.prop('disabled')) { + this.disable(); + } + else { + this.enable(); + } + + // Manually add button width if set. + if (this.options.buttonWidth && this.options.buttonWidth !== 'auto') { + this.$button.css({ + 'width' : this.options.buttonWidth, + 'overflow' : 'hidden', + 'text-overflow' : 'ellipsis' + }); + this.$container.css({ + 'width': this.options.buttonWidth + }); + } + + // Keep the tab index from the select. + var tabindex = this.$select.attr('tabindex'); + if (tabindex) { + this.$button.attr('tabindex', tabindex); + } + + this.$container.prepend(this.$button); + }, + + /** + * Builds the ul representing the dropdown menu. + */ + buildDropdown: function() { + + // Build ul. + this.$ul = $(this.options.templates.ul); + + if (this.options.dropRight) { + this.$ul.addClass('pull-right'); + } + + // Set max height of dropdown menu to activate auto scrollbar. + if (this.options.maxHeight) { + // TODO: Add a class for this option to move the css declarations. + this.$ul.css({ + 'max-height': this.options.maxHeight + 'px', + 'overflow-y': 'auto', + 'overflow-x': 'hidden' + }); + } + + this.$container.append(this.$ul); + }, + + /** + * Build the dropdown options and binds all nessecary events. + * + * Uses createDivider and createOptionValue to create the necessary options. + */ + buildDropdownOptions: function() { + + this.$select.children().each($.proxy(function(index, element) { + + var $element = $(element); + // Support optgroups and options without a group simultaneously. + var tag = $element.prop('tagName') + .toLowerCase(); + + if ($element.prop('value') === this.options.selectAllValue) { + return; + } + + if (tag === 'optgroup') { + this.createOptgroup(element); + } + else if (tag === 'option') { + + if ($element.data('role') === 'divider') { + this.createDivider(); + } + else { + this.createOptionValue(element); + } + + } + + // Other illegal tags will be ignored. + }, this)); + + // Bind the change event on the dropdown elements. + $('li input', this.$ul).on('change', $.proxy(function(event) { + var $target = $(event.target); + + var checked = $target.prop('checked') || false; + var isSelectAllOption = $target.val() === this.options.selectAllValue; + + // Apply or unapply the configured selected class. + if (this.options.selectedClass) { + if (checked) { + $target.closest('li') + .addClass(this.options.selectedClass); + } + else { + $target.closest('li') + .removeClass(this.options.selectedClass); + } + } + + // Get the corresponding option. + var value = $target.val(); + var $option = this.getOptionByValue(value); + + var $optionsNotThis = $('option', this.$select).not($option); + var $checkboxesNotThis = $('input', this.$container).not($target); + + if (isSelectAllOption) { + if (checked) { + this.selectAll(); + } + else { + this.deselectAll(); + } + } + + if(!isSelectAllOption){ + if (checked) { + $option.prop('selected', true); + + if (this.options.multiple) { + // Simply select additional option. + $option.prop('selected', true); + } + else { + // Unselect all other options and corresponding checkboxes. + if (this.options.selectedClass) { + $($checkboxesNotThis).closest('li').removeClass(this.options.selectedClass); + } + + $($checkboxesNotThis).prop('checked', false); + $optionsNotThis.prop('selected', false); + + // It's a single selection, so close. + this.$button.click(); + } + + if (this.options.selectedClass === "active") { + $optionsNotThis.closest("a").css("outline", ""); + } + } + else { + // Unselect option. + $option.prop('selected', false); + } + } + + this.$select.change(); + + this.updateButtonText(); + this.updateSelectAll(); + + this.options.onChange($option, checked); + + if(this.options.preventInputChangeEvent) { + return false; + } + }, this)); + + $('li a', this.$ul).on('mousedown', function(e) { + if (e.shiftKey) { + // Prevent selecting text by Shift+click + return false; + } + }); + + $('li a', this.$ul).on('touchstart click', $.proxy(function(event) { + event.stopPropagation(); + + var $target = $(event.target); + + if (event.shiftKey && this.options.multiple) { + if($target.is("label")){ // Handles checkbox selection manually (see https://github.com/davidstutz/bootstrap-multiselect/issues/431) + event.preventDefault(); + $target = $target.find("input"); + $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 to = this.lastToggledInput.closest("li").index(); + + 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"); + + range.prop('checked', checked); + + if (this.options.selectedClass) { + range.closest('li') + .toggleClass(this.options.selectedClass, checked); + } + + for (var i = 0, j = range.length; i < j; i++) { + var $checkbox = $(range[i]); + + var $option = this.getOptionByValue($checkbox.val()); + + $option.prop('selected', checked); + } + } + + // Trigger the select "change" event + $target.trigger("change"); + } + + // Remembers last clicked option + if($target.is("input") && !$target.closest("li").is(".multiselect-item")){ + this.lastToggledInput = $target; + } + + $target.blur(); + }, this)); + + // Keyboard support. + this.$container.off('keydown.multiselect').on('keydown.multiselect', $.proxy(function(event) { + if ($('input[type="text"]', this.$container).is(':focus')) { + return; + } + + if (event.keyCode === 9 && this.$container.hasClass('open')) { + this.$button.click(); + } + else { + var $items = $(this.$container).find("li:not(.divider):not(.disabled) a").filter(":visible"); + + if (!$items.length) { + return; + } + + var index = $items.index($items.filter(':focus')); + + // Navigation up. + if (event.keyCode === 38 && index > 0) { + index--; + } + // Navigate down. + else if (event.keyCode === 40 && index < $items.length - 1) { + index++; + } + else if (!~index) { + index = 0; + } + + var $current = $items.eq(index); + $current.focus(); + + if (event.keyCode === 32 || event.keyCode === 13) { + var $checkbox = $current.find('input'); + + $checkbox.prop("checked", !$checkbox.prop("checked")); + $checkbox.change(); + } + + event.stopPropagation(); + event.preventDefault(); + } + }, this)); + + if(this.options.enableClickableOptGroups && this.options.multiple) { + $('li.multiselect-group', this.$ul).on('click', $.proxy(function(event) { + event.stopPropagation(); + + var group = $(event.target).parent(); + + // Search all option in optgroup + var $options = group.nextUntil('li.multiselect-group'); + var $visibleOptions = $options.filter(":visible:not(.disabled)"); + + // check or uncheck items + var allChecked = true; + var optionInputs = $visibleOptions.find('input'); + optionInputs.each(function() { + allChecked = allChecked && $(this).prop('checked'); + }); + + optionInputs.prop('checked', !allChecked).trigger('change'); + }, this)); + } + }, + + /** + * Create an option using the given select option. + * + * @param {jQuery} element + */ + createOptionValue: function(element) { + var $element = $(element); + if ($element.is(':selected')) { + $element.prop('selected', true); + } + + // Support the label attribute on options. + var label = this.options.optionLabel(element); + var value = $element.val(); + var inputType = this.options.multiple ? "checkbox" : "radio"; + + var $li = $(this.options.templates.li); + var $label = $('label', $li); + $label.addClass(inputType); + + if (this.options.enableHTML) { + $label.html(" " + label); + } + else { + $label.text(" " + label); + } + + var $checkbox = $('').attr('type', inputType); + + if (this.options.checkboxName) { + $checkbox.attr('name', this.options.checkboxName); + } + $label.prepend($checkbox); + + var selected = $element.prop('selected') || false; + $checkbox.val(value); + + if (value === this.options.selectAllValue) { + $li.addClass("multiselect-item multiselect-all"); + $checkbox.parent().parent() + .addClass('multiselect-all'); + } + + $label.attr('title', $element.attr('title')); + + this.$ul.append($li); + + if ($element.is(':disabled')) { + $checkbox.attr('disabled', 'disabled') + .prop('disabled', true) + .closest('a') + .attr("tabindex", "-1") + .closest('li') + .addClass('disabled'); + } + + $checkbox.prop('checked', selected); + + if (selected && this.options.selectedClass) { + $checkbox.closest('li') + .addClass(this.options.selectedClass); + } + }, + + /** + * Creates a divider using the given select option. + * + * @param {jQuery} element + */ + createDivider: function(element) { + var $divider = $(this.options.templates.divider); + this.$ul.append($divider); + }, + + /** + * Creates an optgroup. + * + * @param {jQuery} group + */ + createOptgroup: function(group) { + var groupName = $(group).prop('label'); + + // Add a header for the group. + var $li = $(this.options.templates.liGroup); + + if (this.options.enableHTML) { + $('label', $li).html(groupName); + } + else { + $('label', $li).text(groupName); + } + + if (this.options.enableClickableOptGroups) { + $li.addClass('multiselect-group-clickable'); + } + + this.$ul.append($li); + + if ($(group).is(':disabled')) { + $li.addClass('disabled'); + } + + // Add the options of the group. + $('option', group).each($.proxy(function(index, element) { + this.createOptionValue(element); + }, this)); + }, + + /** + * Build the selct all. + * + * Checks if a select all has already been created. + */ + buildSelectAll: function() { + if (typeof this.options.selectAllValue === 'number') { + this.options.selectAllValue = this.options.selectAllValue.toString(); + } + + var alreadyHasSelectAll = this.hasSelectAll(); + + if (!alreadyHasSelectAll && this.options.includeSelectAllOption && this.options.multiple + && $('option', this.$select).length > this.options.includeSelectAllIfMoreThan) { + + // Check whether to add a divider after the select all. + if (this.options.includeSelectAllDivider) { + this.$ul.prepend($(this.options.templates.divider)); + } + + var $li = $(this.options.templates.li); + $('label', $li).addClass("checkbox"); + + if (this.options.enableHTML) { + $('label', $li).html(" " + this.options.selectAllText); + } + else { + $('label', $li).text(" " + this.options.selectAllText); + } + + if (this.options.selectAllName) { + $('label', $li).prepend(''); + } + else { + $('label', $li).prepend(''); + } + + var $checkbox = $('input', $li); + $checkbox.val(this.options.selectAllValue); + + $li.addClass("multiselect-item multiselect-all"); + $checkbox.parent().parent() + .addClass('multiselect-all'); + + this.$ul.prepend($li); + + $checkbox.prop('checked', false); + } + }, + + /** + * Builds the filter. + */ + buildFilter: function() { + + // Build filter if filtering OR case insensitive filtering is enabled and the number of options exceeds (or equals) enableFilterLength. + if (this.options.enableFiltering || this.options.enableCaseInsensitiveFiltering) { + var enableFilterLength = Math.max(this.options.enableFiltering, this.options.enableCaseInsensitiveFiltering); + + if (this.$select.find('option').length >= enableFilterLength) { + + this.$filter = $(this.options.templates.filter); + $('input', this.$filter).attr('placeholder', this.options.filterPlaceholder); + + // Adds optional filter clear button + if(this.options.includeFilterClearBtn){ + var clearBtn = $(this.options.templates.filterClearBtn); + clearBtn.on('click', $.proxy(function(event){ + clearTimeout(this.searchTimeout); + this.$filter.find('.multiselect-search').val(''); + $('li', this.$ul).show().removeClass("filter-hidden"); + this.updateSelectAll(); + }, this)); + this.$filter.find('.input-group').append(clearBtn); + } + + this.$ul.prepend(this.$filter); + + this.$filter.val(this.query).on('click', function(event) { + event.stopPropagation(); + }).on('input keydown', $.proxy(function(event) { + // Cancel enter key default behaviour + if (event.which === 13) { + event.preventDefault(); + } + + // This is useful to catch "keydown" events after the browser has updated the control. + clearTimeout(this.searchTimeout); + + this.searchTimeout = this.asyncFunction($.proxy(function() { + + if (this.query !== event.target.value) { + this.query = event.target.value; + + var currentGroup, currentGroupVisible; + $.each($('li', this.$ul), $.proxy(function(index, element) { + var value = $('input', element).length > 0 ? $('input', element).val() : ""; + var text = $('label', element).text(); + + var filterCandidate = ''; + if ((this.options.filterBehavior === 'text')) { + filterCandidate = text; + } + else if ((this.options.filterBehavior === 'value')) { + filterCandidate = value; + } + else if (this.options.filterBehavior === 'both') { + filterCandidate = text + '\n' + value; + } + + if (value !== this.options.selectAllValue && text) { + // 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) { + showElement = true; + } + else if (filterCandidate.indexOf(this.query) > -1) { + showElement = true; + } + + // Toggle current element (group or group item) according to showElement boolean. + $(element).toggle(showElement).toggleClass('filter-hidden', !showElement); + + // Differentiate groups and group items. + if ($(element).hasClass('multiselect-group')) { + // Remember group status. + currentGroup = element; + currentGroupVisible = showElement; + } + else { + // Show group name when at least one of its items is visible. + if (showElement) { + $(currentGroup).show().removeClass('filter-hidden'); + } + + // Show all group items when group name satisfies filter. + if (!showElement && currentGroupVisible) { + $(element).show().removeClass('filter-hidden'); + } + } + } + }, this)); + } + + this.updateSelectAll(); + }, this), 300, this); + }, this)); + } + } + }, + + /** + * Unbinds the whole plugin. + */ + destroy: function() { + this.$container.remove(); + this.$select.show(); + this.$select.data('multiselect', null); + }, + + /** + * Refreshs the multiselect based on the selected options of the select. + */ + refresh: function() { + $('option', this.$select).each($.proxy(function(index, element) { + var $input = $('li input', this.$ul).filter(function() { + return $(this).val() === $(element).val(); + }); + + if ($(element).is(':selected')) { + $input.prop('checked', true); + + if (this.options.selectedClass) { + $input.closest('li') + .addClass(this.options.selectedClass); + } + } + else { + $input.prop('checked', false); + + if (this.options.selectedClass) { + $input.closest('li') + .removeClass(this.options.selectedClass); + } + } + + if ($(element).is(":disabled")) { + $input.attr('disabled', 'disabled') + .prop('disabled', true) + .closest('li') + .addClass('disabled'); + } + else { + $input.prop('disabled', false) + .closest('li') + .removeClass('disabled'); + } + }, this)); + + this.updateButtonText(); + this.updateSelectAll(); + }, + + /** + * 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, triggerOnChange) { + if(!$.isArray(selectValues)) { + selectValues = [selectValues]; + } + + for (var i = 0; i < selectValues.length; i++) { + var value = selectValues[i]; + + if (value === null || value === undefined) { + continue; + } + + var $option = this.getOptionByValue(value); + var $checkbox = this.getInputByValue(value); + + if($option === undefined || $checkbox === undefined) { + continue; + } + + if (!this.options.multiple) { + this.deselectAll(false); + } + + if (this.options.selectedClass) { + $checkbox.closest('li') + .addClass(this.options.selectedClass); + } + + $checkbox.prop('checked', true); + $option.prop('selected', true); + + if (triggerOnChange) { + this.options.onChange($option, true); + } + } + + this.updateButtonText(); + this.updateSelectAll(); + }, + + /** + * Clears all selected items. + */ + clearSelection: function () { + this.deselectAll(false); + this.updateButtonText(); + this.updateSelectAll(); + }, + + /** + * 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, triggerOnChange) { + if(!$.isArray(deselectValues)) { + deselectValues = [deselectValues]; + } + + for (var i = 0; i < deselectValues.length; i++) { + var value = deselectValues[i]; + + if (value === null || value === undefined) { + continue; + } + + var $option = this.getOptionByValue(value); + var $checkbox = this.getInputByValue(value); + + if($option === undefined || $checkbox === undefined) { + continue; + } + + if (this.options.selectedClass) { + $checkbox.closest('li') + .removeClass(this.options.selectedClass); + } + + $checkbox.prop('checked', false); + $option.prop('selected', false); + + if (triggerOnChange) { + this.options.onChange($option, false); + } + } + + this.updateButtonText(); + this.updateSelectAll(); + }, + + /** + * Selects all enabled & visible options. + * + * If justVisible is true or not specified, only visible options are selected. + * + * @param {Boolean} justVisible + * @param {Boolean} triggerOnSelectAll + */ + selectAll: function (justVisible, triggerOnSelectAll) { + var justVisible = typeof justVisible === 'undefined' ? true : justVisible; + var allCheckboxes = $("li input[type='checkbox']:enabled", this.$ul); + var visibleCheckboxes = allCheckboxes.filter(":visible"); + var allCheckboxesCount = allCheckboxes.length; + var visibleCheckboxesCount = visibleCheckboxes.length; + + if(justVisible) { + visibleCheckboxes.prop('checked', true); + $("li:not(.divider):not(.disabled)", this.$ul).filter(":visible").addClass(this.options.selectedClass); + } + else { + allCheckboxes.prop('checked', true); + $("li:not(.divider):not(.disabled)", this.$ul).addClass(this.options.selectedClass); + } + + if (allCheckboxesCount === visibleCheckboxesCount || justVisible === false) { + $("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); + } + + if (triggerOnSelectAll) { + this.options.onSelectAll(); + } + }, + + /** + * Deselects all options. + * + * If justVisible is true or not specified, only visible options are deselected. + * + * @param {Boolean} justVisible + */ + deselectAll: function (justVisible) { + var justVisible = typeof justVisible === 'undefined' ? true : justVisible; + + if(justVisible) { + var visibleCheckboxes = $("li input[type='checkbox']:not(:disabled)", this.$ul).filter(":visible"); + visibleCheckboxes.prop('checked', false); + + 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); + + 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); + + 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() { + this.$ul.html(''); + + // Important to distinguish between radios and checkboxes. + this.options.multiple = this.$select.attr('multiple') === "multiple"; + + this.buildSelectAll(); + this.buildDropdownOptions(); + this.buildFilter(); + + this.updateButtonText(); + this.updateSelectAll(); + + if (this.options.disableIfEmpty && $('option', this.$select).length <= 0) { + this.disable(); + } + else { + this.enable(); + } + + if (this.options.dropRight) { + this.$ul.addClass('pull-right'); + } + }, + + /** + * The provided data will be used to build the dropdown. + */ + dataprovider: function(dataprovider) { + + var groupCounter = 0; + var $select = this.$select.empty(); + + $.each(dataprovider, function (index, option) { + var $tag; + + if ($.isArray(option.children)) { // create optiongroup tag + groupCounter++; + + $tag = $('').attr({ + label: option.label || 'Group ' + groupCounter, + disabled: !!option.disabled + }); + + forEach(option.children, function(subOption) { // add children option tags + $tag.append($('