1 files changed, 1019 insertions, 0 deletions

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
new file mode 100644
index 00000000..299d44f5
--- /dev/null
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -0,0 +1,1019 @@
+/* <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,
+    iconsListModule = require("js/components/ui/icon-list-basic/iconsList.reel"),
+    filePickerControllerModule = require("js/components/ui/FilePicker/file-picker-controller"),
+    treeModule = require("js/components/ui/tree-basic/tree.reel");
+
+var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
+
+    popup:{
+        enumerable: false,
+        writable: true,
+        value: null
+    },
+
+    mainContentData:{
+        enumerable:false,
+        writable:true,
+        value:null
+    },
+
+    _firstTime: {
+        enumerable: false,
+        value: true
+    },
+
+    firstTime:{
+        get: function(){},
+        set: function(){}
+    },
+
+    pickerCallback:{
+        enumerable:false,
+        writable:true,
+        value:null
+    },
+
+    selectedItems:{//passed to pickerCallback on click of OK
+        enumerable:false,
+        writable:true,
+        value:[]
+    },
+
+    /**
+     * store a reference to the currently selected node... for single selection
+     */
+     currentSelectedNode:{
+        enumerable:false,
+        writable:true,
+        value:null
+    },
+
+    currentURI:{
+        enumerable:false,
+        writable:true,
+        value:null
+    },
+
+    iconsViewDrawnOnce:{
+        enumerable:false,
+        writable:true,
+        value:false
+    },
+
+    /**
+     * for tree view only
+     * will store folder uri vs tree instance map
+     */
+    treeRefHash:{
+        enumerable:false,
+        writable:true,
+        value:{
+
+        }
+    },
+
+    selectedPickerView:{
+        enumerable:false,
+        writable:true,
+        value:null
+    },
+
+    /**
+     * Contains the different Views and their update handlers
+     */
+    pickerViews:{
+        enumerable:false,
+        writable:true,
+        value: function(){
+            var that = this;
+            return {
+                "iconView":that.updateIconView,
+                "treeView":that.updateTreeView
+            }
+        }
+    },
+    
+    pickerModel:{
+        enumerable:false,
+        writable:true,
+        value:null
+    },
+
+    willDraw: {
+        enumerable: false,
+        value: function() {
+
+        }
+    },
+    draw: {
+        enumerable: false,
+        value: function() {
+            this.filterVal.innerHTML = this.pickerModel.currentFilter;
+
+            if(this.pickerModel.fatalError !== null){
+                this.error.innerHTML = this.pickerModel.fatalError;
+            }
+
+        }
+    },
+    didDraw: {
+        enumerable: false,
+        value: function() {
+
+            var that = this;
+            this.iconList = null;
+            this.newContent = null;
+            this.spanEl = null;
+
+            this.addIdentifiers();
+
+            var topLevelDirs = this.pickerModel.topLevelDirectories;
+            var leftNav = this.leftNav;
+            //draw left nav
+            if(!!topLevelDirs
+                && (typeof topLevelDirs === "object")
+                && ('splice' in topLevelDirs)
+                && ('join' in topLevelDirs)
+                &&(topLevelDirs.length > 0)){
+
+                topLevelDirs.forEach(function(dirObj){
+                    var newDiv = document.createElement("div");
+                    newDiv.className = "driversList";
+                    newDiv.innerHTML = dirObj.name;
+                    leftNav.appendChild(newDiv);
+                    if(dirObj.uri === this.pickerModel.currentRoot){
+                        newDiv.classList.add("highlighted");
+                    }
+
+                    newDiv.addEventListener("click", function(evt){that.handleTopLevelDirectoryClicks(evt, dirObj);}, false);
+                }, that);
+            }else{
+                console.error("need at least 1 valid top level directory");
+            }
+
+            //Draw icon view list
+            //TODO: check the default view and draw the appropriate view
+            if(this.mainContentData !== null){
+
+                this.currentURI = this.pickerModel.currentRoot;
+
+                //draw the IconsList if icons view container is on
+                if(this.iconViewContainer.style.display === "block"){
+                    this.iconList = iconsListModule.IconsList.create();
+                    //console.log(this.mainContentData);
+                    this.iconList.iconsViewDataObject = this.mainContentData;
+                    this.iconList.element = this.iconViewContainer;
+                    this.iconList.needsDraw = true;
+                    this.iconsViewDrawnOnce = true;
+                    this.selectedPickerView = "iconView";
+
+                    if(!this.iconView.classList.contains("viewSelected")){
+                        this.iconView.classList.add("viewSelected")
+                    }
+                    if(this.treeView.classList.contains("viewSelected")){
+                        this.treeView.classList.remove("viewSelected");
+                    }
+
+                }else if(this.treeViewContainer.style.display === "block"){
+                    //else draw the Tree if tree view container is on
+                    this.renderTree(this.treeViewContainer, this.currentURI);
+                    this.selectedPickerView = "treeView";
+
+                    if(!this.treeView.classList.contains("viewSelected")){
+                        this.treeView.classList.add("viewSelected")
+                    }
+                    if(this.iconView.classList.contains("viewSelected")){
+                        this.iconView.classList.remove("viewSelected");
+                    }
+                }
+
+                this.updateAddressBar(this.pickerModel.currentRoot);
+                this.pickerModel.storeHistory(this.pickerModel.currentRoot);//populate history
+
+                this.updateMetadata(this.currentURI);
+            }
+
+            this.element.addEventListener("openFolder", function(evt){that.handlePickerNavOpenFolder(evt);}, false);//add icon double click event listener to reload iconList with new set of data
+            this.element.addEventListener("selectedItem", function(evt){that.handlePickerNavSelectedItem(evt);}, false);//for single selection only
+            this.element.addEventListener("showMetadata", function(evt){that.handlePickerNavShowMetadata(evt);}, false);//show metadata on hover of icon
+            this.element.addEventListener("updateMetadata", function(evt){that.handlePickerNavUpdateMetadata(evt);}, false);//show metadata on click of icon
+            //this.addressGo.addEventListener("click", this, false);
+            this.addressBarUri.addEventListener("keydown", this, false);