/* jshint forin:true, noarg:true, noempty:true, eqeqeq:true, boss:true, undef:true, curly:true, browser:true, jquery:true */
/*
* jQuery MultiSelect UI Widget 2.0.1
* Copyright (c) 2012 Eric Hynds
*
* http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
*
* Depends:
* - jQuery 1.4.2+
* - jQuery UI 1.11 widget factory
*
* Optional:
* - jQuery UI effects
* - jQuery UI position utility
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
(function($,undefined){var multiselectID=0;var $doc=$(document);$.widget("ech.multiselect",{options:{header:true,height:175,minWidth:225,classes:"",checkAllText:"Check all",uncheckAllText:"Uncheck all",noneSelectedText:"Select options",showCheckAll:true,showUncheckAll:true,selectedText:"# selected",selectedList:0,closeIcon:"ui-icon-circle-close",show:null,hide:null,autoOpen:false,multiple:true,position:{},appendTo:null,menuWidth:null,selectedListSeparator:", ",disableInputsOnToggle:true,groupColumns:false},_getAppendEl:function(){var element=this.options.appendTo;if(element){element=element.jquery||element.nodeType?$(element):this.document.find(element).eq(0)}if(!element||!element[0]){element=this.element.closest(".ui-front, dialog")}if(!element.length){element=this.document[0].body}return element},_create:function(){var el=this.element;var o=this.options;this.speed=$.fx.speeds._default;this._isOpen=false;this.inputIdCounter=0;this._namespaceID=this.eventNamespace||"multiselect"+multiselectID;this.multiselectID=multiselectID++;var button=(this.button=$('')).addClass("ui-multiselect ui-widget ui-state-default ui-corner-all").addClass(o.classes).attr({title:el.attr("title"),tabIndex:el.attr("tabIndex"),id:el.attr("id")?el.attr("id")+"_ms":null}).prop("aria-haspopup",true).insertAfter(el);this.buttonlabel=$("").html(o.noneSelectedText).appendTo(button);this.menu=$("
").addClass("ui-multiselect-menu ui-widget ui-widget-content ui-corner-all").addClass(o.classes).appendTo(this._getAppendEl());this.header=$("").addClass("ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix").appendTo(this.menu);this.headerLinkContainer=$("").addClass("ui-helper-reset").html(function(){if(o.header===true){var header_lis="";if(o.showCheckAll){header_lis=''+o.checkAllText+""}if(o.showUncheckAll){header_lis+=''+o.uncheckAllText+""}return header_lis}else if(typeof o.header==="string"){return""+o.header+""}else{return""}}).append('').appendTo(this.header);var checkboxContainer=(this.checkboxContainer=$("")).addClass("ui-multiselect-checkboxes ui-helper-reset").appendTo(this.menu);this._bindEvents();this.refresh(true);if(!o.multiple){this.menu.addClass("ui-multiselect-single")}el.hide()},_init:function(){if(this.options.header===false){this.header.hide()}if(!this.options.multiple){this.headerLinkContainer.find(".ui-multiselect-all, .ui-multiselect-none").hide()}else{this.headerLinkContainer.find(".ui-multiselect-all, .ui-multiselect-none").show()}if(this.options.autoOpen){this.open()}if(this.element.is(":disabled")){this.disable()}},_makeOption:function(option){var title=option.title?option.title:null;var value=option.value;var id=this.element.attr("id")||this.multiselectID;var inputID="ui-multiselect-"+this.multiselectID+"-"+(option.id||id+"-option-"+this.inputIdCounter++);var isDisabled=option.disabled;var isSelected=option.selected;var labelClasses=["ui-corner-all"];var liClasses=[];var o=this.options;if(isDisabled){liClasses.push("ui-multiselect-disabled");labelClasses.push("ui-state-disabled")}if(option.className){liClasses.push(option.className)}if(isSelected&&!o.multiple){labelClasses.push("ui-state-active")}var $item=$("").addClass(liClasses.join(" "));var $label=$("").attr({"for":inputID,title:title}).addClass(labelClasses.join(" ")).appendTo($item);var $input=$("").attr({name:"multiselect_"+id,type:o.multiple?"checkbox":"radio",value:value,title:title,id:inputID,checked:isSelected?"checked":null,"aria-selected":isSelected?"true":null,disabled:isDisabled?"disabled":null,"aria-disabled":isDisabled?"true":null}).data($(option).data()).appendTo($label);$("").text($(option).text()).appendTo($label);return $item},_buildOptionList:function(element,$appendTo){var self=this;element.children().each(function(){var $this=$(this);if(this.tagName==="OPTGROUP"){var $optionGroup=$("").addClass("ui-multiselect-optgroup "+this.className).appendTo($appendTo);if(self.options.groupColumns){$optionGroup.addClass("ui-multiselect-columns")}$("").text(this.getAttribute("label")).appendTo($optionGroup);self._buildOptionList($this,$optionGroup)}else{var $listItem=self._makeOption(this).appendTo($appendTo)}})},refresh:function(init){var self=this;var el=this.element;var o=this.options;var menu=this.menu;var checkboxContainer=this.checkboxContainer;var html="";var $dropdown=$("").addClass("ui-multiselect-checkboxes ui-helper-reset");this.inputIdCounter=0;if(this.options.header){if(!this.options.multiple){this.headerLinkContainer.find(".ui-multiselect-all, .ui-multiselect-none").hide()}else{this.headerLinkContainer.find(".ui-multiselect-all, .ui-multiselect-none").show()}}this._buildOptionList(el,$dropdown);this.menu.find(".ui-multiselect-checkboxes").remove();this.menu.append($dropdown);this.labels=menu.find("label");this.inputs=this.labels.children("input");this._setButtonWidth();this.update(true);if(!init){this._trigger("refresh")}},update:function(isDefault){var o=this.options;var $inputs=this.inputs;var $checked=$inputs.filter(":checked");var numChecked=$checked.length;var value;if(numChecked===0){value=o.noneSelectedText}else{if($.isFunction(o.selectedText)){value=o.selectedText.call(this,numChecked,$inputs.length,$checked.get())}else if(/\d/.test(o.selectedList)&&o.selectedList>0&&numChecked<=o.selectedList){value=$checked.map(function(){return $(this).next().text()}).get().join(o.selectedListSeparator)}else{value=o.selectedText.replace("#",numChecked).replace("#",$inputs.length)}}this._setButtonValue(value);if(isDefault){this.button[0].defaultValue=value}},_setButtonValue:function(value){this.buttonlabel.text(value)},_bindButtonEvents:function(){var self=this;var button=this.button;function clickHandler(){self[self._isOpen?"close":"open"]();return false}button.find("span").bind("click.multiselect",clickHandler);button.bind({click:clickHandler,keypress:function(e){switch(e.which){case 27:case 38:case 37:self.close();break;case 39:case 40:self.open();break}},mouseenter:function(){if(!button.hasClass("ui-state-disabled")){$(this).addClass("ui-state-hover")}},mouseleave:function(){$(this).removeClass("ui-state-hover")},focus:function(){if(!button.hasClass("ui-state-disabled")){$(this).addClass("ui-state-focus")}},blur:function(){$(this).removeClass("ui-state-focus")}})},_bindMenuEvents:function(){var self=this;this.menu.delegate(".ui-multiselect-optgroup a","click.multiselect",function(e){e.preventDefault();var $this=$(this);var $inputs=$this.parent().find("input:visible:not(:disabled)");var nodes=$inputs.get();var label=$this.text();if(self._trigger("beforeoptgrouptoggle",e,{inputs:nodes,label:label})===false){return}self._toggleChecked($inputs.filter(":checked").length!==$inputs.length,$inputs);self._trigger("optgrouptoggle",e,{inputs:nodes,label:label,checked:nodes.length?nodes[0].checked:null})}).delegate("label","mouseenter.multiselect",function(){if(!$(this).hasClass("ui-state-disabled")){self.labels.removeClass("ui-state-hover");$(this).addClass("ui-state-hover").find("input").focus()}}).delegate("label","keydown.multiselect",function(e){if(e.which===82){return}if(e.which>111&&e.which<124){return}e.preventDefault();switch(e.which){case 9:if(e.shiftKey){self.menu.find(".ui-state-hover").removeClass("ui-state-hover");self.header.find("li").last().find("a").focus()}else{self.close()}break;case 27:self.close();break;case 38:case 40:case 37:case 39:self._traverse(e.which,this);break;case 13:case 32:$(this).find("input")[0].click();break;case 65:if(e.altKey){self.checkAll()}break;case 85:if(e.altKey){self.uncheckAll()}break}}).delegate('input[type="checkbox"], input[type="radio"]',"click.multiselect",function(e){var $this=$(this);var val=this.value;var optionText=$this.parent().find("span").text();var checked=this.checked;var tags=self.element.find("option");if(this.disabled||self._trigger("click",e,{value:val,text:optionText,checked:checked})===false){e.preventDefault();return}$this.focus();$this.prop("aria-selected",checked);tags.each(function(){if(this.value===val){this.selected=checked}else if(!self.options.multiple){this.selected=false}});if(!self.options.multiple){self.labels.removeClass("ui-state-active");$this.closest("label").toggleClass("ui-state-active",checked);self.close()}self.element.trigger("change");setTimeout($.proxy(self.update,self),10)})},_bindHeaderEvents:function(){var self=this;this.header.delegate("a","click.multiselect",function(e){var $this=$(this);if($this.hasClass("ui-multiselect-close")){self.close()}else if($this.hasClass("ui-multiselect-all")){self.checkAll()}else if($this.hasClass("ui-multiselect-none")){self.uncheckAll()}e.preventDefault()}).delegate("a","keydown.multiselect",function(e){switch(e.which){case 27:self.close();break;case 9:var $target=$(e.target);if(e.shiftKey&&!$target.parent().prev().length&&!self.header.find(".ui-multiselect-filter").length||!$target.parent().next().length&&!self.labels.length&&!e.shiftKey){self.close();e.preventDefault()}break}})},_bindEvents:function(){var self=this;this._bindButtonEvents();this._bindMenuEvents();this._bindHeaderEvents();$doc.bind("mousedown."+self._namespaceID,function(event){var target=event.target;if(self._isOpen&&target!==self.button[0]&&target!==self.menu[0]&&!$.contains(self.menu[0],target)&&!$.contains(self.button[0],target)){self.close()}});$(this.element[0].form).bind("reset."+this._namespaceID,function(){setTimeout($.proxy(self.refresh,self),10)})},_getMinWidth:function(){var minVal=this.options.minWidth;var width=0;switch(typeof minVal){case"number":width=minVal;break;case"string":var lastChar=minVal[minVal.length-1];width=minVal.match(/\d+/);if(lastChar==="%"){width=this.element.parent().outerWidth()*(width/100)}else{width=parseInt(minVal,10)}break}return width},_setButtonWidth:function(){var width=this.element.outerWidth();var minVal=this._getMinWidth();if(widththis.options.height){this.menu.children(".ui-multiselect-checkboxes").css("overflow","auto");ulHeight=this.options.height}else{this.menu.children(".ui-multiselect-checkboxes").css("overflow","hidden")}this.menu.children(".ui-multiselect-checkboxes").height(ulHeight);this.menu.height(ulHeight+headerHeight)},_resizeMenu:function(){this._setMenuWidth();this._setMenuHeight()},_traverse:function(which,start){var $start=$(start);var moveToLast=which===38||which===37;var $next=$start.parent()[moveToLast?"prevAll":"nextAll"]("li:not(.ui-multiselect-disabled, .ui-multiselect-optgroup):visible").first();if(!$next.length){$next=$start.parents(".ui-multiselect-optgroup")[moveToLast?"prev":"next"]()}if(!$next.length){var $container=this.menu.find("ul").last();this.menu.find("label:visible")[moveToLast?"last":"first"]().trigger("mouseover");$container.scrollTop(moveToLast?$container.height():0)}else{$next.find("label:visible")[moveToLast?"last":"first"]().trigger("mouseover")}},_toggleState:function(prop,flag){return function(){if(!this.disabled){this[prop]=flag}if(flag){this.setAttribute("aria-selected",true)}else{this.removeAttribute("aria-selected")}}},_toggleChecked:function(flag,group){var $inputs=group&&group.length?group:this.inputs;var self=this;$inputs.each(this._toggleState("checked",flag));$inputs.eq(0).focus();this.update();var values={};$inputs.each(function(){values[this.value]=true});this.element.find("option").each(function(){if(!this.disabled&&values[this.value]){self._toggleState("selected",flag).call(this)}});if($inputs.length){this.element.trigger("change")}},_toggleDisabled:function(flag){this.button.prop({disabled:flag,"aria-disabled":flag})[flag?"addClass":"removeClass"]("ui-state-disabled");if(this.options.disableInputsOnToggle){var checkboxes=this.menu.find(".ui-multiselect-checkboxes").get(0);var matchedInputs=[];var key="ech-multiselect-disabled";var i=0;if(flag){matchedInputs=checkboxes.querySelectorAll("input:enabled");for(i=0;i").attr(attributes).text(text);var optionNode=$option.get(0);if(groupLabel){this.element.children("OPTGROUP").filter(function(){return $(this).prop("label")===groupLabel}).append($option);this.menu.find(".ui-multiselect-optgroup").filter(function(){return $(this).find("a").text()===groupLabel}).append(this._makeOption(optionNode))}else{this.element.append($option);this.menu.find(".ui-multiselect-checkboxes").append(this._makeOption(optionNode))}this.labels=this.menu.find("label");this.inputs=this.labels.children("input")},removeOption:function(value){if(!value){return}this.element.find("option[value="+value+"]").remove();this.labels.find("input[value="+value+"]").parents("li").remove();this.labels=this.menu.find("label");this.inputs=this.labels.children("input")},position:function(){var pos={my:"top",at:"bottom",of:this.button};if(!$.isEmptyObject(this.options.position)){pos.my=this.options.position.my||pos.my;pos.at=this.options.position.at||pos.at;pos.of=this.options.position.of||pos.of}if($.ui&&$.ui.position){this.menu.position(pos)}else{pos=this.button.position();pos.top+=this.button.outerHeight(false);this.menu.offset(pos)}},_setOption:function(key,value){var menu=this.menu;switch(key){case"header":if(typeof value==="boolean"){this.header[value?"show":"hide"]()}else if(typeof value==="string"){this.headerLinkContainer.children("li:not(:last-child)").remove();this.headerLinkContainer.prepend(""+value+"")}break;case"checkAllText":menu.find("a.ui-multiselect-all span").eq(-1).text(value);break;case"uncheckAllText":menu.find("a.ui-multiselect-none span").eq(-1).text(value);break;case"height":this.options[key]=value;this._setMenuHeight();break;case"minWidth":case"menuWidth":this.options[key]=value;this._setButtonWidth();this._setMenuWidth();break;case"selectedText":case"selectedList":case"noneSelectedText":this.options[key]=value;this.update();break;case"classes":menu.add(this.button).removeClass(this.options.classes).addClass(value);break;case"multiple":menu.toggleClass("ui-multiselect-single",!value);this.options.multiple=value;this.element[0].multiple=value;this.uncheckAll();this.refresh();break;case"position":this.position();break;case"selectedListSeparator":this.options[key]=value;this.update(true);break}$.Widget.prototype._setOption.apply(this,arguments)}})})(jQuery);