mirror of
https://github.com/nasa/openmct.git
synced 2025-01-10 06:52:40 +00:00
d48cc2deee
* Add a toolbar provider for display layout. * Move toolbar provider to the plugin * basic toolbar generation * componentize different toolbar control types Break toolbar control types down into different parts and provide a test toolbar generator in index.html that utilizes all the controls. * Get the 'Show frame' checkbox working in the toolbar * - Remove extra listener. - Display toolbar only when editing. * Modify the Selection API to set s-selected and s-selected-parent attributes instead of adding to the css class names. * Move the logic for allowing the toolbar in the edit mode to the provider. * Use toggle-button component to toggle frame * Delete old files * Remove MCTToolbar * Modify the toggle button component to return the computed value * Remove reload=true * Revert to the original setting * use value from props * Always update toolbars on edit status change * restore fixed position bundle * bring back reload when hmr unavailable
63 lines
2.8 KiB
HTML
63 lines
2.8 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 class="t-fixed-position l-fixed-position"
|
|
ng-controller="FixedController as controller">
|
|
|
|
<!-- Background grid -->
|
|
<div class="l-grid-holder" ng-click="controller.bypassSelection($event)">
|
|
<div class="l-grid l-grid-x"
|
|
ng-if="!controller.getGridSize()[0] < 3"
|
|
ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></div>
|
|
<div class="l-grid l-grid-y"
|
|
ng-if="!controller.getGridSize()[1] < 3"
|
|
ng-style="{ 'background-size': '100% ' + controller.getGridSize() [1] + 'px' }"></div>
|
|
</div>
|
|
|
|
<!-- Fixed position elements -->
|
|
<div ng-repeat="element in controller.getElements()"
|
|
class="l-fixed-position-item s-selectable s-moveable s-hover-border"
|
|
ng-style="element.style"
|
|
mct-selectable="controller.getContext(element)"
|
|
mct-init-select="controller.shouldSelect(element)">
|
|
<mct-include key="element.template"
|
|
parameters="{ gridSize: controller.getGridSize() }"
|
|
ng-model="element">
|
|
</mct-include>
|
|
</div>
|
|
<!-- Selection highlight, handles -->
|
|
<span class="s-selected s-moveable" ng-if="controller.isElementSelected()">
|
|
<div class="l-fixed-position-item t-edit-handle-holder"
|
|
mct-drag-down="controller.moveHandle().startDrag()"
|
|
mct-drag="controller.moveHandle().continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()"
|
|
ng-style="controller.getSelectedElementStyle()">
|
|
</div>
|
|
<div ng-repeat="handle in controller.handles()"
|
|
class="l-fixed-position-item-handle edit-corner"
|
|
ng-style="handle.style()"
|
|
mct-drag-down="handle.startDrag()"
|
|
mct-drag="handle.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag(handle)">
|
|
</div>
|
|
</span>
|
|
</div>
|