[PORTAL-7] Rebase

This rebasing includes common libraries and common overlays projects
abstraction of components

Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8
Signed-off-by: st782s <statta@research.att.com>

3 files changed, 134 insertions, 0 deletions

diff --git a/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.directive.js b/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.directive.js
new file mode 100644
index 00000000..7284e4db
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.directive.js
@@ -0,0 +1,68 @@
+/*-

+ * ================================================================================

+ * 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.

+ * ================================================================================

+ */

+(function () {

+   	/*

+   	 * Custom version of b2b-left-navigation directive:

+   	 * 1. Make parent menu a link if no child menus.

+   	 * 2. Add unique IDs to all items.

+   	 * 3. Hide icon if no child menus.

+   	 * 4. Add arrow toggle button.

+   	 * 5. Adjust the page on collapse/expand.

+   	 */

+    class B2BLeftMenu {

+        constructor($rootScope) {

+            this.templateUrl = 'app/directives/b2b-leftnav-ext/b2b-leftnav-ext.tpl.html';

+            this.restrict = 'EA';

+            this.$rootScope = $rootScope;

+            this.link = this._link.bind(this);

+            this.scope = {

+            	menuData: '='

+            }

+        }

+        _link(scope) {

+        	scope.idx = -1;

+            scope.itemIdx = -1;

+            scope.navIdx = -1;

+            scope.toggleNav = function (val,link) {

+                if (val === scope.idx) {

+                    scope.idx = -1;

+                    return;

+                }

+                scope.idx = val;

+            };

+            /*New function for ECOMP sdk*/

+            scope.toggleDrawer = function(showmenu){

+            	scope.idx=-1; /*hide the sunmenus*/

+            	if(showmenu){

+        			document.getElementById('page-content').style.paddingLeft = "50px";

+        		}

+        		else

+        			document.getElementById('page-content').style.paddingLeft = "230px";           	

+            };

+            scope.liveLink = function (evt, val1, val2) {

+                scope.itemIdx = val1;

+                scope.navIdx = val2;

+                evt.stopPropagation();

+            };

+        }

+    }

+    angular.module('ecompApp').directive('leftMenuEcomp', ($rootScope) => new B2BLeftMenu($rootScope));

+})();

+

diff --git a/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.less b/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.less
new file mode 100644
index 00000000..91a10aa2
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.less
@@ -0,0 +1,4 @@
+.b2b-nav-menu .b2b-subnav-container li{

+	background-color:white;

+	z-index:10;

+}
\ No newline at end of file
diff --git a/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.tpl.html b/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.tpl.html
new file mode 100644
index 00000000..240c8c9b
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/directives/b2b-leftnav-ext/b2b-leftnav-ext.tpl.html
@@ -0,0 +1,62 @@
+<!--

+  ================================================================================

+  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.

+  ================================================================================

+  -->

+<div class="b2b-nav-menu" id="left-menu-main-div" ng-init="(showmenu = true)" ng-class="{false: 'left-menu-collapsed'}[showmenu]">

+	<div class="b2b-subnav-container" id="left-menu-subnav-container">

+		<ul class="b2b-subnav-content" id="left-menu-subnav-content">

+			<li id="left-menu-subnav-content-li">

+				<div ng-class="{true: 'leftmenu-arrow-expand', false: 'leftmenu-arrow-collapse'}[showmenu]"	id="left-menu-arrow-toggle-div">

+					<a ng-click="toggleDrawer(showmenu);(showmenu = !showmenu) " class="text-right" id="left-menu-arrow-toggle-anchor"> 

+						<i ng-class="{true: 'icon-controls-left', false: 'icon-controls-right'}[showmenu]" id="left-menuf-arrow-toggle-icon">&nbsp;</i>

+					</a>

+				</div>

+			</li>

+			<li ng-repeat="menu in menuData" ui-sref="{{menu.state}}" id="left-menu-li-{{menu.name.split(' ').join('-')}}">

+				<span ng-class="{true: 'menu-icon', false: 'menu-icon-collapse'}[showmenu]"	

+					id="left-menu-span-{{menu.name.split(' ').join('-')}}"> 

+					<span class="{{menu.imageSrc}}" id="icon-image-{{menu.name.split(' ').join('-')}}"></span>

+				</span> 

+				<a ng-class="{expand: isOpen($index)}" ng-if="showmenu" title="{{menu.name}}"

+					aria-label="{{menu.name}}" aria-expanded="{{(idx==$index)?true:false;}}"

+					href="javascript:void(0);" id="parent-item-{{menu.name.split(' ').join('-')}}">

+					{{menu.name}} 

+					<i aria-hidden="true" ng-if="(menu.menuItems.length > 0)"

+						class="b2b-icon-primary-plus-minus"

+						ng-class="idx==$index ? 'icon-primary-expanded' : 'icon-primary-collapsed'"></i>

+				</a>

+				<div role="region" aria-hidden="{{(isOpen($index))?false:true;}}" 

+					id="left-menu-child-div-{{menu.name.split(' ').join('-')}}">

+					<ul ng-class="{expand: idx==$index}"

+						id="left-menu-child-ul-{{menu.name.split(' ').join('-')}}">

+						<li ng-repeat="menuItem in menu.menuItems"

+							ng-click="liveLink($event, $index, $parent.$index)"

+							id="left-menu-child-li-{{menuItem.name.split(' ').join('-')}}-{{menu.name.split(' ').join('-')}}">

+							<a ng-class="{active: itemIdx==$index && navIdx==$parent.$index}"

+								aria-hidden="{{!(idx==$parent.$index)}}" aria-label="{{menuItem.name}}" 

+								title="{{menuItem.name}}" href="{{menuItem.href}}"

+								tabindex="{{(idx==$parent.$index)?0:-1;}}"

+								id="child-item-{{menuItem.name.split(' ').join('-')}}">{{menuItem.name}}

+							</a>

+						</li>

+					</ul>

+				</div>

+			</li>

+		</ul>

+	</div>

+</div>