From d9a65a1844f5549eb3d226353920bf15dcdeced1 Mon Sep 17 00:00:00 2001
From: slhale <sarah.hale@nasa.gov>
Date: Thu, 20 Aug 2015 15:11:16 -0700
Subject: [PATCH] [Inspector] Add right pane

Added a right pane to the page. This was done by
putting an mct-split-pane nested inside of the
existsing mct-split-pane. #73.
---
 .../commonUI/browse/res/templates/browse.html | 33 ++++++++++++++-----
 .../general/res/css/theme-espresso.css        |  4 +++
 .../commonUI/general/res/sass/tree/_pane.scss |  6 ++++
 3 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 5b64e11aeb..b5b7a59a3b 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -51,15 +51,30 @@
                           ng-class="{inactive: !paneModel.leftPane}">
             </mct-splitter>
             
-            <div class='split-pane-component items pane'
-                 ng-class='{leftInactive: !paneModel.leftPane}'>
-                <div class='holder abs'
-                     id='content-area'>
-                    <mct-representation key="'browse-object'"
-                                        mct-object="navigatedObject"
-                                        ng-model="paneModel">
-                    </mct-representation>
-                </div>
+            <div class='split-pane-component secondary-split pane right'>
+                <mct-split-pane class='contents abs'
+                                anchor='right'>
+            
+                    <div class='split-pane-component items pane'
+                         ng-class='{leftInactive: !paneModel.leftPane}'>
+                        <div class='holder abs'
+                             id='content-area'>
+                            <mct-representation key="'browse-object'"
+                                                mct-object="navigatedObject"
+                                                ng-model="paneModel">
+                            </mct-representation>
+                        </div>
+                    </div>
+                    
+                    <mct-splitter class="splitter-bar right"
+                                  ng-class="{inactive: !paneModel.leftPane}">
+                    </mct-splitter>
+                    
+                    <div class='split-pane-component object-inspector pane right'>
+                        Info
+                    </div>
+                    
+                </mct-split-pane>
             </div>
             
         </mct-split-pane>
diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css
index db8b8ef47f..52f2169b6d 100644
--- a/platform/commonUI/general/res/css/theme-espresso.css
+++ b/platform/commonUI/general/res/css/theme-espresso.css
@@ -5204,3 +5204,7 @@ input[type="text"] {
     /* line 135, ../sass/tree/_pane.scss */
     .items.pane .object-browse-bar .items-select {
       margin-left: 10px; }
+
+/* line 141, ../sass/tree/_pane.scss */
+.splitter-bar.right {
+  top: 0; }
diff --git a/platform/commonUI/general/res/sass/tree/_pane.scss b/platform/commonUI/general/res/sass/tree/_pane.scss
index daea52c39f..9f9b890128 100644
--- a/platform/commonUI/general/res/sass/tree/_pane.scss
+++ b/platform/commonUI/general/res/sass/tree/_pane.scss
@@ -137,3 +137,9 @@ $transitionTime: 0.35s;
         }
     }
 }
+
+.splitter-bar.right {
+    // Make the splitter bar vertically span to the top
+    top: 0;
+}
+