Yangman app base layout
[dlux.git] / modules / yangman-resources / src / main / resources / yangman / views / index.tpl.html
1 <section class="yangmanModule" id="yangmanModule" layout="row">
2     <md-content layout="column" style="width: 400px; height: 100%;">
3         <md-tabs md-border-bottom md-selected="leftPanelTab">
4             <md-tab label="models tree">
5                 <md-content class="md-padding">
6                     <md-tabs md-border-bottom md-no-pagination md-dynamic-height>
7                         <md-tab label="Models">
8                             <p align="right" ng-click="toggleLeftPanel()">==&gt;</p>
9                             <div ng-include src="currentPath + 'leftpanel/models-tab.tpl.html'"></div>
10                         </md-tab>
11                         <md-tab label="History">
12                             <div ng-include src="currentPath + 'leftpanel/history-tab.tpl.html'"></div>
13                         </md-tab>
14                         <md-tab label="Collections">
15                             <div ng-include src="currentPath + 'leftpanel/collections-tab.tpl.html'"></div>
16                         </md-tab>
17                     </md-tabs>
18                 </md-content>
19             </md-tab>
20             <md-tab label="model detail">
21                 <md-content class="md-padding">
22                     <p align="left" ng-click="toggleLeftPanel()">&lt;==</p>
23                     <div ng-include src="currentPath + 'leftpanel/model-detail.tpl.html'"></div>
24                 </md-content>
25             </md-tab>
26         </md-tabs>
27     </md-content>
28     <md-content layout="column" flex>
29         <p>content</p>
30     </md-content>
31 </section>