summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-os/client/src/views/tabs/tabs.tpl.html
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE-os/client/src/views/tabs/tabs.tpl.html')
-rw-r--r--ecomp-portal-FE-os/client/src/views/tabs/tabs.tpl.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/ecomp-portal-FE-os/client/src/views/tabs/tabs.tpl.html b/ecomp-portal-FE-os/client/src/views/tabs/tabs.tpl.html
new file mode 100644
index 00000000..d11608e5
--- /dev/null
+++ b/ecomp-portal-FE-os/client/src/views/tabs/tabs.tpl.html
@@ -0,0 +1,47 @@
+<!--
+ ================================================================================
+ 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);auditLog(tab)">
+ <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 tab-cross-sign-opensrc">
+ <i class="ion-close-round" ng-click="removeTab($event, $index)" ng-show="'{{tab.title}}'!='Home'"></i>
+ </span>
+ <!-- the tab close button -->
+ </md-tab-label>
+ <md-tab-body>
+ <main-area id="tab-home" ng-show="'{{tab.title}}'!='Home'"></main-area>
+ </md-tab-body>
+ </md-tab> <!-- this is the open new tab button -->
+ </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>