2 * ============LICENSE_START==========================================
4 * ===================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ===================================================================
8 * Unless otherwise specified, all software contained herein is licensed
9 * under the Apache License, Version 2.0 (the "License");
10 * you may not use this software except in compliance with the License.
11 * You may obtain a copy of the License at
13 * http://www.apache.org/licenses/LICENSE-2.0
15 * Unless required by applicable law or agreed to in writing, software
16 * distributed under the License is distributed on an "AS IS" BASIS,
17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18 * See the License for the specific language governing permissions and
19 * limitations under the License.
21 * Unless otherwise specified, all documentation contained herein is licensed
22 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
23 * you may not use this documentation except in compliance with the License.
24 * You may obtain a copy of the License at
26 * https://creativecommons.org/licenses/by/4.0/
28 * Unless required by applicable law or agreed to in writing, documentation
29 * distributed under the License is distributed on an "AS IS" BASIS,
30 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
31 * See the License for the specific language governing permissions and
32 * limitations under the License.
34 * ============LICENSE_END============================================
36 * ECOMP is a trademark and service mark of AT&T Intellectual Property.
39 * Created by nnaffar on 12/21/15.+
41 angular.module('ecompApp')
42 .directive('multipleSelect', function ($window) {
45 templateUrl: 'app/directives/multiple-select/multiple-select.tpl.html',
55 link: function(scope, elm, attrs){
56 scope.isExpanded = false;
58 scope.isDisabled = !scope.ngModel || !scope.ngModel.length;
59 scope.$watch('ngModel', function(newVal){
60 scope.isDisabled = !newVal || !newVal.length;
64 let startListening = () => {
65 console.log('listening on $window!');
66 angular.element($window).on('click', function () {
70 angular.element('multiple-select').on('click', function(e) {
71 if($(e.target).closest('multiple-select')[0].attributes['unique-data'].value === attrs.uniqueData){
72 console.log('ignored that..:', attrs.uniqueData);
75 console.log('shouldnt ignore, close expanded!:', attrs.uniqueData);
76 scope.isExpanded = false;
82 let stopListening = function() {
83 if(scope.onDropdownClose){
84 scope.onDropdownClose();
86 scope.isExpanded = false;
88 console.log('stop listening on $window and multiple-element!');
89 angular.element($window).off('click');
90 angular.element('multiple-select').off('click');
93 scope.showCheckboxes = function(){
94 scope.isExpanded = !scope.isExpanded;
99 if(scope.onDropdownClose){
100 scope.onDropdownClose();
105 scope.onCheckboxClicked = function() {
106 console.log('checkbox clicked; unique data: ',attrs.uniqueData);
112 scope.getTitle = function(){
114 if(!scope.ngModel || !scope.ngModel.length) {
117 scope.ngModel.forEach(function(item){
118 if(item[scope.valueAttr]){
119 disp+=item[scope.nameAttr] + ',';
123 disp = disp.slice(0,disp.length-1);
125 disp = scope.placeholder;
130 scope.getIdTitle = function(){
132 if(!scope.ngModel || !scope.ngModel.length) {
135 scope.ngModel.forEach(function(item){
136 if(item[scope.valueAttr]){
137 disp+=item[scope.nameAttr] + ',';
141 disp = disp.slice(0,disp.length-1);
143 disp = scope.placeholder;
145 return disp+attrs.uniqueData;