[Inspector] Inspect any descendent of layout

Clicking on any subelement of the layout,
indluding sub-sub-elements and so on, will
now inspect that element.
This commit is contained in:
slhale 2015-08-28 11:33:10 -07:00
parent 38b09fbeb1
commit 8f40d7d9ee
3 changed files with 10 additions and 7 deletions

View File

@ -21,15 +21,15 @@
--> -->
<span ng-controller="BrowseObjectController"> <span ng-controller="BrowseObjectController">
<div class="object-browse-bar bar abs"> <div class="object-browse-bar bar abs"
ng-click="ngModel.inspectionObjects = [domainObject]">
<div class="pane-tabs left" <div class="pane-tabs left"
ng-class="{inactivePane: !ngModel.leftPane, activePane: ngModel.leftPane}" ng-class="{inactivePane: !ngModel.leftPane, activePane: ngModel.leftPane}"
ng-click="ngModel.leftPane = !ngModel.leftPane"> ng-click="ngModel.leftPane = !ngModel.leftPane">
</div> </div>
<div class="items-select left abs" <div class="items-select left abs">
ng-click="ngModel.inspectionObjects = [domainObject]">
<mct-representation key="'object-header'" mct-object="domainObject"> <mct-representation key="'object-header'" mct-object="domainObject">
</mct-representation> </mct-representation>
</div> </div>

View File

@ -35,7 +35,8 @@
</div> </div>
<div class="abs object-holder"> <div class="abs object-holder">
<mct-representation key="representation.selected.key" <mct-representation key="representation.selected.key"
mct-object="representation.selected.key && domainObject"> mct-object="representation.selected.key && domainObject"
ng-model="ngModel">
</mct-representation> </mct-representation>
</div> </div>
</div> </div>

View File

@ -20,16 +20,18 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div style="width: 100%; height: 100%;" <div style="width: 100%; height: 100%;"
ng-controller="LayoutController as controller"> ng-controller="LayoutController as controller"
ng-mousedown="ngModel.inspectionObjects = [domainObject]">
<div class='frame child-frame panel abs' <div class='frame child-frame panel abs'
ng-repeat="childObject in composition" ng-repeat="childObject in composition"
ng-style="controller.getFrameStyle(childObject.getId())" ng-style="controller.getFrameStyle(childObject.getId())"
ng-mousedown="ngModel.inspectionObjects = [childObject]"> ng-mousedown="ngModel.inspectionObjects = [childObject]; $event.stopPropagation()">
<div class="frame child-frame holder contents abs"> <div class="frame child-frame holder contents abs">
<mct-representation key="'frame'" <mct-representation key="'frame'"
mct-object="childObject"> mct-object="childObject"
ng-model="ngModel">
</mct-representation> </mct-representation>
</div> </div>