From 3a754133dbc138390503341fd2e9beba3e43aa4b Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Fri, 27 Jan 2012 12:05:17 -0800
Subject: Merged old FileIO

---
 .../pickerNavigator.reel/pickerNavigator.css       | 30 ++++++++++
 .../pickerNavigator.reel/pickerNavigator.html      | 31 +++++++++-
 .../pickerNavigator.reel/pickerNavigator.js        | 67 +++++++++++-----------
 3 files changed, 92 insertions(+), 36 deletions(-)
 mode change 100644 => 100755 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
 mode change 100644 => 100755 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
 mode change 100644 => 100755 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
old mode 100644
new mode 100755
index 2d9f1189..61328ce0
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -195,6 +195,36 @@
 
 .picker .okButton{
     margin-right:25px;
+    -webkit-box-align: center;
+    text-align: center;
+    cursor: default;
+    padding: 0px 6px 0px;
+    border:2px solid #d1d1d1;
+    background-color: #e1e1e1;
+    box-sizing: border-box;
+    border-radius:10px;
+    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
+    cursor:pointer;
+}
+
+.picker .cancelButton{
+    -webkit-box-align: center;
+    text-align: center;
+    cursor: default;
+    padding: 0px 6px 0px;
+    border:2px solid #d1d1d1;
+    background-color: #e1e1e1;
+    box-sizing: border-box;
+    border-radius:10px;
+    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
+    cursor:pointer;
+}
+
+.picker input[type="button"]:disabled{
+    background-color: #a1a1a1;
+    border:2px solid #a1a1a1;
+    background-image:none;
+    cursor:auto;
 }
 
 
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
old mode 100644
new mode 100755
index bf421247..b4aee4b2
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
@@ -10,6 +10,35 @@
     <link rel="stylesheet" type="text/css" href="pickerNavigator.css">
     <script type="text/montage-serialization">
         {
+            "okButton": {
+                "module": "montage/ui/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "okButton"},
+                    "identifier": "okButton"
+                },
+                "listeners": [
+                    {
+                        "type": "action",
+                        "listener": {"@": "owner"}
+                    }
+                ]
+            },
+
+            "cancelButton": {
+                "module": "montage/ui/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "cancelButton"},
+                    "identifier": "cancelButton"
+                },
+                "listeners": [
+                    {
+                        "type": "action",
+                        "listener": {"@": "owner"}
+                    }
+                ]
+            },
 
             "owner":{
                 "module": "js/components/ui/FilePicker/pickerNavigator.reel",
@@ -71,7 +100,7 @@
         <input id="cancelButton" type="button" value="CANCEL" class="cancelButton" />
         <input id="okButton" disabled="true" type="button" value="OK" class="okButton" />
     </div>
-    <div id="filters" class="filters">
+    <div id="filters" class="filters" style="display:block;">
         <div class="dropdown hide"></div>
         <span class="dropdownArrow">&#9660</span>
         <span id="filterVal" class="filterVal">*.*</span>
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
old mode 100644
new mode 100755
index 299d44f5..eec7c8e8
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -209,26 +209,27 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             this.refreshButton.addEventListener("click", this, false);//refresh - gets from file system directly
             this.backArrow.addEventListener("click", this, false);
             this.forwardArrow.addEventListener("click", this, false);
-            this.okButton.addEventListener("click", this, false);
-            this.cancelButton.addEventListener("click", this, false);
-
-            //populate filters
-            var filtersDD = this.element.querySelector(".filters .dropdown");
-            if(!!this.pickerModel.fileFilters
-                && (typeof this.pickerModel.fileFilters === "object")
-                && ('splice' in this.pickerModel.fileFilters)
-                && ('join' in this.pickerModel.fileFilters)){
-                this.pickerModel.fileFilters.forEach(function(aFilter){
-                    var newDiv = document.createElement("div");
-                    newDiv.innerHTML = aFilter;
-                    filtersDD.appendChild(newDiv);
-                    newDiv.addEventListener("click", function(evt){that.handleFilterClick(evt, aFilter, filtersDD)}, false);
-                }, this);
-            }
 
-            var renderedWidth = this.getComputedWidth(filtersDD);
-            this.filters.style.width = "" + (parseInt((renderedWidth.substring(0, (renderedWidth.length - 2)))) + 20) + "px";
+            //populate filters if in file selection mode
+            if(this.pickerModel.inFileMode === true){
+                var filtersDD = this.element.querySelector(".filters .dropdown");
+                if(!!this.pickerModel.fileFilters
+                    && (typeof this.pickerModel.fileFilters === "object")
+                    && ('splice' in this.pickerModel.fileFilters)
+                    && ('join' in this.pickerModel.fileFilters)){
+                    this.pickerModel.fileFilters.forEach(function(aFilter){
+                        var newDiv = document.createElement("div");
+                        newDiv.innerHTML = aFilter;
+                        filtersDD.appendChild(newDiv);
+                        newDiv.addEventListener("click", function(evt){that.handleFilterClick(evt, aFilter, filtersDD)}, false);
+                    }, this);
+                }
 
+                var renderedWidth = this.getComputedWidth(filtersDD);
+                this.filters.style.width = "" + (parseInt((renderedWidth.substring(0, (renderedWidth.length - 2)))) + 20) + "px";
+            }else{
+                this.filters.style.display = "none";
+            }
             /**
              * attach click event listeners to the addressbar dropdown arrows
              */
@@ -263,11 +264,11 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
         }
     },
 
-    //TODO: add uri pattern validation 
-    validateUri:{
+    cleanupUri:{
         writable: false,
         enumerable:true,
         value: function(folderUri){
+            folderUri = folderUri.replace(/^\s+|\s+$/g,"");  // strip any leading or trailing spaces
             //remove unnecessary / from end - for Win and Mac .... don't trim for the root
             if(((folderUri.charAt(folderUri.length - 1) === "/") || (folderUri.charAt(folderUri.length - 1) === "\\")) && (folderUri !== "/")){
                 folderUri = folderUri.substring(0, (folderUri.length - 1));
@@ -324,7 +325,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
         writable:false,
         enumerable:true,
         value:function(uri){
-            uri = this.validateUri(uri);
+            uri = this.cleanupUri(uri);
             var arr = [];
             var temp = new String(uri);
             while(temp.indexOf("/") != -1){
@@ -532,8 +533,6 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             this.refreshButton.identifier = "refreshButton";
             this.backArrow.identifier = "backArrow";
             this.forwardArrow.identifier = "forwardArrow";
-            this.okButton.identifier = "okButton";
-            this.cancelButton.identifier = "cancelButton";
             this.iconView.identifier = "iconView";
             this.treeView.identifier = "treeView";
             this.resultsArea.identifier = "resultsArea";
@@ -651,7 +650,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
 
                     if(this.addressBarUri.value !== ""){
                         var uri = this.addressBarUri.value;
-                        uri = this.validateUri(uri);
+                        uri = this.cleanupUri(uri);
 
                         this.currentURI = uri;
                         var status = this.pickerViews()[this.selectedPickerView].call(this, uri);//dynamically calls the update function of the current picker view
@@ -676,7 +675,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
         value: function(evt){
                     if(evt.keyCode === 13 ){
                         var uri = this.addressBarUri.value;
-                        uri = this.validateUri(uri);
+                        uri = this.cleanupUri(uri);
 
                         this.currentURI = uri;
 
@@ -699,7 +698,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
     handleRefreshButtonClick:{
         value:function(evt){
                 var uri = this.addressBarUri.value;
-                uri = this.validateUri(uri);
+                uri = this.cleanupUri(uri);
 
                 var status = this.pickerViews()[this.selectedPickerView].call(this, uri, false);//dynamically calls the update function of the current picker view
 
@@ -768,22 +767,22 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             }
     },
 
-    handleOkButtonClick : {
+    handleOkButtonAction : {
         value: function(evt){
-                    alert("selected "+ this.selectedItems.toString());
+                    console.log("$$$ File Picker : selected "+ this.selectedItems.toString());
                     var success = true;
-                    if(!!this.pickerModel.callback && (this.selectedItems.length > 0)){//call the callback if it is available
+                    if(!!this.pickerModel.callback && !!this.pickerModel.callbackScope && (this.selectedItems.length > 0)){//call the callback if it is available
                         try{
-                            this.pickerModel.callback({"uri":this.selectedItems});
+                            this.pickerModel.callback.call(this.pickerModel.callbackScope, {"uri":this.selectedItems});
                         }catch(e){
                             success = false;
-                            console.log("[ERROR] File IO failed to open URIs:  "+ this.selectedItems.toString());
+                            console.log(e.stack);
                         }
                     }else{//else send an event with the selected files
                         var pickerSelectionEvent = document.createEvent("Events");
                         pickerSelectionEvent.initEvent("pickerSelectionsDone", false, false);
                         pickerSelectionEvent.selectedItems = this.selectedItems;
-                        document.dispatchEvent(pickerSelectionEvent);//TODO: use eventManager when it is available
+                        this.eventManager.dispatchEvent(pickerSelectionEvent);
                     }
 
                     //store last opened/saved folder, and view after IO is successful
@@ -813,7 +812,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
               }
     },
 
-    handleCancelButtonClick :{
+    handleCancelButtonAction :{
         value:function(evt){
                 //clean up memory
                 this.cleanup();
@@ -1005,8 +1004,6 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                 this.refreshButton.removeEventListener("click", this, false);//refresh - gets from file system directly
                 this.backArrow.removeEventListener("click", this, false);
                 this.forwardArrow.removeEventListener("click", this, false);
-                this.okButton.removeEventListener("click", this, false);
-                this.cancelButton.removeEventListener("click", this, false);
                 this.iconView.removeEventListener("click", this, false);
                 this.treeView.removeEventListener("click", this, false);
                 this.element.removeEventListener("drawTree", this, false);
-- 
cgit v1.2.3


From 92161460a6cbbdebfd1b0263ec6eb790091920a9 Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Mon, 30 Jan 2012 14:18:21 -0800
Subject: Moving changes from Gerrit, on 1/27, to the github branch: - added
 file existence check and validation to save as dialog - minor css fix for
 file picker, new file dialog

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 .../ui/FilePicker/pickerNavigator.reel/pickerNavigator.css    |  1 +
 .../ui/FilePicker/pickerNavigator.reel/pickerNavigator.js     | 11 +++++++++++
 2 files changed, 12 insertions(+)
 mode change 100755 => 100644 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
 mode change 100755 => 100644 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
old mode 100755
new mode 100644
index 61328ce0..93578ec1
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -63,6 +63,7 @@
 
 .picker .driversList:hover{
     cursor:pointer;
+    background-color: #444444;
 }
 
 .picker .highlighted{
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
old mode 100755
new mode 100644
index eec7c8e8..268ec41a
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -621,6 +621,16 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                         this.currentSelectedNode = evt.target;
 
                     }else{
+
+
+                        //test: highlight non-selectable icons too
+                        if(!evt.target.classList.contains("selected")){
+                            evt.target.classList.add("selected");
+                        }
+                        this.currentSelectedNode = evt.target;
+                        //end- test
+
+
                         //disable OK
                         if(!this.okButton.hasAttribute("disabled")){
                             this.okButton.setAttribute("disabled", "true");
@@ -776,6 +786,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                             this.pickerModel.callback.call(this.pickerModel.callbackScope, {"uri":this.selectedItems});
                         }catch(e){
                             success = false;
+                            console.log("[Error] Failed to open "+ this.selectedItems.toString());
                             console.log(e.stack);
                         }
                     }else{//else send an event with the selected files
-- 
cgit v1.2.3


From 8504b61aefb25fdab931f02c4568916d2bf8345c Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Thu, 2 Feb 2012 00:52:44 -0800
Subject: changes to open multiple code view tabs and switch between the code
 views, added nj-skinned css class for the buttons in file picker, new file
 dialog and save as dialog

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
index b4aee4b2..b5da0e6e 100755
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
@@ -97,8 +97,8 @@
         <div id="right-bottom" class="right-bottom"></div>
     </div>
     <div class="buttons">
-        <input id="cancelButton" type="button" value="CANCEL" class="cancelButton" />
-        <input id="okButton" disabled="true" type="button" value="OK" class="okButton" />
+        <input id="cancelButton" type="button" value="CANCEL" class="cancelButton nj-skinned" />
+        <input id="okButton" disabled="true" type="button" value="OK" class="okButton nj-skinned" />
     </div>
     <div id="filters" class="filters" style="display:block;">
         <div class="dropdown hide"></div>
-- 
cgit v1.2.3


From 7618cabe1945acc6392c48f3b57820f67f7973b0 Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Fri, 3 Feb 2012 10:22:26 -0800
Subject: removed using montage button, since it has changed in Montafe 0.6

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 .../pickerNavigator.reel/pickerNavigator.html      | 30 ----------------------
 .../pickerNavigator.reel/pickerNavigator.js        |  3 +++
 2 files changed, 3 insertions(+), 30 deletions(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
index b5da0e6e..bd427f97 100755
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
@@ -10,36 +10,6 @@
     <link rel="stylesheet" type="text/css" href="pickerNavigator.css">
     <script type="text/montage-serialization">
         {
-            "okButton": {
-                "module": "montage/ui/button.reel",
-                "name": "Button",
-                "properties": {
-                    "element": {"#": "okButton"},
-                    "identifier": "okButton"
-                },
-                "listeners": [
-                    {
-                        "type": "action",
-                        "listener": {"@": "owner"}
-                    }
-                ]
-            },
-
-            "cancelButton": {
-                "module": "montage/ui/button.reel",
-                "name": "Button",
-                "properties": {
-                    "element": {"#": "cancelButton"},
-                    "identifier": "cancelButton"
-                },
-                "listeners": [
-                    {
-                        "type": "action",
-                        "listener": {"@": "owner"}
-                    }
-                ]
-            },
-
             "owner":{
                 "module": "js/components/ui/FilePicker/pickerNavigator.reel",
                 "name":"PickerNavigator",
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
index 268ec41a..d7a19c14 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -245,6 +245,9 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             this.resultsArea.addEventListener("click", function(evt){that.handleResultsAreaClick(evt);}, false);
             this.element.addEventListener("click", function(evt){that.handlePickerNavClick(evt);}, false);
 
+            this.okButton.addEventListener("click", function(evt){that.handleOkButtonAction(evt);}, false);
+            this.cancelButton.addEventListener("click", function(evt){that.handleCancelButtonAction(evt);}, false);
+
             //ready to show picker now
             this.element.style.visibility = "visible";
     	}
-- 
cgit v1.2.3


From ad0ee69be3512325ede94738f23597086a141a3e Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Fri, 10 Feb 2012 01:55:30 -0800
Subject: file open and file new integrated again

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 .../pickerNavigator.reel/pickerNavigator.js        | 37 +++++++++++-----------
 1 file changed, 18 insertions(+), 19 deletions(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
index d7a19c14..ff9c7073 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -7,7 +7,6 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 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, {
@@ -335,7 +334,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                 temp = temp.substring(0, temp.lastIndexOf("/"));
 
                 //populate dropdown irrespective of validity
-//                if(!!filePickerControllerModule.FilePickerController._directoryContentCache[temp]){//check if it is a valid location
+//                if(!!this.application.ninja.filePickerController._directoryContentCache[temp]){//check if it is a valid location
 //                    arr.push(temp);
 //                }else{
 //                    break;
@@ -358,7 +357,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
         value:function(element, uri){
             if(!!element){
                 var tree = treeModule.Tree.create();
-                tree.treeViewDataObject = filePickerControllerModule.FilePickerController.prepareContentList(uri, this.pickerModel);
+                tree.treeViewDataObject = this.application.ninja.filePickerController.prepareContentList(uri, this.pickerModel);
                 //console.log("renderTree() for "+ uri);
                 //console.log(tree.treeViewDataObject);
                 tree.element = element;
@@ -374,10 +373,10 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             var status = true;
             var iconViewContainer = this.element.querySelector(".iconViewContainer");
             if((typeof fromCache === 'undefined') || (fromCache === true)){
-            this.newContent = filePickerControllerModule.FilePickerController.prepareContentList(uri, this.pickerModel);
+            this.newContent = this.application.ninja.filePickerController.prepareContentList(uri, this.pickerModel);
             }
             else{
-                this.newContent = filePickerControllerModule.FilePickerController.prepareContentList(uri, this.pickerModel, false);
+                this.newContent = this.application.ninja.filePickerController.prepareContentList(uri, this.pickerModel, false);
             }
             if(!!this.newContent && this.newContent.length > 0){
                 //clear selection
@@ -423,10 +422,10 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             if(!!treeViewContainer){
                 var data = [];
                 if((typeof fromCache === 'undefined') || (fromCache === true)){
-                    data = filePickerControllerModule.FilePickerController.prepareContentList(uri, this.pickerModel);
+                    data = this.application.ninja.filePickerController.prepareContentList(uri, this.pickerModel);
                 }
                 else{
-                    data = filePickerControllerModule.FilePickerController.prepareContentList(uri, this.pickerModel, false);
+                    data = this.application.ninja.filePickerController.prepareContentList(uri, this.pickerModel, false);
                 }
 
                 if(data.length > 0){
@@ -475,7 +474,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
         enumerable: false,
         writable:false,
         value:function(currentUri){
-            var data = filePickerControllerModule.FilePickerController._directoryContentCache[currentUri];
+            var data = this.application.ninja.filePickerController._directoryContentCache[currentUri];
             var metadata = "";
             if(!!data){
                 if(data.name !== ""){
@@ -610,8 +609,8 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                         this.currentSelectedNode = null;
                     }
                     //enable OK button if the selection is valid as per the picker mode
-                    if((this.pickerModel.inFileMode && (filePickerControllerModule.FilePickerController._directoryContentCache[uri].type === "file"))
-                        || (!this.pickerModel.inFileMode && (filePickerControllerModule.FilePickerController._directoryContentCache[uri].type === "directory"))){
+                    if((this.pickerModel.inFileMode && (this.application.ninja.filePickerController._directoryContentCache[uri].type === "file"))
+                        || (!this.pickerModel.inFileMode && (this.application.ninja.filePickerController._directoryContentCache[uri].type === "directory"))){
                         this.okButton.removeAttribute("disabled");
 
                         //put into selectedItems..currently single selection is supported
@@ -784,9 +783,9 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
         value: function(evt){
                     console.log("$$$ File Picker : selected "+ this.selectedItems.toString());
                     var success = true;
-                    if(!!this.pickerModel.callback && !!this.pickerModel.callbackScope && (this.selectedItems.length > 0)){//call the callback if it is available
+                    if(!!this.pickerModel.callback && (this.selectedItems.length > 0)){//call the callback if it is available
                         try{
-                            this.pickerModel.callback.call(this.pickerModel.callbackScope, {"uri":this.selectedItems});
+                            this.pickerModel.callback({"uri":this.selectedItems});
                         }catch(e){
                             success = false;
                             console.log("[Error] Failed to open "+ this.selectedItems.toString());
@@ -803,12 +802,12 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                     var dataStore = window.sessionStorage;
                     try {
                         if(this.pickerModel.pickerMode === "write"){
-                            filePickerControllerModule.FilePickerController._lastSavedFolderURI.lastSavedFolderUri_local = this.currentURI;
                             dataStore.setItem('lastSavedFolderURI',escape(""+this.currentURI));
                         }
-                        else{
-                            filePickerControllerModule.FilePickerController._lastOpenedFolderURI.lastFolderUri_local = this.currentURI;
-                            dataStore.setItem('lastOpenedFolderURI',escape(""+this.currentURI));
+                        else if(this.pickerModel.inFileMode === true){
+                            dataStore.setItem('lastOpenedFolderURI_fileSelection',escape(""+this.currentURI));
+                        }else if(this.pickerModel.inFileMode === false){
+                            dataStore.setItem('lastOpenedFolderURI_folderSelection',escape(""+this.currentURI));
                         }
                     }
                     catch(e){
@@ -962,9 +961,9 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
 
     handlePickerNavRefreshTreeSegment:{
         value: function(evt){
-//                if(filePickerControllerModule.FilePickerController.checkIfStale(evt.uri)){
+//                if(this.application.ninja.filePickerController.checkIfStale(evt.uri)){
 //                    //update tree segment if was stale
-//                    evt.treeSegment.treeViewDataObject = filePickerControllerModule.FilePickerController.prepareContentList(evt.uri, this.pickerModel, true, false);
+//                    evt.treeSegment.treeViewDataObject = this.application.ninja.filePickerController.prepareContentList(evt.uri, this.pickerModel, true, false);
 //                }
             }
     },
@@ -1007,7 +1006,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             value:function(){
                 //clear memory - TODO:check for more memory leaks
                 this.pickerModel = null;
-                filePickerControllerModule.FilePickerController._directoryContentCache = {};
+                this.application.ninja.filePickerController._directoryContentCache = {};
                 //remove listeners
                 this.element.removeEventListener("openFolder", this, false);//add icon double click event listener to reload iconList with new set of data
                 this.element.removeEventListener("selectedItem", this, false);//for single selection only
-- 
cgit v1.2.3


From a6948e635389768fc316f1fb86df2524b482b47c Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Mon, 13 Feb 2012 18:48:18 -0800
Subject: added logical drive selection to file picker

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 .../ui/FilePicker/pickerNavigator.reel/pickerNavigator.js   | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
index ff9c7073..6b0d92f7 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -149,6 +149,12 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                     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);
@@ -571,6 +577,13 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                     if(!evt.target.classList.contains("highlighted")){
                         evt.target.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];
+                    }
                 }
     },
 
-- 
cgit v1.2.3


From 5b6c62b7164cbde2845a3f7af810568e5ba53a6a Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Mon, 13 Feb 2012 22:39:28 -0800
Subject: File IO UI tweaks

Making minor tweaks to the UI for file IO, will need to make much more at a later time.
---
 .../pickerNavigator.reel/pickerNavigator.css       | 32 ++++++++++++++++++----
 .../pickerNavigator.reel/pickerNavigator.html      |  4 +--
 2 files changed, 28 insertions(+), 8 deletions(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
index 93578ec1..9c85c6b5 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -12,7 +12,11 @@
     padding-left:15px;
     padding-bottom:15px;
     color:#ffffff;
-    background-color:#313131;
+    background-color:#494949;
+    font-family: 'Droid Sans', sans-serif;
+    border-radius: 8px;
+	box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
+	text-shadow: 1px 1px 1px #000;
 }
 
 .picker .pickerHeader{
@@ -20,7 +24,7 @@
 }
 
 .picker .container{
-    border: 1px groove #000000;
+    border: 1px solid #000000;
     overflow: auto;
     background-color:#5f5f5f;
 }
@@ -39,21 +43,26 @@
     width:75%;
     height:88%;
     overflow: hidden;
+    border-left: none;
 }
 
 .picker .right-top{
-    border: 1px groove #000000;
+    border-right: 1px solid #000000;
     overflow: auto;
     min-height:150px;
     height:75%;
     width:auto;
+    border-right: none;
 }
 
 .picker .right-bottom{
-    border: 1px groove #000000;
+    border: 1px solid #000000;
+    border-left: none;
     overflow: auto;
     height:20%;
     padding: 10px;
+    border-bottom: none;
+    border-right: none;
 }
 
 .picker .driversList{
@@ -194,8 +203,16 @@
     pointer:auto;
 }
 
+.picker .buttons button {
+	float: left;
+	width: 100px;
+	margin-top: 3px;
+}
+
 .picker .okButton{
-    margin-right:25px;
+	margin: 0px 22px 0px 8px; 
+    /*
+margin-right:25px;
     -webkit-box-align: center;
     text-align: center;
     cursor: default;
@@ -206,10 +223,12 @@
     border-radius:10px;
     background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
     cursor:pointer;
+*/
 }
 
 .picker .cancelButton{
-    -webkit-box-align: center;
+    /*
+-webkit-box-align: center;
     text-align: center;
     cursor: default;
     padding: 0px 6px 0px;
@@ -219,6 +238,7 @@
     border-radius:10px;
     background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
     cursor:pointer;
+*/
 }
 
 .picker input[type="button"]:disabled{
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
index bd427f97..20cb0c68 100755
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
@@ -67,8 +67,8 @@
         <div id="right-bottom" class="right-bottom"></div>
     </div>
     <div class="buttons">
-        <input id="cancelButton" type="button" value="CANCEL" class="cancelButton nj-skinned" />
-        <input id="okButton" disabled="true" type="button" value="OK" class="okButton nj-skinned" />
+        <button id="cancelButton" value="CANCEL" class="cancelButton nj-skinned">Cancel</button>
+        <button id="okButton" disabled="true" value="OK" class="okButton nj-skinned">Ok</button>
     </div>
     <div id="filters" class="filters" style="display:block;">
         <div class="dropdown hide"></div>
-- 
cgit v1.2.3


From 68ce64a5a2f4a71b54d33916aaf1d57161302425 Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Tue, 14 Feb 2012 20:48:40 -0800
Subject: Reverting text/html document classes and setting up MVC folder
 structure

Setting up the folder structure for the proposed set up for documents in Ninja. Reverted to have a temp HTML/Text document class. Tweak some UI for file pickers.
---
 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
index 9c85c6b5..796c283f 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -6,7 +6,7 @@
 
 .picker{
     font-size:12px;
-    width:510px;
+    width:523px;
     height:500px;
     padding-top:15px;
     padding-left:15px;
@@ -53,6 +53,7 @@
     height:75%;
     width:auto;
     border-right: none;
+    margin: 8px 0px 0px 8px;
 }
 
 .picker .right-bottom{
-- 
cgit v1.2.3


From 9048cd50bf5e0a418d1d95498bb593961f72db36 Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Wed, 15 Feb 2012 09:51:12 -0800
Subject: Revert "Reverting text/html document classes and setting up MVC
 folder structure"

This reverts commit 68ce64a5a2f4a71b54d33916aaf1d57161302425.

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
index 796c283f..9c85c6b5 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -6,7 +6,7 @@
 
 .picker{
     font-size:12px;
-    width:523px;
+    width:510px;
     height:500px;
     padding-top:15px;
     padding-left:15px;
@@ -53,7 +53,6 @@
     height:75%;
     width:auto;
     border-right: none;
-    margin: 8px 0px 0px 8px;
 }
 
 .picker .right-bottom{
-- 
cgit v1.2.3


From e2b97c951a9a5a0c4ff831d44fdd82177cbd82ad Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Wed, 15 Feb 2012 10:54:14 -0800
Subject: Revert "Revert "Reverting text/html document classes and setting up
 MVC folder structure""

This reverts commit 9048cd50bf5e0a418d1d95498bb593961f72db36.

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
index 9c85c6b5..796c283f 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -6,7 +6,7 @@
 
 .picker{
     font-size:12px;
-    width:510px;
+    width:523px;
     height:500px;
     padding-top:15px;
     padding-left:15px;
@@ -53,6 +53,7 @@
     height:75%;
     width:auto;
     border-right: none;
+    margin: 8px 0px 0px 8px;
 }
 
 .picker .right-bottom{
-- 
cgit v1.2.3


From 4937b39fb0cf542f57cdadc7d1e2ed9798f7ef87 Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Wed, 15 Feb 2012 16:09:14 -0800
Subject: fixes to document tabbing

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
index 6b0d92f7..edc24a2c 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -794,7 +794,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
 
     handleOkButtonAction : {
         value: function(evt){
-                    console.log("$$$ File Picker : selected "+ this.selectedItems.toString());
+                    //console.log("$$$ File Picker : selected "+ this.selectedItems.toString());
                     var success = true;
                     if(!!this.pickerModel.callback && (this.selectedItems.length > 0)){//call the callback if it is available
                         try{
-- 
cgit v1.2.3


From 2e766c9eaa98fa20f311b3eb2f892a1a240e90cf Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Thu, 16 Feb 2012 06:43:33 -0800
Subject: file picker: Enable ok if user double clicks folder and enter it.
 Validate path if user enter it manually in addressbar.

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 .../pickerNavigator.reel/pickerNavigator.js        | 30 ++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
index edc24a2c..411386f9 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
@@ -203,6 +203,13 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                 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];
+                }
             }
 
             this.element.addEventListener("openFolder", function(evt){that.handlePickerNavOpenFolder(evt);}, false);//add icon double click event listener to reload iconList with new set of data
@@ -211,6 +218,7 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
             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);
+            this.addressBarUri.addEventListener("keyup", this, false);
             this.refreshButton.addEventListener("click", this, false);//refresh - gets from file system directly
             this.backArrow.addEventListener("click", this, false);
             this.forwardArrow.addEventListener("click", this, false);
@@ -608,6 +616,13 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
                         this.backArrow.classList.remove("disable");
                     }
 
+                    //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 = [evt.folderUri];
+                    }
+
                 }
     },
 
@@ -720,6 +735,21 @@ var PickerNavigator = exports.PickerNavigator = Montage.create(Component, {
               }
     },
 
+    handleAddressBarUriKeyup:{
+        value: function(evt){
+            //disable ok if user enters an invalid uri
+            if(!this.application.ninja.coreIoApi.isValidUri(this.addressBarUri.value)){
+                //disable OK
+                if(!this.okButton.hasAttribute("disabled")){
+                    this.okButton.setAttribute("disabled", "true");
+                }
+            }else{
+                this.okButton.removeAttribute("disabled");
+                this.selectedItems = [this.addressBarUri.value];
+            }
+        }
+    },
+
     handleRefreshButtonClick:{
         value:function(evt){
                 var uri = this.addressBarUri.value;
-- 
cgit v1.2.3


From a9c369c2e5d8f6fc8d936f7e1e6b84f693226ddf Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Thu, 16 Feb 2012 13:11:48 -0800
Subject: moved file picker in file io

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 .../pickerNavigator.reel/pickerNavigator.css       |  253 -----
 .../pickerNavigator.reel/pickerNavigator.html      |   80 --
 .../pickerNavigator.reel/pickerNavigator.js        | 1072 --------------------
 3 files changed, 1405 deletions(-)
 delete mode 100644 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
 delete mode 100755 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
 delete mode 100644 js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js

(limited to 'js/components/ui/FilePicker/pickerNavigator.reel')

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
deleted file mode 100644
index 796c283f..00000000
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ /dev/null
@@ -1,253 +0,0 @@
-/* <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> */
-
-.picker{
-    font-size:12px;
-    width:523px;
-    height:500px;
-    padding-top:15px;
-    padding-left:15px;
-    padding-bottom:15px;
-    color:#ffffff;
-    background-color:#494949;
-    font-family: 'Droid Sans', sans-serif;
-    border-radius: 8px;
-	box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
-	text-shadow: 1px 1px 1px #000;
-}
-
-.picker .pickerHeader{
-    margin-bottom: 10px;
-}
-
-.picker .container{
-    border: 1px solid #000000;
-    overflow: auto;
-    background-color:#5f5f5f;
-}
-
-.picker .left-nav{
-    float:left;
-    width:20%;
-    height:86%;
-    padding-top: 10px;
-    overflow-x:hidden;
-    overflow-y:auto
-}
-
-.picker .right-nav{
-    float:left;
-    width:75%;
-    height:88%;
-    overflow: hidden;
-    border-left: none;
-}
-
-.picker .right-top{
-    border-right: 1px solid #000000;
-    overflow: auto;
-    min-height:150px;
-    height:75%;
-    width:auto;
-    border-right: none;
-    margin: 8px 0px 0px 8px;
-}
-
-.picker .right-bottom{
-    border: 1px solid #000000;
-    border-left: none;
-    overflow: auto;
-    height:20%;
-    padding: 10px;
-    border-bottom: none;
-    border-right: none;
-}
-
-.picker .driversList{
-    padding: 3px;
-    text-align: center;
-}
-
-.picker .driversList:hover{
-    cursor:pointer;
-    background-color: #444444;
-}
-
-.picker .highlighted{
-    background-color: #343434;
-}
-
-
-.picker .buttons{
-    float:right;
-    margin-top: 7px;
-}
-
-.picker .historyArrows{
-    width:20px;
-    display:inline;
-    border-radius: 5px;
-    border: 1px solid #d1d1d1;
-}
-
-.picker .historyArrows span{
-    font-size: 0.7em;
-    cursor: pointer;
-}
-
-.picker .addressbar{
-    display:inline;
-    margin-left: 2px;
-    border-radius: 5px;
-    border: 1px solid #d1d1d1;
-    padding: 3px;
-    position:relative;
-}
-
-.picker .addressbar input{
-    width:320px;
-}
-
-.picker .dropdownArrow{
-    font-size: 0.7em;
-    cursor: pointer;
-}
-
-.picker .dropdown{
-    position:absolute;
-    z-index:10000;
-    border: 1px solid #d1d1d1;
-    background-color: #444;
-    opacity:0.9;
-}
-
-.picker .dropdown div{
-    padding: 3px;
-}
-
-.picker .dropdown div:hover{
-    cursor: pointer;
-    background-color: #343434;
-}
-
-.picker .addressbar .dropdown{
-    width:331px;
-    min-height:50px;
-}
-
-.picker .go{
-    margin-left: 5px;
-    cursor: pointer;
-}
-
-.picker .viewSwitcher{
-    display:inline;
-    margin-left: 30px;
-}
-
-.picker .viewSwitcher span{
-    margin-left: 5px;
-    border-radius: 5px;
-    border: 1px solid #d1d1d1;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.picker .reload{
-    position:relative;
-    margin-left: 15px;
-    top:4px;
-    cursor: pointer;
-}
-
-.picker .filters{
-    display:inline;
-    float:left;
-    margin-left: 12px;
-    margin-top: 7px;
-    border-radius: 5px;
-    border: 1px solid #d1d1d1;
-    padding: 3px;
-    /*width:150px;*/
-    position:relative;
-    max-width: 65%;
-}
-
-.picker .filters .dropdown{
-    min-height:25px;
-    /*width:154px;*/
-    bottom:21px;
-    left:-1px;
-    white-space: nowrap;
-}
-
-.picker .filterVal{
-    width:120px;
-    margin-left: 5px;
-    background-color: #444;
-}
-
-.picker .disable{
-    color:#5f5f5f;
-    cursor:auto;
-}
-
-.picker .hide{
-    display: none;
-}
-
-.picker .viewSelected{
-    background-color:#6f6f6f;
-    pointer:auto;
-}
-
-.picker .buttons button {
-	float: left;
-	width: 100px;
-	margin-top: 3px;
-}
-
-.picker .okButton{
-	margin: 0px 22px 0px 8px; 
-    /*
-margin-right:25px;
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
-*/
-}
-
-.picker .cancelButton{
-    /*
--webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
-*/
-}
-
-.picker input[type="button"]:disabled{
-    background-color: #a1a1a1;
-    border:2px solid #a1a1a1;
-    background-image:none;
-    cursor:auto;
-}
-
-
-
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
deleted file mode 100755
index 20cb0c68..00000000
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<!DOCTYPE HTML>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="pickerNavigator.css">
-    <script type="text/montage-serialization">
-        {
-            "owner":{
-                "module": "js/components/ui/FilePicker/pickerNavigator.reel",
-                "name":"PickerNavigator",
-                "properties":{
-                    "element": {"#": "picker"},
-                    "filterVal" : {"#": "filterVal"},
-                    "error": {"#": "error"},
-                    "addressBarUri": {"#": "addressbarUri"},
-                    "forwardArrow": {"#": "forwardArrow"},
-                    "backArrow": {"#": "backArrow"},
-                    "leftNav": {"#": "left-nav"},
-                    "iconViewContainer": {"#": "iconViewContainer"},
-                    "iconView": {"#": "iconView"},
-                    "treeView": {"#": "treeView"},
-                    "treeViewContainer": {"#": "treeViewContainer"},
-                    "okButton": {"#": "okButton"},
-                    "metadataSection": {"#": "right-bottom"},
-                    "filters": {"#": "filters"},
-                    "refreshButton": {"#": "reload"},
-                    "cancelButton": {"#": "cancelButton"},
-                    "resultsArea": {"#" : "right-top"}
-                }
-            }
-
-        }
-    </script>
-
-</head>
-<body>
-<div id="picker" class="picker" style="visibility:hidden;">
-    <div><span id="error" class="error"></span></div>
-    <div class="pickerHeader">
-        <div class="historyArrows">
-            <span id="backArrow" class="backArrow disable">&#9664</span>
-            <span id="forwardArrow" class="forwardArrow disable">&#9654</span>
-        </div>
-        <img id="reload" alt="refresh" title="refresh" width="25px" height="15px" class="reload" src="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%24%00%00%00%16%08%06%00%00%00%A8%B2%3E%3E%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%18tEXtSoftware%00Paint.NET%20v3.30%40%84G%10%00%00%03%96IDATHK%B5%96%CBK%5BA%14%C6%13Z%84%D2B%A1%AB%82%FF%82%60%E2%2B%BAs%A1%18_%88%22f%25n*%0A%25%8A%BAiEQD%11%C4%85%DA%85%8AK%05)U%0C%8A%18%15%8A%82n%8C%8F%12%04A%17%09%D1Z%C4%92%14%91P%2Cr%3A%BF%A1%09%86%C6%DCK%AD%81%8Fsg%CE%99%EF%FBr%E7q%C7j%B9%E7W%5E%5E%FEJ%A5%5CV%AB%D5%A9b%BA%8A6%15%9F%A8%A8G%C4%E2%7D%E3ED%A7%FE%C4%5B%15%BF%A8%E6W%15%BD*~%5C%5E%5E%0E%DF76%A1%BF%B4%B4%F4YYY%D9%BB%CA%CA%CA%1F%FD%FD%FD%B2%B1%B1!'''r%7B%0B%E7%BF%FD%18%0B%07%5Cp%C2%8D%06Z)M%A9%82%D7%AAp%A7%B1%B1Q%8E%8E%8E%B4%89%C7%00%DCh%A0%85fRSN%A73%5D%15%84%26%26%26%E4%FA%FAZnnn%1E%15h%A0%85%26%DA%09%A6JJJ%D2T%C27%3B%3B%2B%D1h%F4%BFall%CC%90%0BM%B4%F1%107%A5%1C%BE%EF%EB%EB%93%AB%AB%2B%D3888%90%D6%D6V)**%92%CC%CCL%1Di%D3%0F%CF%E8%E8%A8%D8l6S%7Ch%E3A%1BR%CE%5E%B2%C8%98%D7p8l%88%8B%8B%0B-%96%93%93%23%D9%D9%D9%92%9B%9B%2Byyy%3A%C6%DA%CD%CD%CD%FA%99%1A3%9Ch%E3%01%2F%16%F5%E0%EE%ED%ED%15%84%CC%A0%BB%BB%5B%B2%B2%B2%C4%E1p%C8%D0%D0%90%EC%EE%EEJ%24%12%D1%916%FD%98%8BE3%9C%D4%E0%01%2F%96%9A%9A%9A%CF%F3%F3%F3rvvf%88%D5%D5Um%26%3F%3F_oa%88%CE%CF%CF%F58%E2%C8%C8%886B%BE%A0%A0%40%1B3%C3K%0D%1E%F0%C2%1B%FA%EE%F3%F9%24%10%08%18%A2%A5%A5EO%C3%F0%F0%B0%84B%A1%84%FA%C1%C1A%3DM1C%98%A2%D6%0C%2F5x%C0%0Bk%E8%17sx%7C%7Cl%88%E2%E2b%FD%AFwvv%12j%07%06%06%C4n%B7%EB%1CFb%C0%90%19%5Ej%F0%80%17%8B%DAr%3F%F7%F6%F6%E4%F0%F0%D0%10%2C%5ED%FC~%7FB-%A7%F0%E9%E9iR%98%E1%A5%06%0Fx%B1TWW%7F%5B%5B%5B%D3%DB%D5%08%BC!%0C%99%AD7%E2%BB%9B%87%13%2F%96%FA%FAz%DF%D4%D4%94%9E%06%23%B0%86X'%3D%3D%3D)k%C7%C7%C7%85%0D%60%C4w7%8F%07%BCX%3A%3B%3B%3F%B4%B7%B7%CB%F6%F6%B6!%E6%E6%E6%E2g%CD%F4%F4t%D2%FA%99%99%19%BD%13YO%FCk3%BC%D4%E0%01%2F%16u~8***%A2%1E%8FGo%E5T%60%60GG%87%5E%C0%9C%CE%9C%CC%18%60%0C%916%FD%9C%D0mmm%B2%B9%B9i%C8%C9X%B4%F1%80%17%EE%2Bi%5D%5D%5D%9F%DCn%B7%AC%AF%AF%1B%02S%1Cb%AC%25%C4322%E2%A0M%3Fy%EA%CC%F0Q%836%1E%F0%A2%3F%1F%C1%60%D0QWW%17%E4%AE%B2%B2%B2%92%12%5E%AFW%B6%B6%B6dqqQ_!%0A%0B%0B%F5%1B%23%D2%A6%9F%3CuF%5C%E4%D1D%1B%0F%F1%8F%ABr%F6Tm%BB7UUU%115%8F%FA%15.--%A5%04%82%BC%05%0E%B4%FD%FD%7D%1Di%D3o4%96%3C%1Ah%A1%896%1E%12%AE%20%AA%E3%B9%9A%C3%16%97%CB%15P%8EerrR%16%16%16%1E%05p%A3%81%16%9Ah'%BD%A4%A9%C4%8B%CB%CB%CB%3A%F5%01%F5%A8C*%DA%D4%D4%A4%3F%98lcv%D8C%00%07%5Cp%C2%8D%06Zh%A6%BC%C6%F2%EA%14%ECjN%DF%AA%EF%D3lCC%83%BF%B6%B66%C4%A1%F8%10%C0%01%17%9Cp%A3%F1%D74)g%BF%01%E1'%8B%DA%0F%0A%90%D8%00%00%00%00IEND%AEB%60%82" />
-        <div class="addressbar">
-            <input id="addressbarUri" class="nj-skinned addressbarUri" type="search" value="" />
-            <!--<span id="go" class="go">&#9992</span>-->
-            <span class="dropdownArrow">&#9660</span>
-            <div class="dropdown hide"></div>
-        </div>
-        <div class="viewSwitcher">
-            <span id="iconView" class="iconView" title="icon view">&#164</span>
-            <span id="treeView" class="treeView" title="tree view">&#165</span>
-        </div>
-    </div>
-    <div id="left-nav" class="container left-nav"></div>
-    <div class="container right-nav">
-        <div id="right-top" class="right-top">
-            <div id="iconViewContainer" class="iconViewContainer" style="display:block;"></div>
-            <div id="treeViewContainer" class="treeViewContainer" style="display:none;"></div>
-        </div>
-        <div id="right-bottom" class="right-bottom"></div>
-    </div>
-    <div class="buttons">
-        <button id="cancelButton" value="CANCEL" class="cancelButton nj-skinned">Cancel</button>
-        <button id="okButton" disabled="true" value="OK" class="okButton nj-skinned">Ok</button>
-    </div>
-    <div id="filters" class="filters" style="display:block;">
-        <div class="dropdown hide"></div>
-        <span class="dropdownArrow">&#9660</span>
-        <span id="filterVal" class="filterVal">*.*</span>
-    </div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
deleted file mode 100644
index 411386f9..00000000
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.js
+++ /dev/null
@@ -1,1072 +0,0 @@
-/* <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];
-                }
-            }
-
-            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){tha