3 angular.module('quantum').directive('dropdownMultiselect', ['$document', function($document){
10 template: "<div class='btn-group ng-isolate-scope buttons-dropdown--small' data-ng-class='{open: open}'>"+
11 "<a class='button btn buttons-dropdown__split button--secondary' data-ng-click='open=!open;' style='border-right:none;'>Multi-Select</a>"+
12 "<a class='button buttons-dropdown__drop dropdown-toggle button--secondary' data-ng-click='open=!open;' style='border-left:none;color:#067ab4'></a>"+
13 "<ul class='dropdown-menu' aria-labelledby='dropdownMenu'>" +
14 "<li><a data-ng-click='selectAll()'><i class='icon-included-checkmark'></i> Check All</a></li>" +
15 "<li><a data-ng-click='deselectAll();'><i class='icon-erase'></i> Uncheck All</a></li>" +
16 "<li class='divider'></li>" +
17 "<li data-ng-repeat='option in options'> <a data-ng-click='setSelectedItem()'>{{option.title}}<span data-ng-class='isChecked(option.value)'></span></a></li>" +
20 link: function($scope,element,attr){
22 $scope.$watch("options",function(newValue,oldValue) {
26 $scope.selectAll = function () {
27 $scope.model = _.pluck($scope.options, 'value');
29 $scope.deselectAll = function() {
32 $scope.setSelectedItem = function(){
33 var value = this.option.value;
34 if (_.contains($scope.model, value)) {
35 $scope.model = _.without($scope.model, value);
37 $scope.model.push(value);
41 $scope.isChecked = function (value) {
42 if (_.contains($scope.model, value)) {
43 return 'icon-included-checkmark pull-right';
48 $document.bind('click', function(event){
49 var isClickedElementChildOfPopup = element
53 if (isClickedElementChildOfPopup)