1 files changed, 126 insertions, 0 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
new file mode 100644
index 00000000..95adddd0
--- /dev/null
+++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js
@@ -0,0 +1,126 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+exports.StyleSheetsView = Montage.create(Component, {
+    noDocumentCondition : {
+        value: true
+    },
+    showToolbar : {
+        value: false
+    },
+    _resizedHeight : {
+        value: null
+    },
+    isResizing : {
+        value: null
+    },
+    _height: {
+        value: null
+    },
+    height: {
+        get: function() {
+            return this._height;
+        },
+        set: function(val) {
+            if(this._height !== val) {
+                this._height = val;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    styleSheets : {
+        value: []
+    },
+    stylesController : {
+        value: null
+    },
+    deserializedFromTemplate : {
+        value: function() {
+            console.log("style sheet view - deserialized");
+
+            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._initView = this.needsDraw = true;
+
+//            this.noDocumentCondition = false;
+//            this.showToolbar = true;
+//            this.styleSheets = this.stylesController.userStyleSheets;
+
+        }
+    },
+    handleNewStyleSheet : {
+        value: function(e) {
+            this.styleSheets.push(e._event.detail);
+        }
+    },
+    handleResizeStart: {
+        value:function(e) {
+            this.isResizing = true;
+            this.needsDraw = true;
+        }
+    },
+
+    handleResizeMove: {
+        value:function(e) {
+            this._resizedHeight = e._event.dY;
+            this.needsDraw = true;
+        }
+    },
+
+    handleResizeEnd: {
+        value: function(e) {
+            this.height += this._resizedHeight;
+            this._resizedHeight = 0;
+            this.isResizing = false;
+            this.needsDraw = true;
+        }
+    },
+
+
+    prepareForDraw : {
+        value: function() {
+            console.log("style sheet view - prepare for draw");
+        }
+    },
+    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;
+            }
+
+            if(this.height) {
+                console.log("StyleSheetsView draw - resizing to", (this.height + this._resizedHeight) + "px");
+                this.styleSheetList.element.style.height = (this.height + this._resizedHeight) + "px";
+            }
+        }
+    },
+    didDraw: {
+        value: function() {
+            if(!this.isResizing) {
+                this.height = this.styleSheetList.element.offsetHeight;
+            }
+        }
+    }
+});
\ No newline at end of file