mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 15:02:23 +00:00
1dbd721b14
open #90 IN-PROGRESS To support desired edge-to-edge styling of Inspector pane; Removed superflous .scss file; Enhancements to splitter .scss to allow flush edging and edge shadows;
99 lines
5.2 KiB
HTML
99 lines
5.2 KiB
HTML
<!--
|
|
Open MCT Web, Copyright (c) 2014-2015, United States Government
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
Administration. All rights reserved.
|
|
|
|
Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
|
"License"); you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
http://www.apache.org/licenses/LICENSE-2.0.
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
License for the specific language governing permissions and limitations
|
|
under the License.
|
|
|
|
Open MCT Web includes source code licensed under additional open source
|
|
licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
this source code distribution or the Licensing information page available
|
|
at runtime from the About dialog for additional information.
|
|
-->
|
|
|
|
<div class="abs holder-all browse-mode" ng-controller="BrowseController">
|
|
<mct-include key="'topbar-browse'"></mct-include>
|
|
<div class="abs holder holder-main browse-area s-browse-area browse-wrapper"
|
|
ng-controller="PaneController as modelPaneTree"
|
|
ng-class="modelPaneTree.visible() ? 'pane-tree-showing' : 'pane-tree-hidden'">
|
|
<mct-split-pane class='abs contents'
|
|
anchor='left'>
|
|
<div class='split-pane-component treeview pane left'>
|
|
<div class="holder holder-create-and-search 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">
|
|
</mct-representation>
|
|
</div>
|
|
<div class='tree-holder abs mobile-tree-holder'
|
|
ng-hide="treeModel.search">
|
|
<mct-representation key="'tree'"s
|
|
mct-object="domainObject"
|
|
parameters="tree"
|
|
ng-model="treeModel">
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<mct-splitter class="splitter-treeview mobile-hide"></mct-splitter>
|
|
|
|
<div class='split-pane-component items pane primary-pane right'>
|
|
<a class="mini-tab anchor-left toggle-pane toggle-tree"
|
|
title="Click to {{ modelPaneTree.visible()? 'hide' : 'show' }} the tree pane"
|
|
ng-click="modelPaneTree.toggle()"
|
|
ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
|
|
|
|
<div class='holder holder-object-and-inspector abs l-mobile' id='content-area'
|
|
ng-controller="PaneController as modelPaneInspect"
|
|
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 primary-pane left'>
|
|
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
|
|
title="{{ modelPaneInspect.visible()? 'Hide' : 'Show' }} the Inspection pane"
|
|
ng-click="modelPaneInspect.toggle()"
|
|
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
|
|
<mct-representation mct-object="navigatedObject"
|
|
key="'browse-object'"
|
|
class="abs holder holder-object">
|
|
</mct-representation>
|
|
</div>
|
|
|
|
<mct-splitter class="splitter-inspect mobile-hide flush-right edge-shdw"></mct-splitter>
|
|
|
|
<div class="split-pane-component t-inspect pane right mobile-hide">
|
|
<mct-representation key="'object-inspector'"
|
|
mct-object="domainObject"
|
|
ng-model="treeModel">
|
|
</mct-representation>
|
|
</div>
|
|
</mct-split-pane>
|
|
</div>
|
|
</div>
|
|
</mct-split-pane>
|
|
</div>
|
|
<mct-include key="'bottombar'"></mct-include>
|
|
</div>
|
|
|