mirror of
https://github.com/nasa/openmct.git
synced 2024-12-22 22:42:24 +00:00
425655bae0
Updates to sub object selection, first cut of selection APIs. * [API] Add inspector view registry to register inspector view providers and show a view in the inspector. [API] Modify the selection API to register the click event and handle the event. The API will add a class to the selected object and the immediate parent of the selected object. [Directive] Implemenet mct-selectable directive for making an element selectable. [Layout] Update the layout controller to use the Selection API. Also, add double click gesture to allow drilling into a selected object. Populate the Elements pool with contained elements of the selected object. Update toolbar and inspector to listen for the changes in selection. * [Frontend] Mods to markup and CSS for sub-object selection * MCTSelectable allows selection in initialization, use to select on navigation [Frontend] Show grid in first nested layout, hide from deeper nesting. Only show grids when applicable to relative selection. * Fix checkstyle and lint errors * Bring back the change that made mct-init-select work * [Inspector] Make sure the right content is displayed based on whether a view provider exists or not. * Only show table options when editing * Make reviewers' requested changes * Fix broken tests * [Frontend] Cleanups and tweaks Fixes #1811 - Cleanups between frame, editor and selecting.scss; - Hover and selected borders visually pumped up a bit; - Solid borders on hover and selecting when browsing; - Dashed borders for layouts when editing; - Fixed cursor to only show move capability when element is selected; * [Frontend] Tweaks to frame.no-frame layout Fixes #1811 - Margin set to 0; - Overflow set to hidden; * [Frontend] Fixed position items border width fixed Fixes #1811 - Set to 1px; * Add tests for inspector controller and fix broken tests. Clean up code. * [Fixed Position] Stop event propagation on click handlers in fixed position to avoid the event reaching the selection click handlers which caused issues with toolbar and selection." * Fix tests * Add tests * Add test * Remove element from document
79 lines
3.9 KiB
HTML
79 lines
3.9 KiB
HTML
<!--
|
|
Open MCT, Copyright (c) 2014-2017, 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 class="abs l-flex-col" ng-controller="EditObjectController as EditObjectController">
|
|
<div class="holder flex-elem l-flex-row object-browse-bar ">
|
|
<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">
|
|
<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="holder l-flex-col flex-elem grows l-object-wrapper">
|
|
<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-toolbar name="mctToolbar"
|
|
structure="toolbar.structure"
|
|
ng-model="toolbar.state"
|
|
class="flex-elem grows">
|
|
</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="abs flex-elem grows object-holder-main scroll"
|
|
toolbar="toolbar"
|
|
mct-selectable="{
|
|
item: domainObject.useCapability('adapter'),
|
|
oldItem: domainObject
|
|
}"
|
|
mct-init-select>
|
|
</mct-representation>
|
|
</div><!--/ l-object-wrapper-inner -->
|
|
</div>
|
|
<mct-representation mct-object="domainObject"
|
|
key="'time-conductor'"
|
|
class="abs holder flex-elem flex-fixed l-flex-row l-time-conductor-holder">
|
|
</mct-representation>
|
|
|
|
</div>
|