CSS Panel - Updating components, created toolbar components, and small changes to styles controller

1 files changed, 23 insertions, 4 deletions

diff --git a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
index f8826b18..b1315311 100644
--- a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
+++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
@@ -11,6 +11,9 @@ exports.StyleSheetsView = Montage.create(Component, {
     noDocumentCondition : {
         value: true
     },
+    showToolbar : {
+        value: false
+    },
     styleSheets : {
         value: []
     },
@@ -24,18 +27,27 @@ exports.StyleSheetsView = Montage.create(Component, {
             this.stylesController = this.application.ninja.stylesController;
 
             this.eventManager.addEventListener("styleSheetsReady", this, false);
+            this.eventManager.addEventListener("newStyleSheet", this, false);
         }
     },
+    _initView : {
+        value: false
+    },
     handleStyleSheetsReady : {
         value: function(e) {
-            this.noDocumentCondition = false;
+            this._initView = this.needsDraw = true;
 
-            this.stylesController.userStyleSheets.forEach(function(sheet) {
-                this.styleSheets.push(sheet);
-            }, this);
+//            this.noDocumentCondition = false;
+//            this.showToolbar = true;
+//            this.styleSheets = this.stylesController.userStyleSheets;
 
         }
     },
+    handleNewStyleSheet : {
+        value: function(e) {
+            this.styleSheets.push(e._event.detail);
+        }
+    },
     prepareForDraw : {
         value: function() {
             console.log("style sheet view - prepare for draw");
@@ -44,6 +56,13 @@ exports.StyleSheetsView = Montage.create(Component, {
     draw : {
         value: function() {
             console.log("styles sheet view - draw");
+
+            if(this._initView) {
+                this.noDocumentCondition = false;
+                this.showToolbar = true;
+                this.styleSheets = this.stylesController.userStyleSheets;
+                this._initView = false;
+            }
         }
     }
 });
\ No newline at end of file