CSS Panel - add handlers for css panel actions

2 files changed, 13 insertions, 4 deletions

diff --git a/js/panels/css-panel/declaration.reel/declaration.html b/js/panels/css-panel/declaration.reel/declaration.html
index 79865fed..3a513871 100644
--- a/js/panels/css-panel/declaration.reel/declaration.html
+++ b/js/panels/css-panel/declaration.reel/declaration.html
@@ -14,7 +14,8 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                 "module" : "js/panels/css-panel/declaration.reel",
                 "name" : "Declaration",
                 "properties" : {
-                    "element" : {"#" : "container"}
+                    "element" : {"#" : "container"},
+                    "treeController": {"@": "treeController"}
                 }
             },
             "styleShorthand": {
@@ -26,9 +27,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                 "name": "TreeController",
                 "properties" : {
                     "branchKey" : "properties",
-                    "labelKey" : "name",
-
-                    "delegate": {"@": "owner" }
+                    "labelKey" : "name"
                 },
                 "bindings": {
                     "content": {
diff --git a/js/panels/css-panel/declaration.reel/declaration.js b/js/panels/css-panel/declaration.reel/declaration.js
index 55fe0e18..9685510b 100644
--- a/js/panels/css-panel/declaration.reel/declaration.js
+++ b/js/panels/css-panel/declaration.reel/declaration.js
@@ -9,12 +9,16 @@ var Montage = require("montage/core/core").Montage,
     ShorthandProps = require("js/panels/CSSPanel/css-shorthand-map");
 
 exports.Declaration = Montage.create(Component, {
+    focusDelegate : {
+        value: null
+    },
     includeEmptyStyle : {
         value: true
     },
     templateDidLoad : {
         value: function() {
             console.log("declaration - template did load");
+            this.treeController.delegate = this.focusDelegate || this;
         }
     },
     prepareForDraw : {
@@ -115,6 +119,12 @@ exports.Declaration = Montage.create(Component, {
         distinct: true
     },
 
+    addNewStyle : {
+        value: function() {
+            debugger;
+        }
+    },
+
     /* drag/drop events */
     handleDrop : {
         value: function(e) {