1 files changed, 98 insertions, 0 deletions

diff --git a/js/stage/objects-tray.reel/objects-tray.js b/js/stage/objects-tray.reel/objects-tray.js
new file mode 100644
index 00000000..190abf57
--- /dev/null
+++ b/js/stage/objects-tray.reel/objects-tray.js
@@ -0,0 +1,98 @@
+/* <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> */
+
+/**
+ @requires montage/core/core
+ @requires montage/ui/component
+ */
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+exports.ObjectsTray = Montage.create(Component, {
+    hideClass : { value: 'hide-objects-tray'},
+    _empty : { value: null },
+    _workspaceMode : { value: null },
+    workspaceMode : {
+        get : function() { return this._workspaceMode; },
+        set : function(value) {
+            if(value === this._workspaceMode) { return; }
+
+            var toHide = (value !== 'binding');
+
+            setTimeout(function() {
+                this.hide = toHide;
+            }.bind(this), 200);
+
+            this._workspaceMode = value;
+
+            this.needsDraw = true;
+        }
+    },
+
+    _objects: { value: null },
+    objects: {
+        get: function() {
+            return this._objects;
+        },
+        set: function(value) {
+            this._objects = value;
+            this.needsDraw = true;
+        }
+    },
+
+    _hide : { value: null },
+    hide : {
+        get : function() { return this._hide; },
+        set : function(value) {
+            if(value === this._hide) { return; }
+
+            this._hide = value;
+
+            this.needsDraw = true;
+        }
+    },
+
+
+    templateDidLoad: { 
+        value: function() {
+            console.log('objects panel loaded');
+        }
+    },
+
+    prepareForDraw : {
+        value: function() {
+
+            Object.defineBinding(this, 'workspaceMode', {
+                "boundObject": this.application.ninja,
+                "boundObjectPropertyPath": "workspaceMode",
+                "oneway": true
+            });
+
+            Object.defineBinding(this, 'objects', {
+                "boundObject": this.application.ninja.objectsController,
+                "boundObjectPropertyPath": "objects",
+                "oneway": true
+            });
+
+            if(this.objects) {
+                this.empty = !this.objects.length;
+            } else {
+                this.empty = true;
+            }
+
+        }
+    },
+    draw : {
+        value: function() {
+            if(this.hide || this._empty) {
+                this.element.classList.add(this.hideClass);
+            } else {
+                this.element.classList.remove(this.hideClass);
+            }
+        }
+    }
+
+});
\ No newline at end of file