<div style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;"
     ng-controller="FixedController as controller"
     mct-resize="controller.setBounds(bounds)">

    <!-- Background grid -->
    <div ng-repeat="cell in controller.getCellStyles()"
         style="position: absolute; border: 1px gray solid; background: black;"
         ng-style="cell">
    </div>

    <!-- Telemetry elements -->
    <mct-include ng-repeat="element in controller.getDecoratedElements()"
                 style="position: absolute;"
                 ng-style="element.style"
                 key="element.template"
                 ng-model="element">
    </mct-include>

    <!-- Drag handles -->
    <span ng-show="false && domainObject.hasCapability('editor')">
        <span style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; cursor: move;"
              mct-drag-down="controller.startDrag(element, [1,1], [0,0])"
              mct-drag="controller.continueDrag(element)"
              mct-drag-up="controller.endDrag()">
        </span>
    </span>
</div>