[Tree] Begin adding controller for refactored tree

platform/commonUI/general/src/directives/MCTTree.js

@@ -23,15 +23,51 @@
 
 define([
     'text!../../res/templates/subtree.html'
-], function () {
+], function (subtreeTemplate) {
-    function MCTTree() {
+    function MCTTreeController($scope, $element) {
-        function link(scope, elem) {
+        var ul = elem.filter('ul'),
+            activeObject,
+            unlisten;
 
+        function addNodes(domainObjects) {
+            domainObjects.forEach(function (addNode));
         }
 
+        function loadComposition(domainObject) {
+            activeObject = domainObject;
+            ul.empty();
+            if (domainObject.hasCapability('composition')) {
+                // TODO: Add pending indicator
+                domainObject.useCapability('composition')
+                    .then(addNodes);
+            }
+        }
+
+        function changeObject(domainObject) {
+            if (unlisten) {
+                unlisten();
+            }
+
+            unlisten = domainObject.getCapability('mutation')
+                .listen(loadComposition);
+
+            loadComposition(domainObject);
+        }
+
+        scope.$watch('mctObject', changeObject);
+    }
+
+    function MCTTree() {
         return {
-            link: link,
+            restrict: "E",
-            scope: { mctModel: "=" }
+            controller: [
+                '$scope',
+                '$element',
+                MCTTreeController
+            ],
+            require: [ "mctTree" ],
+            scope: { mctObject: "=" },
+            template: subtreeTemplate
         };
     }