Merge branch 'refs/heads/master' into CSSPanelUpdates

1 files changed, 494 insertions, 0 deletions

diff --git a/js/io/ui/file-picker/file-picker-controller.js b/js/io/ui/file-picker/file-picker-controller.js
new file mode 100755
index 00000000..129bebad
--- /dev/null
+++ b/js/io/ui/file-picker/file-picker-controller.js
@@ -0,0 +1,494 @@
+/* <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,
+    pickerNavigatorReel = require("js/io/ui/file-picker/picker-navigator.reel").PickerNavigator,
+    filePickerModelModule = require("js/io/ui/file-picker/file-picker-model"),
+    Popup = require("montage/ui/popup/popup.reel").Popup;
+
+//singleton with functions to create a new file picker instance and utilities to format or filter the model data
+var FilePickerController = exports.FilePickerController = Montage.create(require("montage/ui/component").Component, {
+    /**
+     * Register a listener for file open event
+     */
+    deserializedFromTemplate:{
+        writable:false,
+        enumerable:true,
+        value:function(){
+            var that = this;
+
+            this.eventManager.addEventListener("openFilePicker", function(evt){
+                var settings;
+                if(typeof evt._event.settings !== "undefined"){
+                    settings = evt._event.settings;
+                }
+                that.showFilePicker(settings);
+            }, false);
+
+        }
+    },
+
+    filePickerPopupType:{
+        writable: true,
+        enumerable: false,
+        value: "filePicker"
+    },
+
+    /**
+     *this function is used to create an instance of a file picker
+     *
+     * parameters:
+     * settings is an object containing :
+     *      callback [optional]: the call back function which will be used to send the selected URIs back. If undefined then an event is fired with the selected uri
+     *      callbackScope : required if callback is set
+     *      pickerMode [optional]: ["read", "write"] : specifies if the file picker is opened to read a file/folder or to save a file
+     *      currentFilter [optional]: if a current filter needs to be applied [ex: .psd]
+     *      allFileFilters [optional]: list of filters that user can use to filter the view
+     *      inFileMode [optional]: true => allow file selection , false => allow directory selection
+     *      allowNewFileCreation [optional]:  flag to specify whether or not it should return URI(s) to item(s) that do not exist. i.e. a user can type a filename to a new file that doesn't yet exist in the file system.
+     *      allowMultipleSelections [optional]: allowMultipleSelections
+     *      pickerName: name for montage custom popup
+     *
+     * return: none
+     */
+
+    showFilePicker:{
+        writable:false,
+        enumerable:true,
+        value:function(settings){
+            var callback, callbackScope, pickerMode, currentFilter, allFileFilters, inFileMode, allowNewFileCreation, allowMultipleSelections, pickerName;
+            if(!!settings){
+                if(typeof settings.callback !== "undefined"){callback = settings.callback;}
+                if(typeof settings.pickerMode !== "undefined"){pickerMode = settings.pickerMode;}
+                if(typeof settings.currentFilter !== "undefined"){currentFilter = settings.currentFilter;}
+                if(typeof settings.allFileFilters !== "undefined"){allFileFilters = settings.allFileFilters;}
+                if(typeof settings.inFileMode !== "undefined"){inFileMode = settings.inFileMode;}
+                if(typeof settings.allowNewFileCreation !== "undefined"){allowNewFileCreation = settings.allowNewFileCreation;}
+                if(typeof settings.allowMultipleSelections !== "undefined"){allowMultipleSelections = settings.allowMultipleSelections;}
+                if(typeof settings.pickerName !== "undefined"){this.filePickerPopupType = settings.pickerName;}
+            }
+
+            if(settings.pickerName === "saveAsDirectoryPicker"){//need to set the picker mode in a better way
+                pickerMode = "write";
+            }else{
+                pickerMode = "read";
+            }
+
+            var aModel = filePickerModelModule.FilePickerModel.create();
+
+            var topLevelDirectories = null;
+            var driveData = this.application.ninja.coreIoApi.getDirectoryContents({uri:"", recursive:false, returnType:"all"});
+            if(driveData.success){
+                topLevelDirectories = (JSON.parse(driveData.content)).children;
+            }else{
+                var errorCause = "";
+                if(driveData.status === null){
+                    errorCause = "Service Unavailable"
+                }else{
+                    errorCause = driveData.status;
+                }
+                aModel.fatalError = " ** Unable to get files [Error: "+ errorCause +"]";
+            }
+
+            //dummy data - TODO:remove after testing
+            //aModel.currentFilter = "*.html, *.png";
+            //aModel.currentFilter = "*.jpg";
+            aModel.currentFilter = "*.*";
+            aModel.inFileMode = true;
+            aModel.fileFilters = [".html, .htm", ".jpg, .jpeg, .png, .gif", ".js, .json", ".css", ".txt, .rtf", ".doc, .docx", ".pdf", ".avi, .mov, .mpeg, .ogg, .webm", "*.*"];
+            //-end - dummy data
+
+            if(!!currentFilter){aModel.currentFilter = currentFilter;}
+            if(typeof inFileMode !== "undefined"){aModel.inFileMode = inFileMode;}
+
+            aModel.topLevelDirectories = topLevelDirectories;
+
+            if(!!topLevelDirectories && !!topLevelDirectories[0]){
+                aModel.currentRoot = topLevelDirectories[0].uri;
+            }
+
+            //populate the last opened folder first, if none then populate default root
+            var storedUri = null;
+            var sessionStorage = window.sessionStorage;
+            try{
+                if(pickerMode === "write"){
+                    storedUri = sessionStorage.getItem("lastSavedFolderURI");
+                }else if(inFileMode === true){
+                    storedUri = sessionStorage.getItem("lastOpenedFolderURI_fileSelection");
+                }else if(inFileMode === false){
+                    storedUri = sessionStorage.getItem("lastOpenedFolderURI_folderSelection");
+                }
+            }catch(e){
+                if(e.code == 22){
+                    sessionStorage.clear();
+                }
+            }
+
+            if(!!storedUri){
+                aModel.currentRoot = unescape(storedUri);
+            }
+
+            if(!!allFileFilters){aModel.fileFilters = allFileFilters;}
+            if(!!callback){aModel.callback = callback;}
+            if(!!callbackScope){aModel.callbackScope = callbackScope;}
+            if(typeof pickerMode !== "undefined"){aModel.pickerMode = pickerMode;}
+
+
+
+            //logic: get file content data onDemand from the REST api for the default or last opened root. Cache the data in page [in local cache ? dirty fs? ]. Filter on client side to reduce network calls.
+            this.openFilePickerAsModal(callback, aModel);
+
+
+            //to open this on another modal dialog, make it a popup instead above the modal dialog container layer
+
+        }
+    },
+
+    openFilePickerAsModal:{
+          writable:false,
+        enumerable:true,
+        value:function(callback, aModel){
+            //render modal dialog
+            var pickerNavContent = document.createElement("div");
+            pickerNavContent.id = "filePicker";
+
+            pickerNavContent.style.color = "#fff";
+
+            //hack (elements needs to be on DOM to be drawn)
+            document.getElementById('modalContainer').appendChild(pickerNavContent);
+
+            var pickerNavChoices = Montage.create(pickerNavigatorReel);
+            var initUri = aModel.currentRoot;
+
+            //remove extra / at the end
+            if((initUri.length > 1) && (initUri.charAt(initUri.length - 1) === "/")){
+                initUri = initUri.substring(0, (initUri.length - 1));
+            }
+
+            pickerNavChoices.mainContentData = this.prepareContentList(initUri, aModel);
+            pickerNavChoices.pickerModel = aModel;
+            pickerNavChoices.element = pickerNavContent;
+
+            //hack - remove after rendering and add in modal dialog
+            document.getElementById('modalContainer').removeChild(pickerNavContent);
+
+            var popup = Popup.create();
+            popup.content = pickerNavChoices;
+            popup.modal = true;
+            popup.type = this.filePickerPopupType;//should be set always to not default to the single custom popup layer
+            popup.show();
+            pickerNavChoices.popup = popup;//handle to be used for hiding the popup
+        }
+    },
+    openFilePickerAsPopup:{
+          writable:false,
+        enumerable:true,
+        value:function(){}
+    },
+
+    expandDirectory:{
+        writable:false,
+        enumerable:true,
+        value: function(root, currentFilter, inFileMode){
+            //populate children in dom
+        }
+    },
+
+    refreshDirectoryCache:{
+        writable:false,
+        enumerable:true,
+        value:function(directoryUri){
+            if(directoryContentCache[directoryUri] !== null){
+                directoryContentCache[directoryUri] = null; //invalidate the cached content
+                //fetch fresh content
+            }
+        }