mirror of
https://github.com/nasa/openmct.git
synced 2024-12-21 14:07:50 +00:00
cd6c8afddc
Add initial markup for selection highlight, drag handles to allow position/resize of elements in Fixed Position view, WTD-882.
41 lines
1.5 KiB
HTML
41 lines
1.5 KiB
HTML
<div style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;"
|
|
ng-controller="FixedController as controller"
|
|
mct-resize="controller.setBounds(bounds)">
|
|
|
|
<!-- Background grid -->
|
|
<span ng-click="controller.clearSelection()">
|
|
<div ng-repeat="cell in controller.getCellStyles()"
|
|
style="position: absolute; border: 1px gray solid; background: black;"
|
|
ng-style="cell">
|
|
</div>
|
|
</span>
|
|
|
|
<!-- Fixed position elements -->
|
|
<mct-include ng-repeat="element in controller.getElements()"
|
|
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">
|
|
</mct-include>
|
|
|
|
<!-- Selection highlight, handles -->
|
|
<span ng-if="controller.selected()">
|
|
<div class="test"
|
|
mct-drag-down="controller.startDrag(controller.selected())"
|
|
mct-drag="controller.continueDrag(delta)"
|
|
mct-drag-up="controller.endDrag()"
|
|
ng-style="controller.selected().style">
|
|
</div>
|
|
<div ng-repeat="handle in controller.handles()"
|
|
ng-style="handle.style"
|
|
mct-drag-down="handle.startDrag()"
|
|
mct-drag="handle.continueDrag(delta)"
|
|
mct-drag-up="handle.endDrag()">
|
|
O
|
|
</div>
|
|
</span>
|
|
|
|
</div> |