mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 06:52:24 +00:00
eaa971cb56
* Separate browse object from conductor * Main layout convert to flex; padding and overflow at leaf node * Inspector converted to BEM - WIP - Properties pool upper level styles converted; - Grid mixins moved out of Inspector and into _mixins; * Refinements to misc elements - user-select: none on tree; - :before and :after reset globally to use box-sizing: border-box; - li reset globally; * Styling for buttons and menus; add Create button - WIP * Context and Create menus - WIP * Add glyph backgrounds as data URIs - For Create menu, items grid; - Objects only; * Create menu refinements - Min/max height handling; - Code cleanup; * Main layout head styling; various sanding - head layout refined; - c-icon-button, c-button-set added; - background glyph mixin refined; - Antialiasing refined to increase icon sharpness; * Fix SVG data URLs: encode # chars as %23
70 lines
3.5 KiB
HTML
70 lines
3.5 KiB
HTML
<!--
|
|
Open MCT, Copyright (c) 2014-2018, United States Government
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
Administration. All rights reserved.
|
|
|
|
Open MCT 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 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-controller="BrowseObjectController" class="abs l-flex-col">
|
|
<div class="holder flex-elem l-flex-row object-browse-bar t-primary">
|
|
<div class="items-select left flex-elem l-flex-row grows">
|
|
<mct-representation key="'back-arrow'"
|
|
mct-object="domainObject"
|
|
class="flex-elem l-back"></mct-representation>
|
|
<mct-representation key="'object-header'"
|
|
mct-object="domainObject"
|
|
class="l-flex-row flex-elem grows object-header">
|
|
</mct-representation>
|
|
</div>
|
|
<div class="btn-bar right l-flex-row flex-elem flex-justify-end flex-fixed">
|
|
<span class="l-object-action-buttons">
|
|
<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 l-object-action-buttons">
|
|
</mct-representation>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="holder l-flex-col flex-elem grows l-object-wrapper l-controls-visible l-time-controller-visible">
|
|
<div class="holder l-flex-col flex-elem grows l-object-wrapper-inner">
|
|
<!-- Toolbar and Save/Cancel buttons -->
|
|
<div class="l-edit-controls flex-elem l-flex-row flex-align-end">
|
|
<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="abs flex-elem grows object-holder-main scroll"
|
|
mct-selectable="{
|
|
item: domainObject.useCapability('adapter'),
|
|
oldItem: domainObject
|
|
}"
|
|
mct-init-select>
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
</div>
|