ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-31 16:36:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Fixed Position] Update style during resize

Browse Source 
Update element style during resize, WTD-882.
This commit is contained in:
Victor Woeltjen 2015-02-24 11:22:52 -08:00
parent 5e3d5fd00f
commit c306865d87
2 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
platform/features/layout/res/templates/fixed.html
View File

@ -15,7 +15,6 @@
style="position: absolute;"
key="element.template"
parameters="{ gridSize: controller.getGridSize() }"
ng-class="{ test: controller.selected(element) }"
ng-style="element.style"
ng-click="controller.select(element)"
ng-model="element">
@ -26,7 +25,7 @@
<div class="test"
style="position: absolute;"
mct-drag-down="controller.startDrag(controller.selected())"
mct-drag="controller.continueDrag(delta)"
mct-drag="controller.continueDrag(delta); controller.updateStyle(controller.selected())"
mct-drag-up="controller.endDrag()"
ng-style="controller.selected().style">
</div>
@ -34,7 +33,7 @@
style="position: absolute;"
ng-style="handle.style()"
mct-drag-down="handle.startDrag()"
mct-drag="handle.continueDrag(delta)"
mct-drag="handle.continueDrag(delta); controller.updateStyle(controller.selected())"
mct-drag-up="handle.endDrag()">
O
</div>

30
platform/features/layout/src/FixedController.js
View File

@ -63,6 +63,16 @@ define(
return element.handles().map(generateDragHandle);
}
// Select an element
function select(element) {
if (selection) {
// Update selection...
selection.select(element);
// ...as well as drag handles
handles = generateDragHandles(element);
}
}
// Convert from element x/y/width/height to an
// apropriate ng-style argument, to position elements.
function convertPosition(elementProxy) {
@ -132,7 +142,7 @@ define(
if (selection) {
selection.deselect();
if (index > -1) {
selection.select(elementProxies[index]);
select(elementProxies[index]);
}
}
@ -194,9 +204,7 @@ define(
// Refresh displayed elements
refreshElements();
// Select the newly-added element
if (selection) {
selection.select(elementProxies[elementProxies.length - 1]);
}
select(elementProxies[elementProxies.length - 1]);
// Mark change as persistable
if ($scope.commit) {
$scope.commit("Dropped an element.");
@ -298,12 +306,7 @@ define(
* Set the active user selection in this view.
* @param element the element to select
*/
select: function (element) {
if (selection) {
selection.select(element);
handles = generateDragHandles(element);
}
},
select: select,
/**
* Clear the current user selection.
*/
@ -320,6 +323,13 @@ define(
handles: function () {
return handles;
},
/**
* Update the style (for position/sizing) for the specified
* element.
*/
updateStyle: function (element) {
element.style = convertPosition(element);
},
/**
* Start a drag gesture to move/resize a frame.
*