mirror of
https://github.com/nasa/openmct.git
synced 2024-12-30 09:58:52 +00:00
70e1a8ad9e
WTD-951 layout.html: Added classes to and removed inline styles from drag handles, Removed edge handles, leaving corner handles in NW, SW and SE only; Added hover classes to display corner handles while editing; Modified z-indexing to allow view switcher to be accessed while editing;
101 lines
4.3 KiB
HTML
101 lines
4.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 style="width: 100%; height: 100%;"
|
|
ng-controller="LayoutController as controller">
|
|
|
|
<div class='frame child-frame panel abs'
|
|
ng-repeat="childObject in composition"
|
|
ng-style="controller.getFrameStyle(childObject.getId())">
|
|
|
|
<div class="frame child-frame holder contents abs">
|
|
<mct-representation key="'frame'"
|
|
mct-object="childObject">
|
|
</mct-representation>
|
|
</div>
|
|
|
|
<!-- Drag handles -->
|
|
<span ng-show="domainObject.hasCapability('editor')">
|
|
|
|
<span
|
|
class="edit-handle edit-move"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [1,1], [0,0])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
<!--
|
|
<span
|
|
class="edit-handle edit-resize-w"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [1,0], [-1,0])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
<span
|
|
class="edit-handle edit-resize-e"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [1,0])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
|
|
<span
|
|
class="edit-handle edit-resize-n"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [0,1], [0,-1])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
<span
|
|
class="edit-handle edit-resize-s"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [0,1])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
-->
|
|
|
|
<span
|
|
class="edit-corner edit-resize-nw"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [1,1], [-1,-1])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
<!--span
|
|
class="edit-corner edit-resize-nw"
|
|
style="position: absolute; right: 0px; width: 12px; top: 0px; height: 12px; cursor: ne-resize;"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [0,1], [1,-1])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span-->
|
|
<span
|
|
class="edit-corner edit-resize-sw"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [1,0], [-1,1])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
<span
|
|
class="edit-corner edit-resize-se"
|
|
mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [1,1])"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()">
|
|
</span>
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div> |