38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
/* @ngInject */
|
|
export function clickOutside($document: ng.IDocumentService) {
|
|
return {
|
|
restrict: 'A',
|
|
replace: false,
|
|
link($scope: ng.IScope, $element: JQLite, attrs: any) {
|
|
let didApplyClickOutside = false;
|
|
|
|
function onElementClick(event: JQueryEventObject) {
|
|
didApplyClickOutside = false;
|
|
if (attrs.isOpen) {
|
|
event.stopPropagation();
|
|
}
|
|
}
|
|
|
|
function onDocumentClick(event: JQueryEventObject) {
|
|
/** Ignore click if on SKAlert */
|
|
if (event.target.closest('.sk-modal')) {
|
|
return;
|
|
}
|
|
if (!didApplyClickOutside) {
|
|
$scope.$apply(attrs.clickOutside);
|
|
didApplyClickOutside = true;
|
|
}
|
|
};
|
|
|
|
$scope.$on('$destroy', () => {
|
|
attrs.clickOutside = undefined;
|
|
$element.unbind('click', onElementClick);
|
|
$document.unbind('click', onDocumentClick);
|
|
});
|
|
|
|
$element.bind('click', onElementClick);
|
|
$document.bind('click', onDocumentClick);
|
|
}
|
|
};
|
|
}
|