ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.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 (function () {
  39         /*
  40          * Custom version of b2b-left-navigation directive:
  41          * 1. Make parent menu a link if no child menus.
  42          * 2. Add unique IDs to all items.
  43          * 3. Hide icon if no child menus.
  44          * 4. Add arrow toggle button.
  45          * 5. Adjust the page on collapse/expand.
  46          */
  47     class B2BLeftMenu {
  48         constructor($rootScope) {
  49             this.templateUrl = 'app/directives/b2b-leftnav-ext/b2b-leftnav-ext.tpl.html';
  50             this.restrict = 'EA';
  51             this.$rootScope = $rootScope;
  52             this.link = this._link.bind(this);
  53             this.scope = {
  54                 menuData: '='
  55             }
  56         }
  57         _link(scope) {
  58                 scope.idx = -1;
  59             scope.itemIdx = -1;
  60             scope.navIdx = -1;
  61             scope.toggleNav = function (val,link) {
  62                 if (val === scope.idx) {
  63                     scope.idx = -1;
  64                     return;
  65                 }
  66                 scope.idx = val;
  67             };
  68             /*New function for ECOMP sdk*/
  69             scope.toggleDrawer = function(showmenu){
  70                 scope.idx=-1; /*hide the sunmenus*/
  71                 if(showmenu){
  72                                 document.getElementById('page-content').style.paddingLeft = "50px";
  73                         }
  74                         else
  75                                 document.getElementById('page-content').style.paddingLeft = "230px";
  76             };
  77             scope.liveLink = function (evt, val1, val2) {
  78                 scope.itemIdx = val1;
  79                 scope.navIdx = val2;
  80                 evt.stopPropagation();
  81             };
  82         }
  83     }
  84     angular.module('ecompApp').directive('leftMenuEcomp', ($rootScope) => new B2BLeftMenu($rootScope));
  85 })();
  86