Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / views / tabs / tabs.tpl.html

diff --git a/ecomp-portal-FE/client/app/views/tabs/tabs.tpl.html b/ecomp-portal-FE/client/app/views/tabs/tabs.tpl.html
new file mode 100644 (file)
index 0000000..62af73e
--- /dev/null
+++ b/ecomp-portal-FE/client/app/views/tabs/tabs.tpl.html
@@ -0,0 +1,46 @@
+<!--
+  ================================================================================
+  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="w-ecomp-tabs" ng-cloak ng-style="{bottom: tabBottom}">
+       <div class="tab-container">
+               <md-tabs md-selected="selectedIndex" md-dynamic-height="true" md-autoselect="true">
+                       <md-tab ng-repeat="tab in tabs" md-on-select="selectTab(tab.title)">
+                               <md-tab-label>
+                                       <span style="overflow: hidden;white-space: nowrap;display: block;" 
+                                         id="tab-{{tab.title.split(' ').join('-')}}">
+                                         <i  tooltip="{{tab.title}}" tooltip-aria-label="Tooltip with HTML Content"
+                                          tooltip-style="light" tooltip-placement="right" tooltip-trigger="mouseover">{{adjustTitle(tab.title)}}</i>
+                                       </span>
+                                       <span class="tab-cross-sign">
+                                               <i class="ion-close-round" ng-click="removeTab($event, $index)" ng-show="'{{tab.title}}'!='Home'"></i>                                  
+                                       </span>
+                               </md-tab-label>
+                               <md-tab-body>
+                                       <main-area id="tab-home" ng-show="'{{tab.title}}'!='Home'"></main-area>
+                               </md-tab-body>
+                       </md-tab>
+               </md-tabs>
+       </div>
+       <div style=" position: fixed; right: 290px; top: 62px;">        
+               
+       </div>
+       <div ng-controller="searchCtrl" style=" position: fixed; right: 0; top: 58px;">
+               <search-box id="mainSearchDiv" />
+       </div>
+</div>