Presets Panel - Initial commit with panel content

1 files changed, 106 insertions, 0 deletions

diff --git a/js/panels/presets/content.reel/content.js b/js/panels/presets/content.reel/content.js
new file mode 100644
index 00000000..8ddb3757
--- /dev/null
+++ b/js/panels/presets/content.reel/content.js
@@ -0,0 +1,106 @@
+/* <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.content = Montage.create(Component, {
+    hasTemplate: {
+        value: true
+    },
+    contentPanel : {
+        value: "presets" // get from local storage
+    },
+    templateDidLoad : {
+        value: function() {
+            console.log('deserialized');
+        }
+    },
+    prepareForDraw : {
+        value: function() {
+            this.activeTab = this.tabs[this.activeTabIndex];
+
+            this.tabBar.addEventListener('click', this, false);
+        }
+    },
+    handleClick : {
+        value: function(e) {
+            var tabObject = this.tabs.filter(function(item) {
+                return item.tab === e._event.target;
+            });
+
+            if(tabObject[0]) {
+                this.activeTab = tabObject[0];
+            }
+
+        }
+    },
+    _activeTab : {
+        value: null,
+        enumerable: false
+    },
+    activeTab : {
+        get: function() {
+            return this._activeTab;
+        },
+        set: function(tabObject) {
+            this.contentPanel = tabObject.key;
+
+            if(this.activeTab) {
+                this._activeTab.tab.classList.remove('active-tab');
+            }
+
+            tabObject.tab.classList.add('active-tab');
+            this._activeTab = tabObject;
+        }
+    },
+    treeList : {
+        value : null
+    },
+    data2: {
+       value: {
+        "meta": "Blah",
+        "status": "OK",
+        "text" : "Root",
+        "data" : {
+            "date": "1.1.01",
+            "text": "Root",
+            "children": [{
+                "date": "3.3.01",
+                "text": "Child 1"
+            },
+                {
+                    "date": "3.3.01",
+                    "text": "Child 2",
+                    "children": [{
+                        "date": "3.4.01",
+                        "text": "Grand Child 1",
+                        "children": [{
+                            "date": "4.4.01",
+                            "text": "Great Grand Child 1"
+                        }]
+                    }]
+
+                },{
+                    "date": "5.5.01",
+                    "text": "Child 3"
+                }]
+        }
+       }
+    },
+
+    didDraw: {
+        value : function() {
+            console.log('Presets Panel prepare for draw.');
+//            this.treeList.items.push({
+//                label : "Box Style",
+//                type : 'leaf'
+//            });
+        }
+    }
+
+
+});