ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-27 16:38:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Inspection] Add object inspector to edit mode

Browse Source 
Added an additional right pane to edit mode for
the object inspector. Info of the editing object
is displayed by default. If plot legends are
clicked, those are inspected the same as in
browse mode.
This commit is contained in:
slhale 2015-08-28 10:59:51 -07:00
parent b0b87d7fd9
commit 455f4b6bdb
3 changed files with 62 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
platform/commonUI/edit/res/templates/edit-object.html
View File

@ -21,49 +21,68 @@
--> -->
<mct-representation key="'topbar-edit'" <mct-representation key="'topbar-edit'"
mct-object="domainObject" mct-object="domainObject"
ng-model="representation"> ng-model="representation"
ng-click="ngModel.inspectionObjects = [domainObject]">
</mct-representation> </mct-representation>
<div class="holder edit-area abs"> <div class="holder edit-area abs">
<mct-split-pane class='contents abs' anchor='right'> <mct-split-pane class='contents abs'
<div class='split-pane-component pane left edit-main'> anchor='right'>
<mct-toolbar name="mctToolbar" <div class='split-pane-component secondary-split pane left'>
structure="toolbar.structure" <mct-split-pane class='contents abs' anchor='right'>
ng-model="toolbar.state"> <div class='split-pane-component pane left edit-main'>
</mct-toolbar> <mct-toolbar name="mctToolbar"
<div class='holder abs object-holder work-area'> structure="toolbar.structure"
<mct-representation key="representation.selected.key" ng-model="toolbar.state">
toolbar="toolbar" </mct-toolbar>
mct-object="representation.selected.key && domainObject"> <div class='holder abs object-holder work-area'>
</mct-representation> <mct-representation key="representation.selected.key"
</div> toolbar="toolbar"
</div> mct-object="representation.selected.key && domainObject"
<mct-splitter></mct-splitter> ng-model="ngModel">
<div
class='split-pane-component pane right edit-objects menus-to-left'
ng-controller='EditPanesController as editPanes'
>
<mct-split-pane class='contents abs' anchor='bottom'>
<div
class="abs pane top accordion"
ng-controller="ToggleController as toggle"
>
<mct-container key="accordion" label="Library">
<mct-representation key="'tree'"
mct-object="editPanes.getRoot()">
</mct-representation> </mct-representation>
</mct-container> </div>
</div> </div>
<mct-splitter></mct-splitter> <mct-splitter></mct-splitter>
<div <div
class="abs pane bottom accordion" class='split-pane-component pane right edit-objects menus-to-left'
ng-controller="ToggleController as toggle" ng-controller='EditPanesController as editPanes'
> >
<mct-container key="accordion" label="Elements"> <mct-split-pane class='contents abs' anchor='bottom'>
<mct-representation key="'edit-elements'" mct-object="domainObject"> <div
</mct-representation> class="abs pane top accordion"
</mct-container> ng-controller="ToggleController as toggle"
>
<mct-container key="accordion" label="Library">
<mct-representation key="'tree'"
mct-object="editPanes.getRoot()">
</mct-representation>
</mct-container>
</div>
<mct-splitter></mct-splitter>
<div
class="abs pane bottom accordion"
ng-controller="ToggleController as toggle"
>
<mct-container key="accordion" label="Elements">
<mct-representation key="'edit-elements'" mct-object="domainObject">
</mct-representation>
</mct-container>
</div>
</mct-split-pane>
</div> </div>
</mct-split-pane> </mct-split-pane>
</div> </div>
<mct-splitter></mct-splitter>
<div class='split-pane-component object-inspector pane right'
ng-class='{inactive: !paneModel.rightPane}'>
<div class='holder inspector-holder abs'>
<mct-representation key="'object-inspector'"
mct-object="editPanes.getRoot()"
ng-model="ngModel">
</mct-representation>
</div>
</div>
</mct-split-pane> </mct-split-pane>
</div> </div>

4
platform/commonUI/edit/res/templates/edit.html
View File

@ -24,7 +24,9 @@
ng-controller="EditController as editMode" ng-controller="EditController as editMode"
mct-before-unload="editMode.getUnloadWarning()"> mct-before-unload="editMode.getUnloadWarning()">
<mct-representation key="'edit-object'" mct-object="editMode.navigatedObject()"> <mct-representation key="'edit-object'"
mct-object="editMode.navigatedObject()"
ng-model="editModel">
</mct-representation> </mct-representation>
<mct-include key="'bottombar'"></mct-include> <mct-include key="'bottombar'"></mct-include>

6
platform/commonUI/edit/src/controllers/EditController.js
View File

@ -52,6 +52,12 @@ define(
$scope.$on("$destroy", function () { $scope.$on("$destroy", function () {
navigationService.removeListener(setNavigation); navigationService.removeListener(setNavigation);
}); });
// Provide a model for edit mode
$scope.editModel = {
selectedObject: navigationService.getNavigation()
};
$scope.editModel.inspectionObjects = [$scope.editModel.selectedObject];
} }
/** /**