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
Refactored templates to move all split-pane elements into browse.html;
This commit is contained in:
Charles Hacskaylo
2015-10-23 11:13:51 -07:00
parent a283a2a0d3
commit 0c4d422e2d
2 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,8 +20,6 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<span ng-controller="BrowseObjectController"> <span ng-controller="BrowseObjectController">
<mct-split-pane class='l-object-and-inspector contents abs' anchor='right'>
<div class='split-pane-component t-object pane left'>
<div class="object-browse-bar bar l-flex"> <div class="object-browse-bar bar l-flex">
<div class="items-select left"> <div class="items-select left">
<mct-representation key="'back-arrow'" <mct-representation key="'back-arrow'"
@@ -47,15 +45,4 @@
mct-object="representation.selected.key && domainObject" mct-object="representation.selected.key && domainObject"
class="abs object-holder"> class="abs object-holder">
</mct-representation> </mct-representation>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
ng-click="ngModel.toggle()"
ng-class="{ collapsed : !ngModel.visible() }"></a>
</div><!--/ t-object -->
<mct-splitter class="splitter-inspect mobile-hide"></mct-splitter>
<div class="split-pane-component t-inspect pane right mobile-hide">
<!--Inspector goes here-->
</div>
</mct-split-pane><!--/ t-object-and-inspector -->
</span> </span>

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

@@ -58,11 +58,23 @@
<div class='holder abs l-mobile' id='content-area' <div class='holder abs l-mobile' id='content-area'
ng-controller="PaneController as modelPaneInspect" ng-controller="PaneController as modelPaneInspect"
ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'"> ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'">
<mct-split-pane class='l-object-and-inspector contents abs' anchor='right'>
<div class='split-pane-component t-object pane left'>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
ng-click="modelPaneInspect.toggle()"
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
<mct-representation mct-object="navigatedObject" <mct-representation mct-object="navigatedObject"
key="'browse-object'" key="'browse-object'">
ng-model="modelPaneInspect">
</mct-representation> </mct-representation>
</div> </div>
<mct-splitter class="splitter-inspect mobile-hide"></mct-splitter>
<div class="split-pane-component t-inspect pane right mobile-hide">
<!--Inspector goes here-->
</div>
</mct-split-pane>
</div>
</div> </div>
</mct-split-pane> </mct-split-pane>
</div> </div>