alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Fixed Position] Wrap mct-include is div

Browse Source 
Wrap mct-include in a div which gets position/style information
to position elements in a fixed position view; part of
recommended updates for WTD-894.
This commit is contained in:
Victor Woeltjen
2015-02-26 10:31:59 -08:00
parent ee59056625
commit 73eabe938a
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,24 +4,23 @@
<!-- Background grid --> <!-- Background grid -->
<div class="l-grid-holder" ng-click="controller.clearSelection()"> <div class="l-grid-holder" ng-click="controller.clearSelection()">
<div class="l-grid l-grid-x" ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></div> <div class="l-grid l-grid-x"
<div class="l-grid l-grid-y" ng-style="{ 'background-size': '100% ' + controller.getGridSize() [1] + 'px' }"></div> ng-style="{ 'background-size': controller.getGridSize() [0] + 'px 100%' }"></div>
<div class="l-grid l-grid-y"
ng-style="{ 'background-size': '100% ' + controller.getGridSize() [1] + 'px' }"></div>
</div> </div>
<!-- Fixed position elements --> <!-- Fixed position elements -->
<!-- TO-DO: Should not be applying positioning styles or CSS classes to the mct-include element. <div ng-repeat="element in controller.getElements()"
Instead, these should be passed on to the actual HTML element within the template -->
<mct-include ng-repeat="element in controller.getElements()"
key="element.template"
parameters="{ gridSize: controller.getGridSize() }"
class="l-fixed-position-item" class="l-fixed-position-item"
ng-class="{ 's-not-selected': controller.selected() && !controller.selected(element) }" ng-class="{ 's-not-selected': controller.selected() && !controller.selected(element) }"
ng-style="element.style" ng-style="element.style"
ng-click="controller.select(element)" ng-click="controller.select(element)">
<mct-include key="element.template"
parameters="{ gridSize: controller.getGridSize() }"
ng-model="element"> ng-model="element">
</mct-include> </mct-include>
</div>
<!-- Selection highlight, handles --> <!-- Selection highlight, handles -->
<span ng-if="controller.selected()"> <span ng-if="controller.selected()">