2015-02-25 19:08:52 +00:00
|
|
|
<div class="t-fixed-position l-fixed-position"
|
2015-01-16 02:53:59 +00:00
|
|
|
ng-controller="FixedController as controller"
|
|
|
|
mct-resize="controller.setBounds(bounds)">
|
2015-01-15 01:48:57 +00:00
|
|
|
|
2015-01-16 02:48:11 +00:00
|
|
|
<!-- Background grid -->
|
2015-02-19 03:51:42 +00:00
|
|
|
<span ng-click="controller.clearSelection()">
|
2015-02-25 19:08:52 +00:00
|
|
|
<!--div ng-repeat="cell in controller.getCellStyles()"
|
|
|
|
class="l-grid-cell s-grid-cell"
|
2015-02-19 03:51:42 +00:00
|
|
|
ng-style="cell">
|
2015-02-25 19:08:52 +00:00
|
|
|
</div-->
|
|
|
|
<span class="s-grid l-grid-x" ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></span>
|
|
|
|
<span class="s-grid l-grid-y" ng-style="{ 'background-size': '100% ' + controller.getGridSize() [1] + 'px' }"></span>
|
2015-02-19 03:51:42 +00:00
|
|
|
</span>
|
2015-01-16 02:48:11 +00:00
|
|
|
|
2015-02-25 19:08:52 +00:00
|
|
|
|
|
|
|
|
2015-02-19 03:41:27 +00:00
|
|
|
<!-- Fixed position elements -->
|
2015-02-20 00:24:45 +00:00
|
|
|
<mct-include ng-repeat="element in controller.getElements()"
|
2015-02-18 21:19:59 +00:00
|
|
|
style="position: absolute;"
|
|
|
|
key="element.template"
|
2015-02-20 23:02:16 +00:00
|
|
|
parameters="{ gridSize: controller.getGridSize() }"
|
2015-02-24 20:13:27 +00:00
|
|
|
ng-class="{ disabled: controller.selected() && !controller.selected(element) }"
|
2015-02-19 03:41:27 +00:00
|
|
|
ng-style="element.style"
|
|
|
|
ng-click="controller.select(element)"
|
2015-02-24 18:06:34 +00:00
|
|
|
ng-model="element">
|
2015-02-18 21:19:59 +00:00
|
|
|
</mct-include>
|
2015-02-24 18:06:34 +00:00
|
|
|
|
|
|
|
<!-- Selection highlight, handles -->
|
|
|
|
<span ng-if="controller.selected()">
|
2015-02-25 19:08:52 +00:00
|
|
|
<div class="s-fixed-position-item-selected"
|
2015-02-24 19:00:36 +00:00
|
|
|
style="position: absolute;"
|
2015-02-24 19:29:52 +00:00
|
|
|
mct-drag-down="controller.moveHandle().startDrag(controller.selected())"
|
|
|
|
mct-drag="controller.moveHandle().continueDrag(delta)"
|
|
|
|
mct-drag-up="controller.moveHandle().endDrag()"
|
2015-02-24 18:06:34 +00:00
|
|
|
ng-style="controller.selected().style">
|
|
|
|
</div>
|
|
|
|
<div ng-repeat="handle in controller.handles()"
|
2015-02-24 19:00:36 +00:00
|
|
|
style="position: absolute;"
|
|
|
|
ng-style="handle.style()"
|
2015-02-24 18:06:34 +00:00
|
|
|
mct-drag-down="handle.startDrag()"
|
2015-02-24 19:29:52 +00:00
|
|
|
mct-drag="handle.continueDrag(delta)"
|
2015-02-24 18:06:34 +00:00
|
|
|
mct-drag-up="handle.endDrag()">
|
|
|
|
O
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
|
2015-01-15 01:48:57 +00:00
|
|
|
</div>
|