[Inspection] Add object inspector to edit mode

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.

platform/commonUI/edit/res/templates/edit-object.html

@@ -21,9 +21,13 @@
 -->
 <mct-representation key="'topbar-edit'"
                     mct-object="domainObject"
-                    ng-model="representation">
+                    ng-model="representation"
+                    ng-click="ngModel.inspectionObjects = [domainObject]">
 </mct-representation>
 <div class="holder edit-area abs">
+    <mct-split-pane class='contents abs'
+                    anchor='right'>
+        <div class='split-pane-component secondary-split pane left'>
             <mct-split-pane class='contents abs' anchor='right'>
                 <div class='split-pane-component pane left edit-main'>
                     <mct-toolbar name="mctToolbar"
@@ -33,7 +37,8 @@
                     <div class='holder abs object-holder work-area'>
                         <mct-representation key="representation.selected.key"
                                             toolbar="toolbar"
-                                    mct-object="representation.selected.key && domainObject">
+                                            mct-object="representation.selected.key && domainObject"
+                                            ng-model="ngModel">
                         </mct-representation>
                     </div>
                 </div>
@@ -66,4 +71,18 @@
                     </mct-split-pane>
                 </div>
             </mct-split-pane>
+        </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>
 </div>

platform/commonUI/edit/res/templates/edit.html

@@ -24,7 +24,9 @@
      ng-controller="EditController as editMode"
      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-include key="'bottombar'"></mct-include>

platform/commonUI/edit/src/controllers/EditController.js

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