ecomp-portal-FE-common/client/app/directives/right-click-menu/right-click-menu.directive.js

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   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
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  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.
  20  *
  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
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  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.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 'use strict';
  39 angular.module('ecompApp').directive( 'contextMenu', function($compile){
  40     contextMenu = {};
  41     contextMenu.restrict = 'AE';
  42     contextMenu.link = function( lScope, lElem, lAttr ){
  43         lElem.on('contextmenu', function (e) {
  44             e.preventDefault(); // default context menu is disabled
  45             //  The customized context menu is defined in the main controller. To function the ng-click functions the, contextmenu HTML should be compiled.
  46             lElem.append( $compile( lScope[ lAttr.contextMenu ])(lScope) );
  47             // The location of the context menu is defined on the click position and the click position is catched by the right click event.
  48             $('#contextmenu-node').css('left', e.clientX);
  49             $('#contextmenu-node').css('top', e.clientY);
  50         });
  51         lElem.on('mouseleave', function(e){
  52             console.log('Leaved the div');
  53             // on mouse leave, the context menu is removed.
  54             if($('#contextmenu-node') )
  55                 $('#contextmenu-node').remove();
  56         });
  57     };
  58     return contextMenu;
  59 });