Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / directives / left-menu / left-menu.tpl.html

diff --git a/ecomp-portal-FE/client/app/directives/left-menu/left-menu.tpl.html b/ecomp-portal-FE/client/app/directives/left-menu/left-menu.tpl.html
new file mode 100644 (file)
index 0000000..0059d6a
--- /dev/null
+++ b/ecomp-portal-FE/client/app/directives/left-menu/left-menu.tpl.html
@@ -0,0 +1,57 @@
+<!--
+  ================================================================================
+  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="close-button" ng-click="toggleSidebar()">
+    <span id="icon-hamburger" class="ion-navicon-round" ></span>
+</div>
+<div id="ecomp-sidebar-container" class="ecomp-sidebar-container" ng-class="isOpen ? 'open-sidebar': 'close-sidebar'">
+    <div class="ecomp-sidebar-main" >
+        <div class="accordion-container" id="accordion-container">
+            <accordion close-others="true" css="att-accordion--no-box">
+                <div ng-repeat="parent in sidebarModel.navItems">
+                     <div ng-click="refreshOnlineUsers()" id="parent-item-{{parent.name.split(' ').join('-')}}"
+                         class="parent-item"
+                         ng-if="!parent.subMenu"
+                         class="child-row"
+                         ui-sref="{{parent.state}}" ui-sref-active="att-accordion-active">
+                        <i id="icon-image-{{parent.name.split(' ').join('-')}}" ng-class="parent.imageSrc" class=\"pull-left\"></i>
+                        &nbsp;&nbsp;{{parent.name}}
+                    </div>
+
+                    <accordion-group
+                            id="accordion-group"
+                            ng-if="parent.subMenu"
+                            heading="{{parent.name}}"
+                            image-source="{{parent.imageSrc}}" >
+                            <div id="sub-item-{{child.name.split(' ').join('-')}}"
+                                    class="sub-item"
+                                 ng-repeat="child in parent.subMenu"
+                                 class="child-row"
+                                 ui-sref="{{child.state}}" ui-sref-active="att-accordion-active"
+                                 image-source="{{parent.imageSrc}}">
+                                <i id="child-item-{{child.name.split(' ').join('-')}}" ng-class="child.imageSrc" class=\"pull-left\"></i>&nbsp;&nbsp;{{child.name}}
+                            </div>
+                    </accordion-group>
+
+                </div>
+             </accordion>
+
+        </div>
+    </div>
+</div>