1 <section class="yangmanModule" id="yangmanModule" layout="row">
4 <md-content layout="column" style="width: 400px; height: 100%;" class="yangmanModule__left-panel ym-resizable-e" id="left-panel">
5 <!-- module arrow button -->
6 <md-icon md-font-set="material-icons "
8 ng-click="main.toggleLeftPanel(); main.initModuleDetailHeight();"
9 ng-class="{'arrow-switcher__left' : main.leftPanelTab === 0}"
10 ng-show="selectedDatastore"> play_arrow </md-icon>
11 <!--ng-show="!main.selectedMainTab && selectedDatastore"> play_arrow </md-icon>-->
13 <md-tabs md-border-bottom md-selected="main.leftPanelTab" class="yangmanModule__left-panel__detail-list-tabs-container">
14 <md-tab label="models tree">
17 <!-- MODULES HISTORY COLLECTION TABS -->
18 <md-tabs class="yangmanModule__mhc-tabs inline-tabs" md-no-pagination md-dynamic-height md-stretch-tabs="always">
20 <md-tab label="{{'YANGMAN_MODULES' | translate}}" md-on-select="main.switchedTab(0)">
21 <div ng-include src="globalViewPath + 'leftpanel/modules-tab.tpl.html'" class="h100"></div>
24 <md-tab label="{{'YANGMAN_HISTORY' | translate}}" md-on-select="main.switchedTab(1)">
25 <div ng-include src="globalViewPath + 'leftpanel/history-tab.tpl.html'" class="historyTab"></div>
27 <!-- Collection tab -->
28 <md-tab label="{{'YANGMAN_COLLECTIONS' | translate}}" md-on-select="main.switchedTab(2)">
29 <div ng-include src="globalViewPath + 'leftpanel/collections-tab.tpl.html'" class="collectionsTab"></div>
35 <!-- MODULE TREE DETAIL -->
36 <md-tab label="model detail" md-on-select="main.initModuleDetailHeight()">
37 <md-content class="yangmanModule__module-detail">
38 <div ng-include src="globalViewPath + 'leftpanel/module-detail.tpl.html'"></div>
45 <md-content layout="column" flex
46 class="md-whiteframe-3dp md-padding yangmanModule__right-panel"
47 ng-include src="globalViewPath + 'rightpanel/detail.tpl.html'"></md-content>