[Frontend] Manual re-do of collapse/expand panes

open #90
Renamed BrowseTreeController to PaneController;
Ensuring mobile functionality parity;

platform/commonUI/browse/bundle.json

@@ -26,8 +26,8 @@
                 ]
             },
             {
-                "key": "BrowseTreeController",
-                "implementation": "BrowseTreeController.js",
+                "key": "PaneController",
+                "implementation": "PaneController.js",
                 "priority": "preferred",
                 "depends": [ "$scope", "agentService" ]
             },

platform/commonUI/browse/res/templates/browse.html

@@ -23,8 +23,8 @@
 <div class="abs holder-all browse-mode" ng-controller="BrowseController">
     <mct-include key="'topbar-browse'"></mct-include>
     <div class="holder browse-area s-browse-area abs browse-wrapper"
-         ng-controller="BrowseTreeController as tree"
-         ng-class="tree.visible() ? 'browse-showtree' : 'browse-hidetree'">
+         ng-controller="PaneController as treePane"
+         ng-class="treePane.visible() ? 'browse-showtree' : 'browse-hidetree'">
         <mct-split-pane class='contents abs' anchor='left'>
             <div class='split-pane-component treeview pane left'>
                 <div class="holder abs l-mobile">
@@ -58,9 +58,9 @@
                                         key="'browse-object'">
                     </mct-representation>
                 </div>
-                <div class="key-properties ui-symbol icon mobile-menu-icon desktop-hide"
-                     mct-device="mobile"
-                     ng-click="tree.toggle()">m</div>
+                <a class="ui-symbol icon mobile-menu-icon"
+                     style="position: absolute; z-index: 1000"
+                     ng-click="treePane.toggle()">m</a>
             </div>
         </mct-split-pane>
     </div>

platform/commonUI/browse/res/templates/browse/object-header.html

@@ -19,7 +19,7 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<div class='object-header object-header-mobile'>
+<div class='object-header'>
     <span class='type-icon ui-symbol'>{{type.getGlyph()}}</span>
     <!--span class='type-name mobile-important-hide'>{{type.getName()}}</span-->
     <span class="l-elem-wrapper l-flex">

platform/commonUI/browse/src/BrowseController.js

@@ -154,6 +154,11 @@ define(
                 navigationService.removeListener(setNavigation);
             });
 
+            // Models for panes
+            $scope.paneModelTree = {};
+            $scope.paneModelInspect = {};
+
+
         }
 
         return BrowseController;

platform/commonUI/browse/src/PaneController.js

@@ -63,6 +63,7 @@ define(
          */
         BrowseTreeController.prototype.toggle = function () {
             this.state = !this.state;
+            console.log('tree toggled: ' + this.state);
         };
 
         /**

platform/commonUI/browse/test/PaneControllerSpec.js

@@ -22,11 +22,11 @@
 /*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
 
 define(
-    ["../src/BrowseTreeController"],
-    function (BrowseTreeController) {
+    ["../src/PaneController"],
+    function (PaneController) {
         'use strict';
 
-        describe("The BrowseTreeController", function () {
+        describe("The PaneController", function () {
             var mockScope,
                 mockAgentService,
                 mockDomainObjects,
@@ -35,7 +35,7 @@ define(
             // We want to reinstantiate for each test case
             // because device state can influence constructor-time behavior
             function instantiateController() {
-                return new BrowseTreeController(
+                return new PaneController(
                     mockScope,
                     mockAgentService
                 );

platform/commonUI/browse/test/suite.json

@@ -1,7 +1,7 @@
 [
     "BrowseController",
     "BrowseObjectController",
-    "BrowseTreeController",
+    "PaneController",
     "MenuArrowController",
     "creation/CreateAction",
     "creation/CreateActionProvider",