1 files changed, 1072 insertions, 0 deletions

diff --git a/js/io/ui/file-picker/picker-navigator.reel/picker-navigator.js b/js/io/ui/file-picker/picker-navigator.reel/picker-navigator.js
new file mode 100644
index 00000000..411386f9
--- /dev/null
+++ b/js/io/ui/file-picker/picker-navigator.reel/picker-navigator.js
@@ -0,0 +1,1072 @@
+/* <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"),
+    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");
+                        //enable ok for logical drive selections, when in directory selection mode
+                        if(this.pickerModel.inFileMode === false){
+                            this.okButton.removeAttribute("disabled");
+                            //put into selectedItems..currently single selection is supported
+                            this.selectedItems = [dirObj.uri];
+                        }
+                    }
+
+                    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);
+
+                //for directory selection, selected url is the folder entered
+                if(!this.pickerModel.inFileMode ){
+                    this.okButton.removeAttribute("disabled");
+                    //put into selectedItems..currently single selection is supported
+                    this.selectedItems = [this.pickerModel.currentRoot];
+                }