mirror of
https://github.com/nasa/openmct.git
synced 2024-12-21 06:03:08 +00:00
ee917b0e1d
Fixes #1161 New .s-selectable, .s-hover, .s-selected and .s-moveable classes New supporting color constants Markup in layouts, fixed position/panels updated Removed old commented code
63 lines
2.7 KiB
HTML
63 lines
2.7 KiB
HTML
<!--
|
|
Open MCT, Copyright (c) 2014-2016, 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.clearSelection()">
|
|
<div class="l-grid l-grid-x"
|
|
ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></div>
|
|
<div class="l-grid l-grid-y"
|
|
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"
|
|
ng-class="{ 's-not-selected': controller.selected() && !controller.selected(element) }"
|
|
ng-style="element.style"
|
|
ng-click="controller.select(element)">
|
|
<mct-include key="element.template"
|
|
parameters="{ gridSize: controller.getGridSize() }"
|
|
ng-model="element">
|
|
</mct-include>
|
|
</div>
|
|
|
|
<!-- Selection highlight, handles -->
|
|
<span ng-if="controller.selected()">
|
|
<div class="l-fixed-position-item s-selectable s-selected s-moveable"
|
|
mct-drag-down="controller.moveHandle().startDrag(controller.selected())"
|
|
mct-drag="controller.moveHandle().continueDrag(delta)"
|
|
mct-drag-up="controller.moveHandle().endDrag()"
|
|
ng-style="controller.selected().style">
|
|
</div>
|
|
<div ng-repeat="handle in controller.handles()"
|
|
class="l-fixed-position-item-handle"
|
|
ng-style="handle.style()"
|
|
mct-drag-down="handle.startDrag()"
|
|
mct-drag="handle.continueDrag(delta)"
|
|
mct-drag-up="handle.endDrag()">
|
|
</div>
|
|
</span>
|
|
|
|
</div>
|