modules/yangman-resources/src/main/resources/yangman/views/index.tpl.html

   1 <section class="yangmanModule" id="yangmanModule" layout="row">
   2
   3     <!-- LEFT SIDE -->
   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 "
   7                  class="arrow-switcher"
   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>-->
  12         <!-- content -->
  13         <md-tabs md-border-bottom md-selected="main.leftPanelTab" class="yangmanModule__left-panel__detail-list-tabs-container">
  14             <md-tab label="models tree">
  15                 <md-content>
  16
  17                     <!-- MODULES HISTORY COLLECTION TABS -->
  18                     <md-tabs class="yangmanModule__mhc-tabs inline-tabs" md-no-pagination md-dynamic-height md-stretch-tabs="always">
  19                         <!-- Modules tab -->
  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>
  22                         </md-tab>
  23                         <!-- History tab -->
  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>
  26                         </md-tab>
  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>
  30                         </md-tab>
  31                     </md-tabs>
  32                 </md-content>
  33             </md-tab>
  34
  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>
  39                 </md-content>
  40             </md-tab>
  41         </md-tabs>
  42     </md-content>
  43
  44     <!-- RIGHT SIDE -->
  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>
  48 </section>