diff --git a/dist/angularjs-dropdown-multiselect.min.js b/dist/angularjs-dropdown-multiselect.min.js index f92ee98b..5e33b52b 100644 --- a/dist/angularjs-dropdown-multiselect.min.js +++ b/dist/angularjs-dropdown-multiselect.min.js @@ -1 +1 @@ -!function(angular){"use strict";function contains(collection,target){var containsTarget=!1;return collection.some(function(object){return object===target?(containsTarget=!0,!0):void 0}),containsTarget}function find(collection,properties){var target;return collection.some(function(object){var hasAllSameProperties=!0;return Object.keys(properties).forEach(function(key){object[key]!==properties[key]&&(hasAllSameProperties=!1)}),hasAllSameProperties?(target=object,!0):void 0}),target}function findIndex(collection,properties){var index=-1,counter=-1;return collection.some(function(object){var hasAllSameProperties=!0;return counter+=1,Object.keys(properties).forEach(function(key){object[key]!==properties[key]&&(hasAllSameProperties=!1)}),hasAllSameProperties?(index=counter,!0):void 0}),index}var directiveModule=angular.module("angularjs-dropdown-multiselect",[]);directiveModule.directive("dmDropdownStaticInclude",["$compile",function($compile){return function(scope,element,attrs){var template=attrs.dmDropdownStaticInclude,contents=element.html(template).contents();$compile(contents)(scope)}}]),directiveModule.directive("ngDropdownMultiselect",["$filter","$document","$compile","$parse",function($filter,$document,$compile,$parse){return{restrict:"AE",scope:{selectedModel:"=",options:"=",extraSettings:"=",events:"=",searchFilter:"=?",translationTexts:"=",groupBy:"@",disabled:"="},template:function(element,attrs){var checkboxes=attrs.checkboxes?!0:!1,groups=attrs.groupBy?!0:!1,template='
';return template+='',template+="",template+="
"},link:function($scope,$element,$attrs){function getFindObj(id){var findObj={};return""===$scope.settings.externalIdProp?findObj[$scope.settings.idProp]=id:findObj[$scope.settings.externalIdProp]=id,findObj}function clearObject(object){for(var prop in object)delete object[prop]}function textWidth(text){var $btn=$element.find("button"),canvas=document.createElement("canvas"),ctx=canvas.getContext("2d");return ctx.font=$btn.css("font-size")+$btn.css("font-family"),ctx.originalFont=$btn.css("font-size")+$btn.css("font-family"),ctx.fillStyle="#000000",ctx.measureText(text).width}function focusFirstOption(){setTimeout(function(){var elementToFocus=angular.element($element)[0].querySelector(".option");angular.isDefined(elementToFocus)&&null!=elementToFocus&&elementToFocus.focus()},0)}var $dropdownTrigger=$element.children()[0];$scope.toggleDropdown=function(){$scope.open?$scope.close():$scope.open=!0,$scope.settings.keyboardControls&&$scope.open&&(1===$scope.settings.selectionLimit&&$scope.settings.enableSearch?setTimeout(function(){angular.element($element)[0].querySelector(".searchField").focus()},0):focusFirstOption())},$scope.checkboxClick=function($event,id){$scope.setSelectedItem(id,!1,!0),$event.stopImmediatePropagation()},$scope.externalEvents={onItemSelect:angular.noop,onItemDeselect:angular.noop,onSelectAll:angular.noop,onDeselectAll:angular.noop,onInitDone:angular.noop,onMaxSelectionReached:angular.noop,onSelectionChanged:angular.noop,onClose:angular.noop},$scope.settings={dynamicTitle:!0,scrollable:!1,scrollableHeight:"300px",closeOnBlur:!0,displayProp:"label",idProp:"id",externalIdProp:"id",enableSearch:!1,selectionLimit:0,showCheckAll:!0,showUncheckAll:!0,showEnableSearchButton:!1,closeOnSelect:!1,buttonClasses:"btn btn-default",closeOnDeselect:!1,groupBy:$attrs.groupBy||void 0,groupByTextProvider:null,smartButtonMaxItems:0,smartButtonTextConverter:angular.noop,styleActive:!1,keyboardControls:!1,template:"{{getPropertyForObject(option, settings.displayProp)}}",searchField:"$",showAllSelectedText:!1},$scope.texts={checkAll:"Check All",uncheckAll:"Uncheck All",selectionCount:"checked",selectionOf:"/",searchPlaceholder:"Search...",buttonDefaultText:"Select",dynamicButtonTextSuffix:"checked",disableSearch:"Disable search",enableSearch:"Enable search",selectGroup:"Select all:",allSelectedText:"All"},$scope.input={searchFilter:$scope.searchFilter||""},angular.isDefined($scope.settings.groupBy)&&$scope.$watch("options",function(newValue){angular.isDefined(newValue)&&($scope.orderedItems=$filter("orderBy")(newValue,$scope.settings.groupBy))}),$scope.$watch("selectedModel",function(newValue){Array.isArray(newValue)?$scope.singleSelection=!1:$scope.singleSelection=!0}),$scope.close=function(){$scope.open=!1,$scope.externalEvents.onClose()},$scope.selectCurrentGroup=function(currentGroup){$scope.selectedModel.splice(0,$scope.selectedModel.length),$scope.orderedItems&&$scope.orderedItems.forEach(function(item){item[$scope.groupBy]===currentGroup&&$scope.setSelectedItem($scope.getPropertyForObject(item,$scope.settings.idProp),!1,!1)}),$scope.externalEvents.onSelectionChanged()},angular.extend($scope.settings,$scope.extraSettings||[]),angular.extend($scope.externalEvents,$scope.events||[]),angular.extend($scope.texts,$scope.translationTexts),$scope.singleSelection=1===$scope.settings.selectionLimit,$scope.singleSelection&&angular.isArray($scope.selectedModel)&&0===$scope.selectedModel.length&&clearObject($scope.selectedModel),$scope.settings.closeOnBlur&&$document.on("click",function(e){if($scope.open){for(var target=e.target.parentElement,parentFound=!1;angular.isDefined(target)&&null!==target&&!parentFound;)target.className.split&&contains(target.className.split(" "),"multiselect-parent")&&!parentFound&&target===$dropdownTrigger&&(parentFound=!0),target=target.parentElement;parentFound||$scope.$apply(function(){$scope.close()})}}),$scope.getGroupLabel=function(groupValue){return null!==$scope.settings.groupByTextProvider?$scope.settings.groupByTextProvider(groupValue):groupValue},$scope.getButtonText=function(){if($scope.settings.dynamicTitle&&($scope.selectedModel.length>0||angular.isObject($scope.selectedModel)&&Object.keys($scope.selectedModel).length>0)){if($scope.settings.smartButtonMaxItems>0){var paddingWidth=24,borderWidth=2,dropdownIconWidth=8,widthLimit=(textWidth("..."),$element[0].offsetWidth-paddingWidth-borderWidth-dropdownIconWidth),itemsText=[];angular.forEach($scope.options,function(optionItem){if($scope.isChecked($scope.getPropertyForObject(optionItem,$scope.settings.idProp))){var displayText=$scope.getPropertyForObject(optionItem,$scope.settings.displayProp),converterResponse=$scope.settings.smartButtonTextConverter(displayText,optionItem);itemsText.push(converterResponse?converterResponse:displayText)}}),$scope.selectedModel.length>$scope.settings.smartButtonMaxItems&&(itemsText=itemsText.slice(0,$scope.settings.smartButtonMaxItems),itemsText.push("..."));for(var result=itemsText.join(", "),index=result.length-4;textWidth(result)>widthLimit;)"..."!==itemsText[itemsText.length-1]&&(itemsText.push("..."),result+="..."),result=result.slice(0,index)+result.slice(index+1),index--;return result}var totalSelected;return totalSelected=$scope.singleSelection?null!==$scope.selectedModel&&angular.isDefined($scope.selectedModel[$scope.settings.idProp])?1:0:angular.isDefined($scope.selectedModel)?$scope.selectedModel.length:0,0===totalSelected?$scope.texts.buttonDefaultText:$scope.settings.showAllSelectedText&&totalSelected===$scope.options.length?$scope.texts.allSelectedText:totalSelected+" "+$scope.texts.dynamicButtonTextSuffix}return $scope.texts.buttonDefaultText},$scope.getPropertyForObject=function(object,property){return angular.isDefined(object)&&object.hasOwnProperty(property)?object[property]:void 0},$scope.selectAll=function(){var searchResult;$scope.deselectAll(!0),$scope.externalEvents.onSelectAll(),searchResult=$filter("filter")($scope.options,$scope.getFilter($scope.input.searchFilter)),angular.forEach(searchResult,function(value){$scope.setSelectedItem(value[$scope.settings.idProp],!0,!1)}),$scope.externalEvents.onSelectionChanged(),$scope.selectedGroup=null},$scope.deselectAll=function(dontSendEvent){dontSendEvent=dontSendEvent||!1,dontSendEvent||$scope.externalEvents.onDeselectAll(),$scope.singleSelection?clearObject($scope.selectedModel):$scope.selectedModel.splice(0,$scope.selectedModel.length),dontSendEvent||$scope.externalEvents.onSelectionChanged(),$scope.selectedGroup=null},$scope.setSelectedItem=function(id,dontRemove,fireSelectionChange){var findObj=getFindObj(id),finalObj=null;if(finalObj=""===$scope.settings.externalIdProp?find($scope.options,findObj):findObj,$scope.singleSelection)clearObject($scope.selectedModel),angular.extend($scope.selectedModel,finalObj),fireSelectionChange&&$scope.externalEvents.onItemSelect(finalObj),($scope.settings.closeOnSelect||$scope.settings.closeOnDeselect)&&$scope.close();else{dontRemove=dontRemove||!1;var exists=-1!==findIndex($scope.selectedModel,findObj);!dontRemove&&exists?($scope.selectedModel.splice(findIndex($scope.selectedModel,findObj),1),$scope.externalEvents.onItemDeselect(findObj),$scope.settings.closeOnDeselect&&$scope.close()):!exists&&(0===$scope.settings.selectionLimit||$scope.selectedModel.length<$scope.settings.selectionLimit)&&($scope.selectedModel.push(finalObj),fireSelectionChange&&$scope.externalEvents.onItemSelect(finalObj),$scope.settings.closeOnSelect&&$scope.close(),$scope.settings.selectionLimit>0&&$scope.selectedModel.length===$scope.settings.selectionLimit&&$scope.externalEvents.onMaxSelectionReached())}fireSelectionChange&&$scope.externalEvents.onSelectionChanged(),$scope.selectedGroup=null},$scope.isChecked=function(id){return $scope.singleSelection?null!==$scope.selectedModel&&angular.isDefined($scope.selectedModel[$scope.settings.externalIdProp])&&$scope.selectedModel[$scope.settings.externalIdProp]===getFindObj(id)[$scope.settings.externalIdProp]:-1!==findIndex($scope.selectedModel,getFindObj(id))},$scope.externalEvents.onInitDone(),$scope.keyDownLink=function(event){var nextOption,sourceScope=angular.element(event.target).scope(),parent=event.target.parentNode;if($scope.settings.keyboardControls)if(13===event.keyCode||32===event.keyCode)event.preventDefault(),sourceScope.option?$scope.setSelectedItem($scope.getPropertyForObject(sourceScope.option,$scope.settings.idProp),!1,!0):"deselectAll"===event.target.id?$scope.deselectAll():"selectAll"===event.target.id&&$scope.selectAll();else if(38===event.keyCode){for(event.preventDefault(),parent.previousElementSibling&&(nextOption=parent.previousElementSibling.querySelector("a")||parent.previousElementSibling.querySelector("input"));!nextOption&&parent;)parent=parent.previousElementSibling,parent&&(nextOption=parent.querySelector("a")||parent.querySelector("input"));nextOption&&nextOption.focus()}else if(40===event.keyCode){for(event.preventDefault(),parent.nextElementSibling&&(nextOption=parent.nextElementSibling.querySelector("a")||parent.nextElementSibling.querySelector("input"));!nextOption&&parent;)parent=parent.nextElementSibling,parent&&(nextOption=parent.querySelector("a")||parent.querySelector("input"));nextOption&&nextOption.focus()}else 27===event.keyCode&&(event.preventDefault(),$scope.toggleDropdown())},$scope.keyDownSearchDefault=function(event){var nextOption,parent=event.target.parentNode.parentNode;if($scope.settings.keyboardControls)if(9===event.keyCode||40===event.keyCode)event.preventDefault(),focusFirstOption();else if(38===event.keyCode){for(event.preventDefault(),parent.previousElementSibling&&(nextOption=parent.previousElementSibling.querySelector("a")||parent.previousElementSibling.querySelector("input"));!nextOption&&parent;)parent=parent.previousElementSibling,parent&&(nextOption=parent.querySelector("a")||parent.querySelector("input"));nextOption&&nextOption.focus()}else 27===event.keyCode&&(event.preventDefault(),$scope.toggleDropdown())},$scope.keyDownSearch=function(event,searchFilter){var searchResult;$scope.settings.keyboardControls&&13===event.keyCode&&(1===$scope.settings.selectionLimit&&$scope.settings.enableSearch?(searchResult=$filter("filter")($scope.options,$scope.getFilter(searchFilter)),1===searchResult.length&&$scope.setSelectedItem($scope.getPropertyForObject(searchResult[0],$scope.settings.idProp),!1,!0)):$scope.settings.enableSearch&&$scope.selectAll())},$scope.getFilter=function(searchFilter){var filter={};return filter[$scope.settings.searchField]=searchFilter,filter},$scope.toggleSearch=function($event){$event&&$event.stopPropagation(),$scope.settings.enableSearch=!$scope.settings.enableSearch,$scope.settings.enableSearch||($scope.input.searchFilter="")},$scope.keyDownToggleSearch=function(){$scope.settings.keyboardControls&&13===event.keyCode&&($scope.toggleSearch(),$scope.settings.enableSearch?setTimeout(function(){angular.element($element)[0].querySelector(".searchField").focus()},0):focusFirstOption())}}}}])}(angular); \ No newline at end of file +!function(e){"use strict";var t=e.module("angularjs-dropdown-multiselect",[]);function n(e,t){var n=!1;return e.some(function(e){if(e===t)return n=!0,!0}),n}function s(e,t){var n=-1,s=-1;return e.some(function(e){var o=!0;if(s+=1,Object.keys(t).forEach(function(n){e[n]!==t[n]&&(o=!1)}),o)return n=s,!0}),n}t.directive("dmDropdownStaticInclude",["$compile",function(e){return function(t,n,s){var o=s.dmDropdownStaticInclude,l=n.html(o).contents();e(l)(t)}}]),t.directive("ngDropdownMultiselect",["$filter","$document","$compile","$parse",function(t,o,l,i){return{restrict:"AE",scope:{selectedModel:"=",options:"=",extraSettings:"=",events:"=",searchFilter:"=?",translationTexts:"=",groupBy:"@",disabled:"="},template:function(e,t){var n=!!t.checkboxes,s='
';return s+='',s+="
",s+='
',s+='{{texts.disableSearch}}',s+='{{texts.enableSearch}}',s+='
',s+='
',s+='
{{texts.checkAll}} | {{texts.uncheckAll}}
',s+='
',s+='
',s+='{{::texts.selectGroup}} {{::getGroupLabel(currentGroup)}}',s+='
',!!t.groupBy?(s+='',s+='",s+="
"},link:function(l,i,r){var c=i.children()[0];function a(t){var n={};return""===l.settings.externalIdProp?n[l.settings.idProp]=t:(n[l.settings.externalIdProp]=t,e.forEach(l.options,function(e,s){e.id==t&&(n.label=e.label)})),n}function d(e){for(var t in e)delete e[t]}function g(e){var t=i.find("button"),n=document.createElement("canvas").getContext("2d");return n.font=t.css("font-size")+t.css("font-family"),n.originalFont=t.css("font-size")+t.css("font-family"),n.fillStyle="#000000",n.measureText(e).width}function p(){setTimeout(function(){var t=e.element(i)[0].querySelector(".option");e.isDefined(t)&&null!=t&&t.focus()},0)}l.toggleDropdown=function(){l.open?l.close():l.open=!0,l.settings.keyboardControls&&l.open&&(1===l.settings.selectionLimit&&l.settings.enableSearch?setTimeout(function(){e.element(i)[0].querySelector(".searchField").focus()},0):p())},l.checkboxClick=function(e,t){l.setSelectedItem(t,!1,!0,e),e.stopImmediatePropagation()},l.externalEvents={onItemSelect:e.noop,onItemDeselect:e.noop,onSelectAll:e.noop,onDeselectAll:e.noop,onInitDone:e.noop,onMaxSelectionReached:e.noop,onSelectionChanged:e.noop,onClose:e.noop},l.settings={dynamicTitle:!0,scrollable:!1,scrollableHeight:"300px",closeOnBlur:!0,displayProp:"label",idProp:"id",externalIdProp:"id",enableSearch:!1,selectionLimit:0,showCheckAll:!0,showUncheckAll:!0,showEnableSearchButton:!1,closeOnSelect:!1,buttonClasses:"btn btn-default",closeOnDeselect:!1,groupBy:r.groupBy||void 0,groupByTextProvider:null,smartButtonMaxItems:0,smartButtonTextConverter:e.noop,styleActive:!1,keyboardControls:!1,template:"{{getPropertyForObject(option, settings.displayProp)}}",searchField:"$",showAllSelectedText:!1,pullRight:!1},l.texts={checkAll:"Check All",uncheckAll:"Uncheck All",selectionCount:"checked",selectionOf:"/",searchPlaceholder:"Search...",filterPlaceholder:"Filter",buttonDefaultText:"Select",dynamicButtonTextSuffix:"checked",disableSearch:"Disable search",enableSearch:"Enable search",selectGroup:"Select all:",allSelectedText:"All"},l.input={searchFilter:l.searchFilter||""},e.isDefined(l.settings.groupBy)&&l.$watch("options",function(n){e.isDefined(n)&&(l.orderedItems=t("orderBy")(n,l.settings.groupBy))}),l.$watch("selectedModel",function(e){Array.isArray(e)?l.singleSelection=!1:l.singleSelection=!0}),l.close=function(){l.open=!1,l.externalEvents.onClose()},l.selectCurrentGroup=function(e){l.selectedModel.splice(0,l.selectedModel.length),l.orderedItems&&l.orderedItems.forEach(function(t){t[l.groupBy]===e&&l.setSelectedItem(l.getPropertyForObject(t,l.settings.idProp),!1,!1)}),l.externalEvents.onSelectionChanged()},e.extend(l.settings,l.extraSettings||[]),e.extend(l.externalEvents,l.events||[]),e.extend(l.texts,l.translationTexts),l.singleSelection=1===l.settings.selectionLimit,l.singleSelection&&e.isArray(l.selectedModel)&&0===l.selectedModel.length&&d(l.selectedModel),l.settings.closeOnBlur&&o.on("click",function(t){if(l.open){for(var s=t.target.parentElement,o=!1;e.isDefined(s)&&null!==s&&!o;)s.className.split&&n(s.className.split(" "),"multiselect-parent")&&!o&&s===c&&(o=!0),s=s.parentElement;o||l.$apply(function(){l.close()})}}),l.getGroupLabel=function(e){return null!==l.settings.groupByTextProvider?l.settings.groupByTextProvider(e):e},l.getButtonText=function(){if(l.settings.dynamicTitle&&(l.selectedModel.length>0||e.isObject(l.selectedModel)&&Object.keys(l.selectedModel).length>0)){if(l.settings.smartButtonMaxItems>0){g("...");var t=i[0].offsetWidth-24-2-8,n=[];e.forEach(l.options,function(e){if(l.isChecked(l.getPropertyForObject(e,l.settings.idProp))){var t=l.getPropertyForObject(e,l.settings.displayProp),s=l.settings.smartButtonTextConverter(t,e);n.push(s||t)}}),l.selectedModel.length>l.settings.smartButtonMaxItems&&(n=n.slice(0,l.settings.smartButtonMaxItems)).push("...");for(var s=n.join(", "),o=s.length-4;g(s)>t;)"..."!==n[n.length-1]&&(n.push("..."),s+="..."),s=s.slice(0,o)+s.slice(o+1),o--;return s}var r;return 0===(r=l.singleSelection?null!==l.selectedModel&&e.isDefined(l.selectedModel[l.settings.idProp])?1:0:e.isDefined(l.selectedModel)?l.selectedModel.length:0)?l.texts.buttonDefaultText:l.settings.showAllSelectedText&&r===l.options.length?l.texts.allSelectedText:r+" "+l.texts.dynamicButtonTextSuffix}return l.texts.buttonDefaultText},l.getPropertyForObject=function(t,n){if(e.isDefined(t)&&t.hasOwnProperty(n))return t[n]},l.selectAll=function(){var n;l.deselectAll(!0),l.externalEvents.onSelectAll(),n=t("filter")(l.options,l.getFilter(l.input.searchFilter)),e.forEach(n,function(e){l.setSelectedItem(e[l.settings.idProp],!0,!1)}),l.externalEvents.onSelectionChanged(),l.selectedGroup=null},l.deselectAll=function(e){(e=e||!1)||l.externalEvents.onDeselectAll(),l.singleSelection?d(l.selectedModel):l.selectedModel.splice(0,l.selectedModel.length),e||l.externalEvents.onSelectionChanged(),l.selectedGroup=null},l.setSelectedItem=function(t,n,o,i){var r,c,g,p=a(t),u=null;if(""===l.settings.externalIdProp?(r=l.options,c=p,r.some(function(e){var t=!0;if(Object.keys(c).forEach(function(n){e[n]!==c[n]&&(t=!1)}),t)return g=e,!0}),u=g):u=p,l.singleSelection)d(l.selectedModel),e.extend(l.selectedModel,u),o&&l.externalEvents.onItemSelect(u,i),(l.settings.closeOnSelect||l.settings.closeOnDeselect)&&l.close();else{n=n||!1;var h=-1!==s(l.selectedModel,p);!n&&h?(l.selectedModel.splice(s(l.selectedModel,p),1),l.externalEvents.onItemDeselect(u,i),l.settings.closeOnDeselect&&l.close()):!h&&(0===l.settings.selectionLimit||l.selectedModel.length0&&l.selectedModel.length===l.settings.selectionLimit&&l.externalEvents.onMaxSelectionReached())}o&&l.externalEvents.onSelectionChanged(),l.selectedGroup=null},l.isChecked=function(t){return l.singleSelection?null!==l.selectedModel&&e.isDefined(l.selectedModel[l.settings.externalIdProp])&&l.selectedModel[l.settings.externalIdProp]===a(t)[l.settings.externalIdProp]:-1!==s(l.selectedModel,a(t))},l.externalEvents.onInitDone(),l.keyDownLink=function(t){var n,s=e.element(t.target).scope(),o=t.target.parentNode;if(l.settings.keyboardControls)if(13===t.keyCode||32===t.keyCode)t.preventDefault(),s.option?l.setSelectedItem(l.getPropertyForObject(s.option,l.settings.idProp),!1,!0,t):"deselectAll"===t.target.id?l.deselectAll():"selectAll"===t.target.id&&l.selectAll();else if(38===t.keyCode){for(t.preventDefault(),o.previousElementSibling&&(n=o.previousElementSibling.querySelector("a")||o.previousElementSibling.querySelector("input"));!n&&o;)(o=o.previousElementSibling)&&(n=o.querySelector("a")||o.querySelector("input"));n&&n.focus()}else if(40===t.keyCode){for(t.preventDefault(),o.nextElementSibling&&(n=o.nextElementSibling.querySelector("a")||o.nextElementSibling.querySelector("input"));!n&&o;)(o=o.nextElementSibling)&&(n=o.querySelector("a")||o.querySelector("input"));n&&n.focus()}else 27===t.keyCode&&(t.preventDefault(),l.toggleDropdown())},l.keyDownSearchDefault=function(e){var t,n=e.target.parentNode.parentNode;if(l.settings.keyboardControls)if(9===e.keyCode||40===e.keyCode)e.preventDefault(),p();else if(38===e.keyCode){for(e.preventDefault(),n.previousElementSibling&&(t=n.previousElementSibling.querySelector("a")||n.previousElementSibling.querySelector("input"));!t&&n;)(n=n.previousElementSibling)&&(t=n.querySelector("a")||n.querySelector("input"));t&&t.focus()}else 27===e.keyCode&&(e.preventDefault(),l.toggleDropdown())},l.keyDownSearch=function(e,n){var s;l.settings.keyboardControls&&13===e.keyCode&&(1===l.settings.selectionLimit&&l.settings.enableSearch?1===(s=t("filter")(l.options,l.getFilter(n))).length&&l.setSelectedItem(l.getPropertyForObject(s[0],l.settings.idProp),!1,!0,e):l.settings.enableSearch&&l.selectAll())},l.getFilter=function(e){var t={};return t[l.settings.searchField]=e,t},l.toggleSearch=function(e){e&&e.stopPropagation(),l.settings.enableSearch=!l.settings.enableSearch,l.settings.enableSearch||(l.input.searchFilter="")},l.keyDownToggleSearch=function(){l.settings.keyboardControls&&13===event.keyCode&&(l.toggleSearch(),l.settings.enableSearch?setTimeout(function(){e.element(i)[0].querySelector(".searchField").focus()},0):p())},l.updateSetting=function(e,t){l.settings[e]=t}}}}])}(angular); diff --git a/src/angularjs-dropdown-multiselect.js b/src/angularjs-dropdown-multiselect.js index 1594e442..2aff567b 100644 --- a/src/angularjs-dropdown-multiselect.js +++ b/src/angularjs-dropdown-multiselect.js @@ -29,41 +29,46 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co var groups = attrs.groupBy ? true : false; var template = '
'; - template += ''; - template += ''; + //apply button for user friendly-ness if checkboxes are used + if (checkboxes) { + template += '
'; + }; + template += '
'; template += '
'; return template; @@ -89,7 +94,7 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co }; $scope.checkboxClick = function($event, id) { - $scope.setSelectedItem(id, false, true); + $scope.setSelectedItem(id, false, true, $event); $event.stopImmediatePropagation(); }; @@ -128,7 +133,8 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co keyboardControls: false, template: '{{getPropertyForObject(option, settings.displayProp)}}', searchField: '$', - showAllSelectedText: false + showAllSelectedText: false, + pullRight: false }; $scope.texts = { @@ -137,6 +143,7 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co selectionCount: 'checked', selectionOf: '/', searchPlaceholder: 'Search...', + filterPlaceholder: 'Filter', buttonDefaultText: 'Select', dynamicButtonTextSuffix: 'checked', disableSearch: 'Disable search', @@ -195,6 +202,11 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co findObj[$scope.settings.idProp] = id; } else { findObj[$scope.settings.externalIdProp] = id; + angular.forEach($scope.options, function (value, index) { + if(value.id == id){ + findObj.label = value.label; + } + }); } return findObj; @@ -357,7 +369,7 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co $scope.selectedGroup = null; }; - $scope.setSelectedItem = function(id, dontRemove, fireSelectionChange) { + $scope.setSelectedItem = function(id, dontRemove, fireSelectionChange, $event) { var findObj = getFindObj(id); var finalObj = null; @@ -371,7 +383,7 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co clearObject($scope.selectedModel); angular.extend($scope.selectedModel, finalObj); if (fireSelectionChange) { - $scope.externalEvents.onItemSelect(finalObj); + $scope.externalEvents.onItemSelect(finalObj, $event); } if ($scope.settings.closeOnSelect || $scope.settings.closeOnDeselect) $scope.close(); } else { @@ -381,12 +393,12 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co if (!dontRemove && exists) { $scope.selectedModel.splice(findIndex($scope.selectedModel, findObj), 1); - $scope.externalEvents.onItemDeselect(findObj); + $scope.externalEvents.onItemDeselect(finalObj, $event); if ($scope.settings.closeOnDeselect) $scope.close(); } else if (!exists && ($scope.settings.selectionLimit === 0 || $scope.selectedModel.length < $scope.settings.selectionLimit)) { $scope.selectedModel.push(finalObj); if (fireSelectionChange) { - $scope.externalEvents.onItemSelect(finalObj); + $scope.externalEvents.onItemSelect(finalObj, $event); } if ($scope.settings.closeOnSelect) $scope.close(); if ($scope.settings.selectionLimit > 0 && $scope.selectedModel.length === $scope.settings.selectionLimit) { @@ -420,7 +432,7 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co if (event.keyCode === 13 || event.keyCode === 32) { // enter event.preventDefault(); if (!!sourceScope.option) { - $scope.setSelectedItem($scope.getPropertyForObject(sourceScope.option, $scope.settings.idProp), false, true); + $scope.setSelectedItem($scope.getPropertyForObject(sourceScope.option, $scope.settings.idProp), false, true, event); } else if (event.target.id === 'deselectAll') { $scope.deselectAll(); } else if (event.target.id === 'selectAll') { @@ -500,7 +512,7 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co if ($scope.settings.selectionLimit === 1 && $scope.settings.enableSearch) { searchResult = $filter('filter')($scope.options, $scope.getFilter(searchFilter)); if (searchResult.length === 1) { - $scope.setSelectedItem($scope.getPropertyForObject(searchResult[0], $scope.settings.idProp), false, true); + $scope.setSelectedItem($scope.getPropertyForObject(searchResult[0], $scope.settings.idProp), false, true, event); } } else if ($scope.settings.enableSearch) { $scope.selectAll(); @@ -550,6 +562,10 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co } }, 0); } + + $scope.updateSetting = function(setting_field, value){ + $scope.settings[setting_field] = value; + } } }; }]);