From 62f7ca5a0aa9b712c3326f5dbe5da8ccdcb03426 Mon Sep 17 00:00:00 2001
From: slhale <sarah.hale@nasa.gov>
Date: Wed, 19 Aug 2015 16:57:11 -0700
Subject: [PATCH] [Treeview] Treeview collapse toggle

Clicking on the pane tab now toggles the
treeview.
---
 .../commonUI/browse/res/templates/browse.html |  7 +++++--
 .../general/res/css/theme-espresso.css        | 18 +++++++++++-----
 .../general/res/sass/tree/_layout.scss        | 21 +++++++++++++++----
 3 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 24199578c6..5187d15d02 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -46,9 +46,12 @@
                 </div>
             </div>
             
-            <mct-splitter></mct-splitter>
+            <mct-splitter class="splitter-bar left"
+                          ng-class="{inactive: !paneModel.leftPane}">
+            </mct-splitter>
             
-            <div class='split-pane-component items pane'>
+            <div class='split-pane-component items pane'
+                 ng-class='{leftInactive: !paneModel.leftPane}'>
                 <div class='holder abs'
                      id='content-area'>
                     <mct-representation key="'browse-object'"
diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css
index e2e98dde27..7c87e4d2cb 100644
--- a/platform/commonUI/general/res/css/theme-espresso.css
+++ b/platform/commonUI/general/res/css/theme-espresso.css
@@ -706,17 +706,25 @@ mct-container {
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 29, ../sass/tree/_layout.scss */
-.pane.right.inactive,
+/* line 27, ../sass/tree/_layout.scss */
 .pane.left.inactive {
   visibility: hidden;
   width: 0 !important;
   min-width: 0 !important; }
 
-/* line 39, ../sass/tree/_layout.scss */
+/* line 36, ../sass/tree/_layout.scss */
+.splitter-bar.left.inactive {
+  left: 0 !important;
+  visibility: hidden; }
+
+/* line 46, ../sass/tree/_layout.scss */
+.items.pane.leftInactive {
+  left: 0 !important; }
+
+/* line 52, ../sass/tree/_layout.scss */
 .object-browse-bar {
   position: relative; }
-  /* line 42, ../sass/tree/_layout.scss */
+  /* line 55, ../sass/tree/_layout.scss */
   .object-browse-bar .left-pane-tabs {
     position: relative;
     cursor: pointer;
@@ -729,7 +737,7 @@ mct-container {
     border-radius: 2px;
     background-color: lightgrey;
     border: 1px solid grey; }
-  /* line 58, ../sass/tree/_layout.scss */
+  /* line 71, ../sass/tree/_layout.scss */
   .object-browse-bar .items-select {
     margin-left: 10px; }
 
diff --git a/platform/commonUI/general/res/sass/tree/_layout.scss b/platform/commonUI/general/res/sass/tree/_layout.scss
index 10019566d4..c03d407344 100644
--- a/platform/commonUI/general/res/sass/tree/_layout.scss
+++ b/platform/commonUI/general/res/sass/tree/_layout.scss
@@ -22,19 +22,32 @@
 
 // Added by shale on 08/19/2015. Styling for the collapsible tree view. 
 
-.pane.right,
+//.pane.right,
 .pane.left {
-    //color: pink;
-    
     &.inactive {
         // Don't want visibility hidden later, because create button 
         visibility: hidden;
-        //color: aqua;
         width: 0 !important;
         min-width: 0 !important;
     }
 }
 
+.splitter-bar.left {
+    &.inactive {
+        left: 0 !important;
+        
+        visibility: hidden;
+        //width: 0;
+    }
+}
+
+// The main view needs to align left when the panes are moving around
+.items.pane {
+    &.leftInactive {
+        left: 0 !important;
+    }
+}
+
 // Move buttons close to the splitter bar 
 .object-browse-bar {
     position: relative;