var app = angular.module('plunker', ['angularjs-dropdown-multiselect']);
app.controller('MainCtrl', function($scope) {
$scope.programeModel = [];
$scope.programeSetting = {
scrollableHeight: '200px',
scrollable: true,
enableSearch: false,
displayProp: 'programname'
};
$scope.programeEvents = {
onItemDeselect: function (item) {
// getListBasedOnFilter2(item.phaseId);
// console.log(item);
},
onItemSelect: function (item) {
console.log(item);
// alert(JSON.stringify(item));
},
onDeselectAll: function () {
// $scope.programSelected = [];
// var obj = { id: "NONE", label: "NONE" }
// $scope.phaseSelected.push(obj);
},
onSelectAll: function () {
// var tempArr = [];
// if ($scope.phaseSelected != (null || undefined || "" || []) && $scope.phaseSelected.length != (null || undefined)) {
// for (var i = 0; i < $scope.phaseSelected.length; i++) {
// tempArr.push($scope.phaseSelected[i].label)
// }
// }
// for (var i = 0; i < $scope.allPh.length; i++) {
// if (tempArr.indexOf($scope.allPh[i].label) == -1) {
// $scope.phaseSelected.push($scope.allPh[i]);
// }
// }
}
};
$scope.programeData = [{
"phase": "2b",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "PCYC1119",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2b",
"programid": "5002040",
"status": "EC/Active"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "CLL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008003",
"status": "EC/Active"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Planning",
"programname": "CLL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008003",
"status": "Planning"
}, {
"phase": "LTFU",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "CLL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "LTFU",
"programid": "5008003",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "CLL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2",
"programid": "5008003",
"status": "Enrolling"
}, {
"phase": "Registry",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "CLL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "Registry",
"programid": "5008003",
"status": "Enrolling"
}, {
"phase": "1/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "DLBCL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1/2",
"programid": "5008004",
"status": "Archived"
}, {
"phase": "1b/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "DLBCL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1b/2",
"programid": "5008004",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "DLBCL",
"phase_id": "2",
"programid": "5008004",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Startup",
"programname": "DLBCL",
"phase_id": "2",
"programid": "5008004",
"status": "Startup"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "DLBCL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008004",
"status": "EC/Active"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "DLBCL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008004",
"status": "Enrolling"
}, {
"phase": "1b/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "FL-MZL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1b/2",
"programid": "5008006",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "FL-MZL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2",
"programid": "5008006",
"status": "Archived"
}, {
"phase": "3",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "FL-MZL",
"phase_id": "3",
"programid": "5008006",
"status": "Enrolling"
}, {
"phase": "3",
"healthstatus_id": "At Risk",
"health_id": "YELLOW",
"status_id": "Enrolling",
"programname": "FL-MZL",
"healthstatus": "At Risk",
"health": "YELLOW",
"phase_id": "3",
"programid": "5008006",
"status": "Enrolling"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "FL-MZL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008006",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Startup",
"programname": "FL-MZL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2",
"programid": "5008006",
"status": "Startup"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "FL-MZL",
"phase_id": "2",
"programid": "5008006",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "FL-MZL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2",
"programid": "5008006",
"status": "EC/Active"
}, {
"phase": "1/2",
"healthstatus_id": "Critical",
"health_id": "RED",
"status_id": "Startup",
"programname": "GvHD",
"healthstatus": "Critical",
"health": "RED",
"phase_id": "1/2",
"programid": "5008007",
"status": "Startup"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "GvHD",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008007",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Startup",
"programname": "GvHD",
"phase_id": "2",
"programid": "5008007",
"status": "Startup"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "GvHD",
"phase_id": "2",
"programid": "5008007",
"status": "Enrolling"
}, {
"phase": "LTFU",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "LTE",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "LTFU",
"programid": "5008008",
"status": "Enrolling"
}, {
"phase": "LTFU",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "LTE",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "LTFU",
"programid": "5008008",
"status": "EC/Active"
}, {
"phase": "LTFU",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "LTE",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "LTFU",
"programid": "5008008",
"status": "Archived"
}, {
"phase": "All",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "LTE",
"healthstatus": "On Track",
"health": "GREEN",
"programid": "5008008",
"status": "EC/Active"
}, {
"phase": "2/3",
"healthstatus_id": "At Risk",
"health_id": "YELLOW",
"status_id": "Enrolling",
"programname": "MCL",
"healthstatus": "At Risk",
"health": "YELLOW",
"phase_id": "2/3",
"programid": "5008009",
"status": "Enrolling"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "MCL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008009",
"status": "Archived"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "MCL",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008009",
"status": "EC/Active"
}, {
"phase": "All",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "MM",
"programid": "5008010",
"status": "Enrolling"
}, {
"phase": "2b",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "MM",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2b",
"programid": "5008010",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "MM",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2",
"programid": "5008010",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "MM",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2",
"programid": "5008010",
"status": "Archived"
}, {
"phase": "1/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "MM",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1/2",
"programid": "5008010",
"status": "EC/Active"
}, {
"phase": "All",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Startup",
"programname": "MM",
"programid": "5008010",
"status": "Startup"
}, {
"phase": "1/2",
"healthstatus_id": "Critical",
"health_id": "RED",
"status_id": "Startup",
"programname": "Pediatric",
"healthstatus": "Critical",
"health": "RED",
"phase_id": "1/2",
"programid": "5008012",
"status": "Startup"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "Pediatric",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008012",
"status": "Enrolling"
}, {
"phase": "1b/2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "Solid Tumor",
"phase_id": "1b/2",
"programid": "5008014",
"status": "Enrolling"
}, {
"phase": "1b/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Enrolling",
"programname": "Solid Tumor",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1b/2",
"programid": "5008014",
"status": "Enrolling"
}, {
"phase": "1b/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "Solid Tumor",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1b/2",
"programid": "5008014",
"status": "Archived"
}, {
"phase": "1",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Startup",
"programname": "Solid Tumor",
"phase_id": "1",
"programid": "5008014",
"status": "Startup"
}, {
"phase": "1",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "Solid Tumor",
"phase_id": "1",
"programid": "5008014",
"status": "Enrolling"
}, {
"phase": "2/3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "Solid Tumor",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "2/3",
"programid": "5008014",
"status": "EC/Active"
}, {
"phase": "3",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "WM",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "3",
"programid": "5008015",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Startup",
"programname": "WM",
"phase_id": "2",
"programid": "5008015",
"status": "Startup"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "EC/Active",
"programname": "WM",
"phase_id": "2",
"programid": "5008015",
"status": "EC/Active"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "EC/Active",
"programname": "I+V",
"phase_id": "2",
"programid": "5008016",
"status": "EC/Active"
}, {
"phase": "1b",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "I+V",
"phase_id": "1b",
"programid": "5008016",
"status": "Enrolling"
}, {
"phase": "1",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "I+V",
"phase_id": "1",
"programid": "5008016",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "I+V",
"phase_id": "2",
"programid": "5008016",
"status": "Enrolling"
}, {
"phase": "1",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "IO",
"phase_id": "1",
"programid": "5008017",
"status": "Enrolling"
}, {
"phase": "1b/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "Archived",
"programname": "IO",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1b/2",
"programid": "5008017",
"status": "Archived"
}, {
"phase": "1b/2",
"healthstatus_id": "On Track",
"health_id": "GREEN",
"status_id": "EC/Active",
"programname": "IO",
"healthstatus": "On Track",
"health": "GREEN",
"phase_id": "1b/2",
"programid": "5008017",
"status": "EC/Active"
}, {
"phase": "1b/2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "IO",
"phase_id": "1b/2",
"programid": "5008017",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Enrolling",
"programname": "IO",
"phase_id": "2",
"programid": "5008017",
"status": "Enrolling"
}, {
"phase": "2",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "Startup",
"programname": "IO",
"phase_id": "2",
"programid": "5008017",
"status": "Startup"
}, {
"phase": "All",
"healthstatus_id": "All",
"health_id": "All",
"status_id": "All",
"programname": "null",
"healthstatus": "All",
"health": "All",
"phase_id": "All",
"status": "All"
}];
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.7.0/lodash.min.js"></script>
<!--<script src="angularjs-dropdown-multiselect.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-dropdown-multiselect/1.11.8/angularjs-dropdown-multiselect.min.js"></script>
<script src="app.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body ng-controller="MainCtrl">
<div ng-dropdown-multiselect="" options="programeData" selected-model="programeModel"
extra-settings="programeSetting" events="programeEvents"></div>
<pre>Selected Model: {{programeModel}} | json</pre>
</body>
</html>
/* Put your css in here */
var directiveModule = angular.module('angularjs-dropdown-multiselect', []);
directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$compile', '$parse',
function ($filter, $document, $compile, $parse) {
return {
restrict: 'AE',
scope: {
selectedModel: '=',
options: '=',
extraSettings: '=',
events: '=',
searchFilter: '=?',
translationTexts: '=',
groupBy: '@'
},
template: function (element, attrs) {
var checkboxes = attrs.checkboxes ? true : false;
var groups = attrs.groupBy ? true : false;
var template = '<div class="multiselect-parent btn-group dropdown-multiselect">';
template += '<button type="button" class="dropdown-toggle" ng-class="settings.buttonClasses" ng-click="toggleDropdown()">{{getButtonText()}} <span class="caret"></span></button>';
template += '<ul class="dropdown-menu dropdown-menu-form" ng-style="{display: open ? \'block\' : \'none\', height : settings.scrollable ? settings.scrollableHeight : \'auto\' }" style="overflow: scroll" >';
template += '<li ng-hide="!settings.showCheckAll || settings.selectionLimit > 0"><a data-ng-click="selectAll()"><span class="glyphicon glyphicon-ok"></span> {{texts.checkAll}}</a>';
template += '<li ng-show="settings.showUncheckAll"><a data-ng-click="deselectAll();"><span class="glyphicon glyphicon-remove"></span> {{texts.uncheckAll}}</a></li>';
template += '<li ng-hide="(!settings.showCheckAll || settings.selectionLimit > 0) && !settings.showUncheckAll" class="divider"></li>';
template += '<li ng-show="settings.enableSearch"><div class="dropdown-header"><input type="text" class="form-control" style="width: 100%;" ng-model="searchFilter" placeholder="{{texts.searchPlaceholder}}" /></li>';
template += '<li ng-show="settings.enableSearch" class="divider"></li>';
if (groups) {
template += '<li ng-repeat-start="option in orderedItems | filter: searchFilter" ng-show="getPropertyForObject(option, settings.groupBy) !== getPropertyForObject(orderedItems[$index - 1], settings.groupBy)" role="presentation" class="dropdown-header">{{ getGroupTitle(getPropertyForObject(option, settings.groupBy)) }}</li>';
template += '<li ng-repeat-end role="presentation">';
} else {
template += '<li role="presentation" ng-repeat="option in options | filter: searchFilter">';
}
template += '<a role="menuitem" tabindex="-1" ng-click="setSelectedItem(getPropertyForObject(option,settings.idProp))">';
if (checkboxes) {
template += '<div class="checkbox"><label><input class="checkboxInput" type="checkbox" ng-click="checkboxClick($event, getPropertyForObject(option,settings.idProp))" ng-checked="isChecked(getPropertyForObject(option,settings.idProp))" /> {{getPropertyForObject(option, settings.displayProp)}}</label></div></a>';
} else {
template += '<span data-ng-class="{\'glyphicon glyphicon-ok\': isChecked(getPropertyForObject(option,settings.idProp))}"></span> {{getPropertyForObject(option, settings.displayProp)}}</a>';
}
template += '</li>';
template += '<li class="divider" ng-show="settings.selectionLimit > 1"></li>';
template += '<li role="presentation" ng-show="settings.selectionLimit > 1"><a role="menuitem">{{selectedModel.length}} {{texts.selectionOf}} {{settings.selectionLimit}} {{texts.selectionCount}}</a></li>';
template += '</ul>';
template += '</div>';
element.html(template);
},
link: function ($scope, $element, $attrs) {
var $dropdownTrigger = $element.children()[0];
$scope.toggleDropdown = function () {
$scope.open = !$scope.open;
};
$scope.checkboxClick = function ($event, id) {
$scope.setSelectedItem(id);
$event.stopImmediatePropagation();
};
$scope.externalEvents = {
onItemSelect: angular.noop,
onItemDeselect: angular.noop,
onSelectAll: angular.noop,
onDeselectAll: angular.noop,
onInitDone: angular.noop,
onMaxSelectionReached: angular.noop
};
$scope.settings = {
dynamicTitle: true,
scrollable: false,
scrollableHeight: '300px',
closeOnBlur: true,
displayProp: 'label',
idProp: 'id',
externalIdProp: 'id',
enableSearch: false,
selectionLimit: 0,
showCheckAll: true,
showUncheckAll: true,
closeOnSelect: false,
buttonClasses: 'btn btn-default',
closeOnDeselect: false,
groupBy: $attrs.groupBy || undefined,
groupByTextProvider: null,
smartButtonMaxItems: 0,
smartButtonTextConverter: angular.noop
};
$scope.texts = {
checkAll: 'Check All',
uncheckAll: 'Uncheck All',
selectionCount: 'checked',
selectionOf: '/',
searchPlaceholder: 'Search...',
buttonDefaultText: 'Select',
dynamicButtonTextSuffix: 'checked'
};
$scope.searchFilter = $scope.searchFilter || '';
if (angular.isDefined($scope.settings.groupBy)) {
$scope.$watch('options', function (newValue) {
if (angular.isDefined(newValue)) {
$scope.orderedItems = $filter('orderBy')(newValue, $scope.settings.groupBy);
}
});
}
angular.extend($scope.settings, $scope.extraSettings || []);
angular.extend($scope.externalEvents, $scope.events || []);
angular.extend($scope.texts, $scope.translationTexts);
$scope.singleSelection = $scope.settings.selectionLimit === 1;
function getFindObj(id) {
var findObj = {};
if ($scope.settings.externalIdProp === '') {
findObj[$scope.settings.idProp] = id;
} else {
findObj[$scope.settings.externalIdProp] = id;
}
return findObj;
}
function clearObject(object) {
for (var prop in object) {
delete object[prop];
}
}
if ($scope.singleSelection) {
if (angular.isArray($scope.selectedModel) && $scope.selectedModel.length === 0) {
clearObject($scope.selectedModel);
}
}
if ($scope.settings.closeOnBlur) {
$document.on('click', function (e) {
var target = e.target.parentElement;
var parentFound = false;
while (angular.isDefined(target) && target !== null && !parentFound) {
if (_.contains(target.className.split(' '), 'multiselect-parent') && !parentFound) {
if (target === $dropdownTrigger) {
parentFound = true;
}
}
target = target.parentElement;
}
if (!parentFound) {
$scope.$apply(function () {
$scope.open = false;
});
}
});
}
$scope.getGroupTitle = function (groupValue) {
if ($scope.settings.groupByTextProvider !== null) {
return $scope.settings.groupByTextProvider(groupValue);
}
return groupValue;
};
$scope.getButtonText = function () {
if ($scope.settings.dynamicTitle && ($scope.selectedModel.length > 0 || (angular.isObject($scope.selectedModel) && _.keys($scope.selectedModel).length > 0))) {
if ($scope.settings.smartButtonMaxItems > 0) {
var itemsText = [];
angular.forEach($scope.options, function (optionItem) {
if ($scope.isChecked($scope.getPropertyForObject(optionItem, $scope.settings.idProp))) {
var displayText = $scope.getPropertyForObject(optionItem, $scope.settings.displayProp);
var converterResponse = $scope.settings.smartButtonTextConverter(displayText, optionItem);
itemsText.push(converterResponse ? converterResponse : displayText);
}
});
if ($scope.selectedModel.length > $scope.settings.smartButtonMaxItems) {
itemsText = itemsText.slice(0, $scope.settings.smartButtonMaxItems);
itemsText.push('...');
}
return itemsText.join(', ');
} else {
var totalSelected;
if ($scope.singleSelection) {
totalSelected = ($scope.selectedModel !== null && angular.isDefined($scope.selectedModel[$scope.settings.idProp])) ? 1 : 0;
} else {
totalSelected = angular.isDefined($scope.selectedModel) ? $scope.selectedModel.length : 0;
}
if (totalSelected === 0) {
return $scope.texts.buttonDefaultText;
} else {
return totalSelected + ' ' + $scope.texts.dynamicButtonTextSuffix;
}
}
} else {
return $scope.texts.buttonDefaultText;
}
};
$scope.getPropertyForObject = function (object, property) {
if (angular.isDefined(object) && object.hasOwnProperty(property)) {
return object[property];
}
return '';
};
$scope.selectAll = function () {
$scope.deselectAll(false);
$scope.externalEvents.onSelectAll();
angular.forEach($scope.options, function (value) {
$scope.setSelectedItem(value[$scope.settings.idProp], true);
});
};
$scope.deselectAll = function (sendEvent) {
sendEvent = sendEvent || true;
if (sendEvent) {
$scope.externalEvents.onDeselectAll();
}
if ($scope.singleSelection) {
clearObject($scope.selectedModel);
} else {
$scope.selectedModel.splice(0, $scope.selectedModel.length);
}
};
$scope.setSelectedItem = function (id, dontRemove) {
var findObj = getFindObj(id);
var finalObj = null;
if ($scope.settings.externalIdProp === '') {
finalObj = _.find($scope.options, findObj);
} else {
finalObj = findObj;
}
if ($scope.singleSelection) {
clearObject($scope.selectedModel);
angular.extend($scope.selectedModel, finalObj);
$scope.externalEvents.onItemSelect(finalObj);
if ($scope.settings.closeOnSelect) $scope.open = false;
return;
}
dontRemove = dontRemove || false;
var exists = _.findIndex($scope.selectedModel, findObj) !== -1;
if (!dontRemove && exists) {
$scope.selectedModel.splice(_.findIndex($scope.selectedModel, findObj), 1);
$scope.externalEvents.onItemDeselect(findObj);
} else if (!exists && ($scope.settings.selectionLimit === 0 || $scope.selectedModel.length < $scope.settings.selectionLimit)) {
$scope.selectedModel.push(finalObj);
$scope.externalEvents.onItemSelect(finalObj);
}
if ($scope.settings.closeOnSelect) $scope.open = false;
};
$scope.isChecked = function (id) {
if ($scope.singleSelection) {
return $scope.selectedModel !== null && angular.isDefined($scope.selectedModel[$scope.settings.idProp]) && $scope.selectedModel[$scope.settings.idProp] === getFindObj(id)[$scope.settings.idProp];
}
return _.findIndex($scope.selectedModel, getFindObj(id)) !== -1;
};
$scope.externalEvents.onInitDone();
}
};
}
]);