From 6d4a20c07ae93b7f24d43fe6470766931f280e02 Mon Sep 17 00:00:00 2001
From: Henry <akhenry@gmail.com>
Date: Mon, 11 Jan 2016 13:33:56 -0800
Subject: [PATCH] Adding elements pane

---
 .../res/templates/object-inspector.html       | 95 +++++++++++--------
 1 file changed, 56 insertions(+), 39 deletions(-)

diff --git a/platform/commonUI/general/res/templates/object-inspector.html b/platform/commonUI/general/res/templates/object-inspector.html
index 5d7d490341..3a033fd7ab 100644
--- a/platform/commonUI/general/res/templates/object-inspector.html
+++ b/platform/commonUI/general/res/templates/object-inspector.html
@@ -20,44 +20,61 @@
  at runtime from the About dialog for additional information.
 -->
 <span class="l-inspect" ng-controller="ObjectInspectorController as controller">
-    <div class="abs holder holder-inspector-elements l-flex-col">
-    <div class="pane-header flex-elem">Inspection</div>
-    <ul class="flex-elem grows vscroll">
-        <li>
-            <em>Properties</em>
-            <div class="inspector-properties"
-                 ng-repeat="data in metadata"
-                 ng-class="{ first:$index === 0 }">
-                <div class="label">{{ data.name }}</div>
-                <div class="value">{{ data.value }}</div>
+    <div ng-controller="PaneController as modelPaneEdit">
+        <mct-split-pane class='abs contents split-layout' anchor='bottom'>
+            <div class="split-pane-component pane top">
+                <div class="abs holder holder-inspector-elements l-flex-col">
+                <div class="pane-header flex-elem">Inspection</div>
+                <ul class="flex-elem grows vscroll">
+                    <li>
+                        <em>Properties</em>
+                        <div class="inspector-properties"
+                             ng-repeat="data in metadata"
+                             ng-class="{ first:$index === 0 }">
+                            <div class="label">{{ data.name }}</div>
+                            <div class="value">{{ data.value }}</div>
+                        </div>
+                    </li>
+                    <li ng-if="contextutalParents.length > 0">
+                        <em title="The location of this linked object.">Location</em>
+                        <span class="inspector-location"
+                              ng-repeat="parent in contextutalParents"
+                              ng-class="{ last:($index + 1) === contextualParents.length }">
+                            <mct-representation key="'label'"
+                                                mct-object="parent"
+                                                ng-model="ngModel"
+                                                ng-click="ngModel.selectedObject = parent"
+                                                class="location-item rep-object-label">
+                            </mct-representation>
+                        </span>
+                    </li>
+                    <li ng-if="primaryParents.length > 0">
+                        <em title="The location of the original object that this was linked from.">Original Location</em>
+                        <span class="inspector-location"
+                              ng-repeat="parent in primaryParents"
+                              ng-class="{ last:($index + 1) === primaryParents.length }">
+                            <mct-representation key="'label'"
+                                                mct-object="parent"
+                                                ng-model="ngModel"
+                                                ng-click="ngModel.selectedObject = parent"
+                                                class="location-item rep-object-label">
+                            </mct-representation>
+                        </span>
+                    </li>
+                </ul>
+                </div>
+            </div><!--/ split-pane-component -->
+            <mct-splitter class="splitter-inspect mobile-hide" ng-show="editMode"></mct-splitter>
+            <div class="split-pane-component pane bottom" ng-show="editMode">
+                <div class="abs holder holder-elements l-flex-col">
+                    <em class="flex-elem">Elements</em>
+                    <mct-representation
+                            key="'edit-elements'"
+                            mct-object="domainObject"
+                            class="flex-elem holder grows vscroll current-elements">
+                    </mct-representation>
+                </div>
             </div>
-        </li>
-        <li ng-if="contextutalParents.length > 0">
-            <em title="The location of this linked object.">Location</em>
-            <span class="inspector-location"
-                  ng-repeat="parent in contextutalParents"
-                  ng-class="{ last:($index + 1) === contextualParents.length }">
-                <mct-representation key="'label'"
-                                    mct-object="parent"
-                                    ng-model="ngModel"
-                                    ng-click="ngModel.selectedObject = parent"
-                                    class="location-item rep-object-label">
-                </mct-representation>
-            </span>
-        </li>
-        <li ng-if="primaryParents.length > 0">
-            <em title="The location of the original object that this was linked from.">Original Location</em>
-            <span class="inspector-location"
-                  ng-repeat="parent in primaryParents"
-                  ng-class="{ last:($index + 1) === primaryParents.length }">
-                <mct-representation key="'label'"
-                                    mct-object="parent"
-                                    ng-model="ngModel"
-                                    ng-click="ngModel.selectedObject = parent"
-                                    class="location-item rep-object-label">
-                </mct-representation>
-            </span>
-        </li>
-    </ul>
-    </div>
+        </mct-split-pane>
+    </div><!--/ PaneController -->
 </span>