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

Frontend] More refining of collapsing treeview

Browse Source 
open #90
Create and Search controls now properly change
to mini-tabs when treeview is collapsed;
Mods to .create-btn to use :before for symbol instead of span;
 TO-DO: why does mct-device alter the order of items in the rendered
 markup?
This commit is contained in:
Charles Hacskaylo
2015-10-26 10:01:52 -07:00
parent 8ee4fc9b71
commit fd582d45d2
6 changed files with 345 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,13 +28,18 @@
<mct-split-pane class='abs contents'
anchor='left'>
<div class='split-pane-component treeview pane left'>
<div class="holder abs l-mobile">
<div class="holder create-and-search-holder abs l-mobile">
<mct-representation key="'create-button'"
mct-object="navigatedObject"
mct-device="desktop">
</mct-representation>
<div class='holder search-holder abs'
ng-class="{active: treeModel.search}">
<a class="mini-tab anchor-left toggle-pane toggle-search mobile-hide"
title="Enable search"
ng-click="modelPaneTree.toggle()"
ng-class="{ collapsed : !modelPaneTree.visible() }"
ng-style="{ opacity: modelPaneTree.visible()? 0:1 }"></a>
<mct-representation key="'search'"
mct-object="domainObject"
ng-model="treeModel">
@@ -42,7 +47,7 @@
</div>
<div class='tree-holder abs mobile-tree-holder'
ng-hide="treeModel.search">
<mct-representation key="'tree'"
<mct-representation key="'tree'"s
mct-object="domainObject"
parameters="tree"
ng-model="treeModel">
@@ -66,7 +71,7 @@
<mct-split-pane class='l-object-and-inspector contents abs' anchor='right'>
<div class='split-pane-component t-object pane primary-pane left'>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
title="Click to {{ modelPaneInspect.visible()? 'hide' : 'show' }} the Inspection pane"
title="{{ modelPaneInspect.visible()? 'Hide' : 'Show' }} the Inspection pane"
ng-click="modelPaneInspect.toggle()"
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
<mct-representation mct-object="navigatedObject"

1
platform/commonUI/browse/res/templates/create/create-button.html
View File

@@ -21,7 +21,6 @@
-->
<div class="menu-element wrapper" ng-controller="ClickAwayController as createController">
<div class="s-menu-btn major create-btn" ng-click="createController.toggle()">
<span class="ui-symbol icon type-icon">&#x2b;</span>
<span class="title-label">Create</span>
</div>
<div class="menu super-menu" ng-show="createController.isActive()">