/* <copyright>
Copyright (c) 2012, Motorola Mobility LLC.
All Rights Reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice,
this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
* Neither the name of Motorola Mobility LLC nor the names of its
contributors may be used to endorse or promote products derived from this
software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
</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(){
this.eventManager.addEventListener("openFilePicker", this, false);
}
},
pickerNavChoices:{
enumerable: true,
value: null
},
filePickerPopupType:{
enumerable: false,
value: "filePicker"
},
handleOpenFilePicker: {
value: function(evt) {
this.showFilePicker(evt.detail);
}
},
/**
*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 = aModel.currentLogicalDrive = 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 = decodeURI(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){
var pickerNavChoices = this.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;
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
}
}
},
/**
* queries the cache to build contents array. If not found queries the file system
*
* parameters:
* folderUri
* aModel: model instance per picker instance, containing
*/
prepareContentList:{
writable: false,
enumerable:true,
value:function(folderUri, aModel, fromCache, checkStaleness){
var contentList = [],
childrenArray = [];
var folderContent = null;
// query filesystem and populate cache
if(((typeof fromCache !== "undefined") && (fromCache === false))
|| !this._directoryContentCache[folderUri]
|| !this._directoryContentCache[folderUri].children){
//get data using IO api
try{
var iodata = this.application.ninja.coreIoApi.getDirectoryContents({uri:folderUri, recursive:false, returnType:"all"});
//console.log("IO:getDirectoryContents:Response:\n"+"uri="+folderUri+"\n status="+iodata.status+"\n content= "+iodata.content);
if(iodata.success && (iodata.status === 200) && (iodata.content !== null)){
folderContent = JSON.parse(iodata.content);
}
}catch(e){
console.error("Error to IO uri: "+folderUri+"\n"+e.message);
}
if(!!folderContent){
//contentList = folderContent.children;//need to apply filters and mode
this.cacheContentForRandomAccess(folderUri, folderContent);
}
}
//now from cache - apply filters and mode
if((!!this._directoryContentCache[folderUri])
&& (this._directoryContentCache[folderUri].type === "directory")
&& (typeof this._directoryContentCache[folderUri].children !== "undefined")
&& (this._directoryContentCache[folderUri].children !== null)){
//console.log("$$$ this._directoryContentCache");
//console.log(this._directoryContentCache);
//check for directory staleness.... if stale query filesystem
if((typeof checkStaleness === "undefined") || (checkStaleness === true)){
this.checkIfStale(folderUri);
}
childrenArray = this._directoryContentCache[folderUri].children;
//prepare content array for folder uri
childrenArray.forEach(function(item){
if(this._directoryContentCache[item]){
//apply mode and filtering here
if(aModel.inFileMode){// if in file selection mode, do filtering
if((this._directoryContentCache[item].type === "directory") || !aModel.currentFilter){//no filetering
contentList.push(this._directoryContentCache[item]);
}
else if(aModel.currentFilter){
if(this.applyFilter(this._directoryContentCache[item].name, aModel.currentFilter)){
contentList.push(this._directoryContentCache[item]);
}
}
}else{// if in folder selection mode
if(this._directoryContentCache[item].type === "directory"){
contentList.push(this._directoryContentCache[item]);
}
}
}
}, this);
}
else if((typeof this._directoryContentCache[folderUri] !== 'undefined') && (this._directoryContentCache[folderUri].type === "file")){//if the uri is for a file
//check for directory staleness.... if stale query filesystem
if((typeof checkStaleness === "undefined") || (checkStaleness === true)){
this.checkIfStale(folderUri);
}
contentList.push(this._directoryContentCache[folderUri]);
}
//end - from cache
return contentList;
}
},
/**
* populates/updates cache for a uri
*/
cacheContentForRandomAccess:{
writable:false,
enumerable:true,
value: function(directoryUri, directoryContents){
var that = this;
//assumption: directoryContents will have only its direct files and subfolders
//uri is the unique identifier
//check if the directoryUri exists in cache
//if not add uri content object, prepare children's uri array,then add/update objects for children
if(!this._directoryContentCache[directoryUri]){//uri not in cache... so add it
//add uri content object
this._directoryContentCache[directoryUri] = {"type":directoryContents.type,"name":directoryContents.name,"uri":directoryUri};
if(!!directoryContents.size){
this._directoryContentCache[directoryUri].size = directoryContents.size;
}
if(!!directoryContents.creationDate){
this._directoryContentCache[directoryUri].creationDate = directoryContents.creationDate;
}
if(!!directoryContents.modifiedDate){
this._directoryContentCache[directoryUri].modifiedDate = directoryContents.modifiedDate;
}
//store the current queried time for refreshing cache logic
this._directoryContentCache[directoryUri].queriedTimeStamp = (new Date()).getTime();
if(!!directoryContents.children && directoryContents.children.length > 0){
this._directoryContentCache[directoryUri].children = [];
//add the uri to this._directoryContentCache[directoryUri].children, and add the child's description objects
directoryContents.children.forEach(function(obj){
//add uri to parent's children list
that._directoryContentCache[directoryUri].children.push(obj.uri);
//add the child object
that._directoryContentCache[obj.uri] = obj;
//store the current queried time for refreshing cache logic
that._directoryContentCache[obj.uri].queriedTimeStamp = (new Date()).getTime();
} ,this);
}
}else{//uri in cache... so update it AND its children
this._directoryContentCache[directoryUri].type = directoryContents.type;
this._directoryContentCache[directoryUri].name = directoryContents.name;
if(!!directoryContents.size){
this._directoryContentCache[directoryUri].size = directoryContents.size;
}
if(!!directoryContents.creationDate){
this._directoryContentCache[directoryUri].creationDate = directoryContents.creationDate;
}
if(!!directoryContents.modifiedDate){
this._directoryContentCache[directoryUri].modifiedDate = directoryContents.modifiedDate;
}
//store the current queried time for refreshing cache logic
this._directoryContentCache[directoryUri].queriedTimeStamp = (new Date()).getTime();
if(!!directoryContents.children && directoryContents.children.length > 0){
// logic to clear off objects from cache if they no longer exist in the filesystem
//better logic - use isUpdatedFlag for a folder .. then compare modified date
//hack for now - clear up the old children and add new ones
var tempArr = this._directoryContentCache[directoryUri].children;
if( !!tempArr && Array.isArray(tempArr) && tempArr.length>0){
tempArr.forEach(function(uriString){
if(!!that._directoryContentCache[uriString]){
delete that._directoryContentCache[uriString];
}
});
}
this._directoryContentCache[directoryUri].children = [];
//add the uri to this._directoryContentCache[directoryUri].children, and add the child's description objects
directoryContents.children.forEach(function(obj){
//add uri to parent's children list
that._directoryContentCache[directoryUri].children.push(obj.uri);
//add the child object
that._directoryContentCache[obj.uri] = obj;
//store the current queried time for refreshing cache logic
that._directoryContentCache[obj.uri].queriedTimeStamp = (new Date()).getTime();
} ,this);
}else{
this._directoryContentCache[directoryUri].children = [];
}
}
//console.log("$$$ "+directoryUri+" modifiedDate = "+this._directoryContentCache[directoryUri].modifiedDate);
//console.log("$$$ "+directoryUri+" queriedTimeStamp = "+this._directoryContentCache[directoryUri].queriedTimeStamp);
}
},
applyFilter:{
writable: false,
enumerable:true,
value:function(fileName , filters){
if(filters.indexOf("*.*") !== -1){return true;}
//console.log(""+fileName);
var filtersArr = filters.split(",");
var passed = false;
for(var i=0; i< filtersArr.length; i++){
filtersArr[i] = filtersArr[i].trim();
//console.log(filtersArr[i]);
var fileType = filtersArr[i].substring(filtersArr[i].indexOf(".") );
//console.log(""+fileType);
//ignore uppercase
fileName = fileName.toLowerCase();
fileType = fileType.toLowerCase();
if(fileName.indexOf(fileType, fileName.length - fileType.length) !== -1){//ends with file type
passed = true;
break;
}
}
return passed;
}
},
/**
* Stale Time (ms) for each resource
* Logic: the last queried time for a resource is compared to stale time. If stale, then file system is queried
*/
cacheStaleTime:{
writable: false,
enumerable: false,
value: 5000
},
checkIfStale: {
writable: false,
enumerable: true,
value: function(folderUri){
var wasStale = false;
var folderContent = null;
//check for directory staleness.... if stale query filesystem
if((new Date()).getTime() > (this._directoryContentCache[folderUri].queriedTimeStamp + this.cacheStaleTime)){
try{
var ifModifiedResponse = this.application.ninja.coreIoApi.isDirectoryModified({uri:folderUri, recursive:false, returnType:"all"}, this._directoryContentCache[folderUri].queriedTimeStamp);
//console.log("ifModifiedResponse");
//console.log(ifModifiedResponse);
}catch(e){
console.error("Error to IO uri with isDirectoryModified: "+folderUri+"\n"+e.message);
}
if(ifModifiedResponse && ifModifiedResponse.status === 304){
//do nothing since the uri has not changed
}else if(ifModifiedResponse && (ifModifiedResponse.status === 200)){
wasStale = true;
//uri has changed. so update cache
try{
var iodata = this.application.ninja.coreIoApi.getDirectoryContents({uri:folderUri, recursive:false, returnType:"all"});
//console.log("IO:getDirectoryContents:Response:\n"+"uri="+folderUri+"\n status="+iodata.status+"\n content= "+iodata.content);
if(iodata.success && (iodata.status === 200) && (iodata.content !== null)){
folderContent = JSON.parse(iodata.content);
}
}catch(e){
console.error("Error to IO uri: "+folderUri+"\n"+e.message);
}
if(!!folderContent){
this.cacheContentForRandomAccess(folderUri, folderContent);
}
}
}
return wasStale;
}
},
/**
* This will store the directory content per session
* check session storage for this
*/
_directoryContentCache:{
writable:true,
enumerable:false,
value:{}
},
clearCache:{
writable:false,
enumerable: true,
value: function(){
this._directoryContentCache = {};
}
}
});