mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 15:02:23 +00:00
119 lines
5.2 KiB
HTML
119 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 ng-init="
|
|
editMode = false;
|
|
editBtns = [{ cssclass: 'save',title: 'Save' },{ cssclass: 'cancel',title: 'Discard Changes' }];
|
|
"></div>
|
|
<a class="s-btn"
|
|
style="opacity: 0.9; position:absolute; right: 250px; z-index: 100"
|
|
ng-class="{ major:!editMode }"
|
|
ng-click="editMode = !editMode">Set EditMode to {{!editMode}}</a>
|
|
<span ng-controller="BrowseObjectController">
|
|
<div class="object-browse-bar bar l-flex">
|
|
<div class="items-select left">
|
|
<mct-representation key="'back-arrow'"
|
|
mct-object="domainObject"
|
|
class="l-back"></mct-representation>
|
|
<mct-representation key="'object-header'" mct-object="domainObject">
|
|
</mct-representation>
|
|
</div>
|
|
<div class="btn-bar right">
|
|
<mct-representation key="'switcher'"
|
|
mct-object="domainObject"
|
|
ng-model="representation">
|
|
</mct-representation>
|
|
<!-- Temporarily, on mobile, the action buttons are hidden-->
|
|
<mct-representation key="'action-group'"
|
|
mct-object="domainObject"
|
|
parameters="{ category: 'view-control' }"
|
|
class="mobile-hide">
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="l-object-wrapper"
|
|
ng-class="{ active:editMode }">
|
|
<div class="l-object-wrapper-inner l-flex flex-col">
|
|
<!-- Toolbar and Save/Cancel buttons -->
|
|
<div class="l-edit-controls flex-elem l-flex flex-row flex-align-end"
|
|
ng-class="{ active:editMode }">
|
|
|
|
|
|
|
|
|
|
<!-- <mct-toolbar name="mctToolbar"
|
|
structure="toolbar.structure"
|
|
ng-model="toolbar.state"
|
|
class="flex-elem grow">
|
|
</mct-toolbar>-->
|
|
<!-- from toolbar.html -->
|
|
<mct-toolbar-x class="flex-elem grow ellipsis">
|
|
<form novalidate>
|
|
<div class="tool-bar btn-bar">
|
|
<span class="l-control-group">
|
|
<span class="s-menu-btn">Foo</span>
|
|
<span class="s-menu-btn">Bar</span>
|
|
</span>
|
|
<span class="l-control-group">
|
|
<span class="s-menu-btn">Foo</span>
|
|
<span class="s-menu-btn">Bar</span>
|
|
<span class="s-menu-btn">Foo</span>
|
|
<span class="s-menu-btn">Lorem</span>
|
|
</span>
|
|
<span class="l-control-group">
|
|
<span class="s-menu-btn">Foo</span>
|
|
<span class="s-menu-btn">Bar</span>
|
|
<span class="s-menu-btn">Lorem</span>
|
|
</span>
|
|
<span class="s-menu-btn">Lorem</span>
|
|
</div>
|
|
</form>
|
|
</mct-toolbar-x>
|
|
|
|
|
|
|
|
|
|
<!-- <mct-representation key="'edit-action-buttons'"
|
|
mct-object="domainObject"
|
|
class='flex-elem conclude-editing'>
|
|
</mct-representation>-->
|
|
<!-- from edit-action-buttons.html -->
|
|
<span class='flex-elem conclude-editing'>
|
|
<span ng-repeat="btn in editBtns">
|
|
<a class='s-btn t-{{btn.cssclass}}'
|
|
title='{{btn.title}}'
|
|
ng-click="currentAction.perform()"
|
|
ng-class="{ major: $index === 0 }">
|
|
<span class="title-label">{{btn.title}}</span>
|
|
</a>
|
|
</span>
|
|
</span>
|
|
|
|
</div>
|
|
<mct-representation key="representation.selected.key"
|
|
mct-object="representation.selected.key && domainObject"
|
|
class="flex-elem grow object-holder">
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
</span>
|