From b54df0ddd0c6a0372327c5aa3668e5a6458fcd64 Mon Sep 17 00:00:00 2001 From: st782s Date: Thu, 4 May 2017 07:48:42 -0400 Subject: [PORTAL-7] Rebase This rebasing includes common libraries and common overlays projects abstraction of components Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8 Signed-off-by: st782s --- .../right-click-menu/right-click-menu.directive.js | 41 ++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 ecomp-portal-FE-common/client/app/directives/right-click-menu/right-click-menu.directive.js (limited to 'ecomp-portal-FE-common/client/app/directives/right-click-menu/right-click-menu.directive.js') diff --git a/ecomp-portal-FE-common/client/app/directives/right-click-menu/right-click-menu.directive.js b/ecomp-portal-FE-common/client/app/directives/right-click-menu/right-click-menu.directive.js new file mode 100644 index 00000000..ff339322 --- /dev/null +++ b/ecomp-portal-FE-common/client/app/directives/right-click-menu/right-click-menu.directive.js @@ -0,0 +1,41 @@ +/*- + * ================================================================================ + * eCOMP Portal + * ================================================================================ + * Copyright (C) 2017 AT&T Intellectual Property + * ================================================================================ + * 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. + * ================================================================================ + */ +'use strict'; +angular.module('ecompApp').directive( 'contextMenu', function($compile){ + contextMenu = {}; + contextMenu.restrict = 'AE'; + contextMenu.link = function( lScope, lElem, lAttr ){ + lElem.on('contextmenu', function (e) { + e.preventDefault(); // default context menu is disabled + // The customized context menu is defined in the main controller. To function the ng-click functions the, contextmenu HTML should be compiled. + lElem.append( $compile( lScope[ lAttr.contextMenu ])(lScope) ); + // The location of the context menu is defined on the click position and the click position is catched by the right click event. + $('#contextmenu-node').css('left', e.clientX); + $('#contextmenu-node').css('top', e.clientY); + }); + lElem.on('mouseleave', function(e){ + console.log('Leaved the div'); + // on mouse leave, the context menu is removed. + if($('#contextmenu-node') ) + $('#contextmenu-node').remove(); + }); + }; + return contextMenu; +}); \ No newline at end of file -- cgit 1.2.3-korg