alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Manual re-do of collapse/expand panes

Browse Source 
open #90
Animation, styles, hide-show added panes and splitters;
Finessed spacing;
trans-prop* mixins normalized and added delay arg;
This commit is contained in:
Charles Hacskaylo
2015-10-23 10:52:28 -07:00
parent 827e1af581
commit a283a2a0d3
9 changed files with 584 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
platform/commonUI/browse/res/templates/browse-object.html
View File

@@ -49,13 +49,12 @@
</mct-representation>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
ng-click="ngModel.toggle()"
ng-class="{ collapsed : !ngModel.visible() }"></a>
ng-class="{ collapsed : !ngModel.visible() }"></a>
</div><!--/ t-object -->
<mct-splitter class="mobile-hide" ng-class="{ hidden: !ngModel.visible()}"></mct-splitter>
<mct-splitter class="splitter-inspect mobile-hide"></mct-splitter>
<div class='split-pane-component t-inspector pane right mobile-hide'
ng-class="{ hidden:!ngModel.visible() }">
<div class="split-pane-component t-inspect pane right mobile-hide">
<!--Inspector goes here-->
</div>
</mct-split-pane><!--/ t-object-and-inspector -->

8
platform/commonUI/browse/res/templates/browse.html
View File

@@ -51,11 +51,13 @@
</div>
</div>
<mct-splitter class="mobile-hide" ng-class="{ hidden: !modelPaneTree.visible()}"></mct-splitter>
<mct-splitter class="splitter-treeview mobile-hide"></mct-splitter>
<div class='split-pane-component items pane right-repr'>
<div class='split-pane-component items pane right'>
<a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()" ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
<div class='holder abs l-mobile' id='content-area' ng-controller="PaneController as modelPaneInspect">
<div class='holder abs l-mobile' id='content-area'
ng-controller="PaneController as modelPaneInspect"
ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'">
<mct-representation mct-object="navigatedObject"
key="'browse-object'"
ng-model="modelPaneInspect">