forked from mgcrea/angular-strap
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdropdown.js
More file actions
127 lines (126 loc) · 5.09 KB
/
dropdown.js
File metadata and controls
127 lines (126 loc) · 5.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/**
* angular-strap
* @version v2.3.8 - 2016-03-31
* @link http://mgcrea.github.io/angular-strap
* @author Olivier Louvignes <olivier@mg-crea.com> (https://github.com/mgcrea)
* @license MIT License, http://www.opensource.org/licenses/MIT
*/
'use strict';
angular.module('mgcrea.ngStrap.dropdown', [ 'mgcrea.ngStrap.tooltip' ]).provider('$dropdown', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'dropdown',
prefixEvent: 'dropdown',
placement: 'bottom-left',
templateUrl: 'dropdown/dropdown.tpl.html',
trigger: 'click',
container: false,
keyboard: true,
html: false,
delay: 0
};
this.$get = [ '$window', '$rootScope', '$tooltip', '$timeout', function($window, $rootScope, $tooltip, $timeout) {
var bodyEl = angular.element($window.document.body);
var matchesSelector = Element.prototype.matchesSelector || Element.prototype.webkitMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector;
function DropdownFactory(element, config) {
var $dropdown = {};
var options = angular.extend({}, defaults, config);
$dropdown.$scope = options.scope && options.scope.$new() || $rootScope.$new();
$dropdown = $tooltip(element, options);
var parentEl = element.parent();
$dropdown.$onKeyDown = function(evt) {
if (!/(38|40)/.test(evt.keyCode)) return;
evt.preventDefault();
evt.stopPropagation();
var items = angular.element($dropdown.$element[0].querySelectorAll('li:not(.divider) a'));
if (!items.length) return;
var index;
angular.forEach(items, function(el, i) {
if (matchesSelector && matchesSelector.call(el, ':focus')) index = i;
});
if (evt.keyCode === 38 && index > 0) index--; else if (evt.keyCode === 40 && index < items.length - 1) index++; else if (angular.isUndefined(index)) index = 0;
items.eq(index)[0].focus();
};
var show = $dropdown.show;
$dropdown.show = function() {
show();
$timeout(function() {
if (options.keyboard && $dropdown.$element) $dropdown.$element.on('keydown', $dropdown.$onKeyDown);
bodyEl.on('click', onBodyClick);
}, 0, false);
if (parentEl.hasClass('dropdown')) parentEl.addClass('open');
};
var hide = $dropdown.hide;
$dropdown.hide = function() {
if (!$dropdown.$isShown) return;
if (options.keyboard && $dropdown.$element) $dropdown.$element.off('keydown', $dropdown.$onKeyDown);
bodyEl.off('click', onBodyClick);
if (parentEl.hasClass('dropdown')) parentEl.removeClass('open');
hide();
};
var destroy = $dropdown.destroy;
$dropdown.destroy = function() {
bodyEl.off('click', onBodyClick);
destroy();
};
function onBodyClick(evt) {
if (evt.target === element[0]) return;
return evt.target !== element[0] && $dropdown.hide();
}
return $dropdown;
}
return DropdownFactory;
} ];
}).directive('bsDropdown', [ '$window', '$sce', '$dropdown', function($window, $sce, $dropdown) {
return {
restrict: 'EAC',
scope: true,
compile: function(tElement, tAttrs) {
if (!tAttrs.bsDropdown) {
var nextSibling = tElement[0].nextSibling;
while (nextSibling && nextSibling.nodeType !== 1) {
nextSibling = nextSibling.nextSibling;
}
if (nextSibling && nextSibling.className.split(' ').indexOf('dropdown-menu') >= 0) {
tAttrs.template = nextSibling.outerHTML;
tAttrs.templateUrl = undefined;
nextSibling.parentNode.removeChild(nextSibling);
}
}
return function postLink(scope, element, attr) {
var options = {
scope: scope
};
angular.forEach([ 'template', 'templateUrl', 'controller', 'controllerAs', 'placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'id', 'autoClose' ], function(key) {
if (angular.isDefined(tAttrs[key])) options[key] = tAttrs[key];
});
var falseValueRegExp = /^(false|0|)$/i;
angular.forEach([ 'html', 'container' ], function(key) {
if (angular.isDefined(attr[key]) && falseValueRegExp.test(attr[key])) options[key] = false;
});
if (attr.bsDropdown) {
scope.$watch(attr.bsDropdown, function(newValue, oldValue) {
scope.content = newValue;
}, true);
}
var dropdown = $dropdown(element, options);
if (attr.bsShow) {
scope.$watch(attr.bsShow, function(newValue, oldValue) {
if (!dropdown || !angular.isDefined(newValue)) return;
if (angular.isString(newValue)) newValue = !!newValue.match(/true|,?(dropdown),?/i);
if (newValue === true) {
dropdown.show();
} else {
dropdown.hide();
}
});
}
scope.$on('$destroy', function() {
if (dropdown) dropdown.destroy();
options = null;
dropdown = null;
});
};
}
};
} ]);