summaryrefslogtreecommitdiffstats
path: root/catalog-ui/app/scripts/directives/clicked-outside
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/app/scripts/directives/clicked-outside')
-rw-r--r--catalog-ui/app/scripts/directives/clicked-outside/clicked-outside-directive.ts131
1 files changed, 0 insertions, 131 deletions
diff --git a/catalog-ui/app/scripts/directives/clicked-outside/clicked-outside-directive.ts b/catalog-ui/app/scripts/directives/clicked-outside/clicked-outside-directive.ts
deleted file mode 100644
index 1b0af4ef99..0000000000
--- a/catalog-ui/app/scripts/directives/clicked-outside/clicked-outside-directive.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-/*-
- * ============LICENSE_START=======================================================
- * SDC
- * ================================================================================
- * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
- * ================================================================================
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ============LICENSE_END=========================================================
- */
-/// <reference path="../../references"/>
-module Sdc.Directives {
-
- class ClickedOutsideModel{
-
- private clickedOutsideContainerSelector: string;
- private onClickedOutsideGetter: Function;
- private clickedOutsideEnableGetter: Function;
-
- constructor(clickedOutsideData: any) {
- this.clickedOutsideContainerSelector = clickedOutsideData.clickedOutsideContainerSelector;
- this.onClickedOutsideGetter = clickedOutsideData.onClickedOutsideGetter;
- this.clickedOutsideEnableGetter = clickedOutsideData.clickedOutsideEnableGetter;
- }
-
- public getClickedOutsideContainerSelector = (): string => {
- return this.clickedOutsideContainerSelector;
- }
-
- public getOnClickedOutsideGetter = (): Function => {
- return this.onClickedOutsideGetter;
- }
-
- public getClickedOutsideEnableGetter = (): Function => {
- return this.clickedOutsideEnableGetter;
- }
- }
-
- export interface IClickedOutsideDirectiveScope extends ng.IScope{}
-
- export class ClickedOutsideDirective implements ng.IDirective {
-
- constructor(private $document: JQuery, private $parse: ng.IParseService) {}
-
- restrict = 'A';
-
- link = (scope:IClickedOutsideDirectiveScope, element: JQuery, attrs) => {
-
- let container: HTMLElement;
- let attrsAfterEval = scope.$eval(attrs.clickedOutside);
- attrsAfterEval.onClickedOutsideGetter = this.$parse(attrsAfterEval.onClickedOutside);
- attrsAfterEval.clickedOutsideEnableGetter = this.$parse(attrsAfterEval.clickedOutsideEnable);
-
- let clickedOutsideModel: ClickedOutsideModel = new ClickedOutsideModel(attrsAfterEval);
-
-
- let getContainer: Function = ():HTMLElement => {
- if(!container){
- let clickedOutsideContainerSelector: string = clickedOutsideModel.getClickedOutsideContainerSelector();
- if(!angular.isUndefined(clickedOutsideContainerSelector) && clickedOutsideContainerSelector !== ''){
- container = element.parents(clickedOutsideContainerSelector+':first')[0];
- if(!container){
- container = element[0];
- }
- }else{
- container = element[0];
- }
- }
- return container;
- };
-
-
- let onClickedOutside = (event: JQueryEventObject) => {
- let containerDomElement: HTMLElement = getContainer();
- let targetDomElementJq: JQuery = angular.element(event.target);
- if(targetDomElementJq.hasClass('tooltip') || targetDomElementJq.parents('.tooltip:first').length){
- return;
- }
- let targetDomElement: HTMLElement = targetDomElementJq[0];
- if (!containerDomElement.contains(targetDomElement)){
- scope.$apply(() => {
- let onClickedOutsideGetter:Function = clickedOutsideModel.getOnClickedOutsideGetter();
- onClickedOutsideGetter(scope);
- });
- }
- };
-
- let attachDomEvents: Function = () => {
- this.$document.on('mousedown', onClickedOutside);
- };
-
- let detachDomEvents: Function = () => {
- this.$document.off('mousedown', onClickedOutside);
- };
-
- //
- scope.$on('$destroy', () => {
- detachDomEvents();
- });
-
-
- scope.$watch(() => {
- let clickedOutsideEnableGetter: Function = clickedOutsideModel.getClickedOutsideEnableGetter();
- return clickedOutsideEnableGetter(scope);
- }, (newValue: boolean) => {
- if(newValue){
- attachDomEvents();
- return;
- }
- detachDomEvents();
- });
-
-
- }
-
- public static factory = ($document: JQuery, $parse: ng.IParseService) => {
- return new ClickedOutsideDirective($document, $parse);
- }
- }
-
- ClickedOutsideDirective.factory.$inject = ['$document', '$parse'];
-}