First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 1968 insertions, 0 deletions

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 = this.panelState.assetColumnWidths;
+                }
+
+
+                if (this.activeColumn === 0) {
+                        strSelector = strSelectorBase + " .pp-col-files";
+                        intAdjust = 17;
+                } else if (this.activeColumn === 1) {
+                        strSelector = strSelectorBase + " .pp-col-date";
+                        intAdjust = 6;
+                } else if (this.activeColumn === 2) {
+                        strSelector = strSelectorBase + " .pp-col-size";
+                        intAdjust = 6;
+                } else if (this.activeColumn === 3) {
+                        strSelector = strSelectorBase + " .pp-col-type";
+                        intAdjust = 10;
+                } else {
+                        return;
+                }
+                if ((this.activeColumn === 3) && boolProjectView) {
+                        return;
+                }
+                
+                // Adjust intAdjust: for the asset view it needs to be 0.
+                if (strSelectorBase.indexOf("assets") >0) {
+                        intAdjust = 0;
+                }
+                
+                // Get the total width of the headers and set the container to that width.
+                for (i = 0; i < arrHeadersLength; i++) {
+                        intTotalWidth = intTotalWidth + parseInt(arrHeaders[i].offsetWidth);
+                }
+                if (intTotalWidth === 0) {
+                        for (i = 0; i < arrStoredWidths.length; i++) {
+                                intTotalWidth = intTotalWidth + arrStoredWidths[i];
+                        }
+                }
+