mirror of
https://github.com/nasa/openmct.git
synced 2025-01-11 07:23:16 +00:00
42fa5bfd7e
open #198 Refactored elems in browse-object.html to use flex layout; New flex-row and flex-col general CSS classes; New pulseBorder animation mixin;
76 lines
3.3 KiB
HTML
76 lines
3.3 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="
|
|
editActive = false;
|
|
"></div>
|
|
<a class="s-btn"
|
|
style="opacity: 0.9; position:absolute; z-index: 100"
|
|
ng-class="{ major:!editActive }"
|
|
ng-click="editActive = !editActive">Set activeEdit to {{!editActive}}</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:editActive }">
|
|
<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"
|
|
ng-if="editActive">
|
|
<mct-toolbar name="mctToolbar"
|
|
structure="toolbar.structure"
|
|
ng-model="toolbar.state"
|
|
class="flex-elem grow">
|
|
</mct-toolbar>
|
|
<mct-representation key="'edit-action-buttons'"
|
|
mct-object="domainObject"
|
|
class='flex-elem conclude-editing'>
|
|
</mct-representation>
|
|
|
|
</div>
|
|
<mct-representation key="representation.selected.key"
|
|
mct-object="representation.selected.key && domainObject"
|
|
class="flex-elem grow object-holder">
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
</span>
|