3 files changed, 2119 insertions, 0 deletions

diff --git a/js/panels/Project/ProjectPanel.js b/js/panels/Project/ProjectPanel.js
new file mode 100644
index 00000000..ad431824
--- /dev/null
+++ b/js/panels/Project/ProjectPanel.js
@@ -0,0 +1,43 @@
+/* <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,
+        PanelBase =             require("js/panels/PanelBase").PanelBase,
+        ProjectPanelBase =      require("js/panels/Project/ProjectPanelBase.reel").ProjectPanelBase;
+
+exports.ProjectPanel = Montage.create(PanelBase, {
+   
+        id: {value: "projectPanel", writable: true, enumerable: true, configurable: true},
+    panelName: {value: "Project/Assets", writable: true, enumerable: true, configurable: true},
+    panelHeaderID: {value: "projectPanelHeader", writable: true, enumerable: true, configurable: true},
+    disclosureIconID: {value: "projectPanelDisclosureIcon", writable: true, enumerable: true, configurable: true},
+    closeButtonID: {value: "projectPanelCloseButton", writable: true, enumerable: true, configurable: true},
+    panelContentID: {value: "projectPanelContent", writable: true, enumerable: true, configurable: true},
+
+    init: {
+        enumerable: true,
+        value: function() {
+                        //Creating panel container and panel
+            this.minHeight = 350;
+            this.defaultHeight = 350;
+            this.contentHeight = 395;
+
+            /* OLD WAY -- Removing the temporary div
+            // TODO: Remove this comment once this is tested.
+            var ppContainer = document.createElement("div");
+            ppContainer.setAttribute("id", "pp-container");
+            this._projectPanelBase = ProjectPanelBase.create();
+            this._projectPanelBase.element = ppContainer;
+            //Adding container to the parent
+            this.content = this._projectPanelBase;
+                //Drawing panel
+            this._projectPanelBase.needsDraw = true;
+            */
+
+            this.content = ProjectPanelBase.create();
+        }
+    }
+});
diff --git a/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js b/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js
new file mode 100644
index 00000000..31582153
--- /dev/null
+++ b/js/panels/Project/projectpanelbase.reel/ProjectPanelBase.js
@@ -0,0 +1,1968 @@
+/* <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 TreeControl = require("js/components/tree.reel").Tree,
+        ResizerControl = require("js/panels/Resizer").Resizer,
+        nj = require("js/lib/NJUtils.js").NJUtils;
+
+exports.ProjectPanelBase = (require("montage/core/core").Montage).create(require("montage/ui/component").Component, {
+        hasTemplate: {
+                value: true
+        },
+    _hasFocus: {
+        numerable: false,
+        value: false
+    },
+    
+    /* The current project that we have in memory */
+        _activeProject: {
+                value: false
+        },
+        activeProject: {
+                get: function() {
+                        return this._activeProject;
+                },
+                set: function(objNewProject) {
+                        this._activeProject = objNewProject;
+                }
+        },
+    
+    /* Is the panel initialized? Helps keep us from re-initializing things when a project switches */
+    _isPanelInitialized: {
+        value: false
+    },
+    isPanelInitialized: {
+        get: function() {
+                return this._isPanelInitialized;
+        },
+        set: function(boolValue) {
+                this._isPanelInitialized = boolValue;
+        }
+    },
+    
+    /* Project models: is there an active project, did the user just swap the project, etc. */
+        _swapProject: {
+                value: false
+        },
+        swapProject: {
+                get: function() {
+                        return this._swapProject;
+                },
+                set: function(boolValue) {
+                        this._swapProject = boolValue;
+                }
+        },
+        _updateTree: {
+                value: false
+        },
+        updateTree: {
+                get: function() {
+                        return this._updateTree;
+                },
+                set: function(boolValue) {
+                        this._updateTree = boolValue;
+                }
+        },
+        _updateAssets: {
+                value: false
+        },
+        _updateAssets : {
+                get: function() {
+                        return this._updateAssets;
+                },
+                set: function(boolValue) {
+                        this._updateAssets = boolValue;
+                }
+        },
+        _hasActiveProject: {
+                value: false
+        },
+        hasActiveProject: {
+                get: function() {
+                        return this._hasActiveProject;
+                },
+                set: function(boolValue) {
+                        if (this.hasActiveProject !== boolValue) {
+                                this._hasActiveProject = boolValue;
+                                this.needsDraw = true;
+                                this.swapProject = true;
+                                this.loadPanelState();
+                        }
+                }
+        },
+        setActiveProject: {
+                value: function(myVal) {
+                        this.hasActiveProject = myVal;
+                }
+        },
+        
+        /* Focus monitor: needed to modify keyboard navigation through panels. */
+        _hasFocus: {
+                value: false
+        },
+        hasFocus: {
+                get: function() {
+                        return this._hasFocus;
+                },
+                set: function(newVal) {
+                        if (this._hasFocus !== newVal) {
+                                this._hasFocus = newVal;
+                        }
+                }
+        },
+
+    /* Active column models: Used to store the state of the columns as a resize is happening */
+    _activeColumn: {
+        enumerable: false,
+        value: false
+    },
+    activeColumn: {
+        get: function() {
+                return this._activeColumn;
+        },
+        set: function(intActiveColumn) {
+                this._activeColumn = intActiveColumn;
+        }
+    },
+    _activeColumnWidths: {
+        enumerable: false,
+        value: [0,0,0]
+    },
+    activeColumnWidths: {
+        get: function() {
+                return this._activeColumnWidths;
+        },
+        set: function(activeColumnWidths) {
+                for (var i = 0; i < activeColumnWidths.length; i++) {
+                        if (this._activeColumnWidths[i] !== activeColumnWidths[i]) {
+                                this._activeColumnWidths[i] = activeColumnWidths[i];
+                                this.activeColumn = i;
+                                this.needsDraw = true;
+                        }
+                }
+        }
+    }, 
+
+    /* resizeColumn: Method to resize a column */
+    resizeColumn: {
+        value: function(strSelectorBase) {
+                // Resize column with index this.activeColumn in view specified by strSelectorBase.
+                var intAdjust = 0,
+                        intTotalWidth = 0,
+                        arrToChange = [],
+                        arrToChangeLength = 0,
+                        arrHeaders = document.querySelectorAll(strSelectorBase + " .pp-header");
+                        arrHeadersLength = arrHeaders.length;
+                        containerList = document.querySelectorAll(strSelectorBase + " .pp-scroll-linked");
+                        containerListLength = containerList.length,
+                        intNewWidth = 0,
+                        strNewWidth = "",
+                        boolProjectView = true,
+                        arrStoredWidths = this.panelState.projectColumnWidths;
+                
+                if (strSelectorBase.indexOf("assets") > -1) {
+                        boolProjectView = false;
+                        arrStoredWidths =