egroupware/filemanager/js/app.js

596 lines
13 KiB
JavaScript
Raw Normal View History

/**
* EGroupware - Filemanager - Javascript UI
*
* @link http://www.egroupware.org
* @package filemanager
* @author Ralf Becker <RalfBecker-AT-outdoor-training.de>
* @copyright (c) 2008-13 by Ralf Becker <RalfBecker-AT-outdoor-training.de>
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @version $Id$
*/
/**
* UI for filemanager
*
* @augments AppJS
*/
app.filemanager = AppJS.extend(
{
appname: 'filemanager',
2013-04-10 19:11:32 +02:00
/**
* et2 widget container
*/
et2: null,
/**
* path widget
*/
path_widget: null,
/**
* Array of pathes from files in clipboard
*/
clipboard_files: [],
/**
* Are files cut into clipboard - need to be deleted at source on paste
*/
clipboard_is_cut: false,
/**
* Key for storing clipboard in browser localstorage
*/
clipboard_localstore_key: 'filemanager.clipboard',
/**
2013-04-10 19:11:32 +02:00
* Constructor
*
* @memberOf app.filemanager
*/
init: function()
{
2013-04-10 19:11:32 +02:00
// call parent
this._super.apply(this, arguments);
},
2013-04-10 19:11:32 +02:00
/**
* Destructor
*/
destroy: function()
{
delete this.et2;
// call parent
this._super.apply(this, arguments);
},
/**
* This function is called when the etemplate2 object is loaded
* and ready. If you must store a reference to the et2 object,
* make sure to clean it up in destroy().
*
* @param et2 etemplate2 Newly ready object
*/
et2_ready: function(et2)
{
// call parent
this._super.apply(this, arguments);
this.et2 = et2.widgetContainer;
this.path_widget = this.et2.getWidgetById('path');
// get clipboard from browser localstore and update button tooltips
if (typeof window.localStorage != 'undefined' && typeof window.localStorage[this.clipboard_localstore_key] != 'undefined')
{
this.clipboard_files = JSON.parse(window.localStorage[this.clipboard_localstore_key]);
}
this.clipboard_tooltips();
},
/**
* Regexp to convert id to a path, use this.id2path(_id)
*/
remove_prefix: /^filemanager::/,
/**
* Convert id to path (remove "filemanager::" prefix)
*
* @param string _id
* @returns string
*/
id2path: function(_id)
{
return _id.replace(this.remove_prefix, '');
},
/**
* Convert array of elems to array of paths
*
* @param array _elems selected items from actions
* @return array
*/
_elems2paths: function(_elems)
{
var paths = [];
for (var i = 0; i < _elems.length; i++)
{
paths.push(this.id2path(_elems[i].id));
}
return paths;
},
/**
* Get directory of a path
*
* @param string _path
* @returns string
*/
dirname: function(_path)
{
var parts = _path.split('/');
parts.pop();
return parts.join('/') || '/';
},
/**
* Get name of a path
*
* @param string _path
* @returns string
*/
basename: function(_path)
{
return _path.split('/').pop();
},
/**
* Get current working directory
*
* @return string
*/
get_path: function()
{
return this.path_widget ? this.path_widget.get_value() : null;
},
2013-04-10 19:11:32 +02:00
/**
* Open compose with already attached files
*
* @param string|array attachment path(s)
2013-04-10 19:11:32 +02:00
*/
open_mail: function(attachments)
{
if (typeof attachments == 'undefined') attachments = this.clipboard_files;
var params = {};
if (!(attachments instanceof Array)) attachments = [ attachments ];
for(var i=0; i < attachments.length; i++)
{
params['preset[file]['+i+']'] = 'vfs://default'+attachments[i];
}
egw.open('', 'felamimail', 'add', params);
},
2013-04-10 19:11:32 +02:00
/**
* Mail files action: open compose with already attached files
*
* @param _action
* @param _elems
*/
mail: function(_action, _elems)
{
this.open_mail(this._elems2paths(_elems));
},
2013-04-10 19:11:32 +02:00
/**
* Send names of uploaded files (again) to server, to process them: either copy to vfs or ask overwrite/rename
2013-04-10 19:11:32 +02:00
*
* @param _event
* @param _file_count
2013-04-10 19:11:32 +02:00
*/
upload: function(_event, _file_count)
{
if (_file_count)
{
var widget = _event.data;
var request = new egw_json_request('filemanager_ui::ajax_action', ['upload', widget.getValue(), this.get_path()], this);
widget.progress.remove();
widget.set_value('');
request.sendRequest(false, this._upload_callback, this);
}
},
/**
* Callback for server response to upload request:
* - display message and refresh list
* - ask use to confirm overwritting existing files or rename upload
*
* @param object _data values for attributes msg, files, ...
*/
_upload_callback: function(_data)
{
if (_data.msg) window.egw_refresh(_data.msg, this.appname);
var that = this;
for(var file in _data.uploaded)
{
if (_data.uploaded[file].confirm && !_data.uploaded[file].confirmed)
{
var buttons = [
{text: egw.lang("Yes"), id: "overwrite", class: "ui-priority-primary", "default": true},
{text: egw.lang("Rename"), id:"rename"},
{text: egw.lang("Cancel"), id:"cancel"},
];
if (_data.uploaded[file].confirm === "is_dir")
buttons.shift();
var dialog = et2_dialog.show_prompt(function(_button_id, _value) {
var uploaded = {};
uploaded[this.my_data.file] = this.my_data.data;
switch (_button_id)
{
case "overwrite":
uploaded[this.my_data.file].confirmed = true;
// fall through
case "rename":
uploaded[this.my_data.file].name = _value;
delete uploaded[this.my_data.file].confirm;
// send overwrite-confirmation and/or rename request to server
var request = new egw_json_request('filemanager_ui::ajax_action', ['upload', uploaded, this.my_data.path], that);
request.sendRequest(false, that._upload_callback, that);
return;
}
},
_data.uploaded[file].confirm === "is_dir" ?
egw.lang("There's already a directory with that name!") :
egw.lang('Do you want to overwrite existing file <b>%1</b> in directory <b>%2</b>?', _data.uploaded[file].name, _data.path),
egw.lang('File <b>%1</b> already exists', _data.uploaded[file].name),
_data.uploaded[file].name, buttons, file);
// setting required data for callback in as my_data
dialog.my_data = {
file: file,
path: _data.path,
data: _data.uploaded[file]
};
}
}
},
2013-04-10 19:11:32 +02:00
/**
* Update clickboard tooltips in buttons
2013-04-10 19:11:32 +02:00
*/
clipboard_tooltips: function()
{
2013-04-10 19:11:32 +02:00
var paste_buttons = ['button[paste]', 'button[linkpaste]', 'button[mailpaste]'];
for(var i=0; i < paste_buttons.length; ++i)
{
var button = this.et2.getWidgetById(paste_buttons[i]);
if (button) button.set_statustext(this.clipboard_files.join(",\n"));
2013-04-10 19:11:32 +02:00
}
},
2013-04-10 19:11:32 +02:00
/**
* Clip files into clipboard
*
* @param _action
* @param _elems
*/
clipboard: function(_action, _elems)
{
2013-04-10 19:11:32 +02:00
this.clipboard_is_cut = _action.id == "cut";
if (_action.id != "add") this.clipboard_files = [];
this.clipboard_files = this.clipboard_files.concat(this._elems2paths(_elems));
if (_action.id == "add" && this.clipboard_files.length > 1)
{
// ToDo: make sure files are unique
2013-04-10 19:11:32 +02:00
}
this.clipboard_tooltips();
// update localstore with files
if (typeof window.localStorage != 'undefined')
{
window.localStorage[this.clipboard_localstore_key] = JSON.stringify(this.clipboard_files);
}
},
/**
* Paste files into current directory or mail them
*
* @param _type 'paste', 'linkpaste', 'mailpaste'
*/
paste: function(_type)
{
if (this.clipboard_files.length == 0)
{
alert(egw.lang('Clipboard is empty!'));
return;
}
2013-04-10 19:11:32 +02:00
switch(_type)
{
case 'mailpaste':
this.open_mail(this.clipboard_files);
break;
case 'paste':
this._do_action(this.clipboard_is_cut ? 'move' : 'copy', this.clipboard_files);
if (this.clipboard_is_cut)
{
this.clipboard_is_cut = false;
this.clipboard_files = [];
this.clipboard_tooltips();
}
break;
case 'linkpaste':
this._do_action('symlink', this.clipboard_files);
break;
}
},
/**
* Pass action to server
*
* @param _action
* @param _elems
*/
action: function(_action, _elems)
{
var paths = this._elems2paths(_elems);
if (typeof _action.data.confirm != 'undefined')
{
var that = this;
var action_id = _action.id;
et2_dialog.show_dialog(function(button_id,value)
{
if (button_id != et2_dialog.NO_BUTTON)
{
that._do_action(action_id, paths);
}
}, _action.data.confirm, egw.lang('Confirmation required'), et2_dialog.BUTTONS_YES_NO, et2_dialog.QUESTION_MESSAGE);
}
else
{
this._do_action(_action.id, paths);
}
},
/**
* Prompt user for directory to create
*/
createdir: function()
{
var dir = prompt(egw.lang('New directory'));
if (dir)
{
var path = this.get_path();
this._do_action('createdir', dir, true); // true=synchronous request
this.change_dir(path+'/'+dir);
}
},
/**
* Prompt user for directory to create
*/
symlink: function()
{
var target = prompt(egw.lang('Link target'));
if (target)
{
this._do_action('symlink', target);
}
},
/**
* Run a serverside action via an ajax call
*
* @param _type 'move_file', 'copy_file', ...
* @param _selected selected paths
* @param _sync send a synchronous ajax request
* @param _path defaults to current path
*/
_do_action: function(_type, _selected, _sync, _path)
{
if (typeof _path == 'undefined') _path = this.get_path();
var request = new egw_json_request('filemanager_ui::ajax_action', [_type, _selected, _path], this);
request.sendRequest(!_sync, this._do_action_callback, this);
},
/**
* Callback for _do_action ajax call
*
* @param _data
*/
_do_action_callback: function(_data)
{
window.egw_refresh(_data.msg, this.appname);
},
2013-04-10 19:11:32 +02:00
/**
* Force download of a file by appending '?download' to it's download url
*
* @param _action
* @param _senders
*/
force_download: function(_action, _senders)
{
var data = egw.dataGetUIDdata(_senders[0].id);
var url = data ? data.data.download_url : '/webdav.php'+this.id2path(_senders[0].id);
if (url[0] == '/') url = egw.link(url);
window.location = url+"?download";
2013-04-10 19:11:32 +02:00
},
/**
* Change directory
*
* @param _dir directory to change to incl. '..' for one up
*/
change_dir: function(_dir)
{
switch (_dir)
{
case '..':
_dir = this.dirname(this.path_widget.getValue());
2013-04-10 19:11:32 +02:00
break;
case '~':
_dir = this.et2.getWidgetById('nm').options.settings.home_dir;
break;
}
this.path_widget.set_value(_dir);
this.path_widget.change();
},
/**
* Open/active an item
*
* @param _action
* @param _senders
*/
open: function(_action, _senders)
{
var data = egw.dataGetUIDdata(_senders[0].id);
var path = this.id2path(_senders[0].id);
2013-04-10 19:11:32 +02:00
if (data.data.mime == 'httpd/unix-directory')
{
this.change_dir(path);
}
else
{
egw.open(path, 'file');
}
},
/**
* Edit prefs of current directory
*/
editprefs: function()
{
var path = this.path_widget.getValue();
egw().open_link(egw.link('/index.php', {
menuaction: 'filemanager.filemanager_ui.file',
path: path,
}), 'fileprefs', '495x425');
},
/**
* File(s) droped
*
* @param _action
* @param _elems
* @param _target
* @returns
*/
drop: function(_action, _elems, _target)
{
var src = this._elems2paths(_elems);
var dst = this.id2path(_target.id);
2013-04-13 09:19:02 +02:00
//alert(_action.id+': '+src.join(', ')+' --> '+dst);
// check if target is a file --> use it's directory instead
var data = egw.dataGetUIDdata(_target.id);
if (data.data.mime != 'httpd/unix-directory')
{
dst = this.dirname(dst);
}
this._do_action(_action.id == "file_drop_move" ? 'move' : 'copy', src, false, dst);
},
/**
* Get drag helper, called on drag start
*
* @param _action
* @param _elems
* @return some dome objects
*/
drag: function(_action, _elems)
{
var icons = [];
for (var i = 0; i < _elems.length; i++)
{
var data = egw.dataGetUIDdata(_elems[i].id);
var src = egw.mime_icon(data.data.mime, data.data.path);
if (_elems[i].getFocused())
{
icons.unshift(src);
}
else
{
icons.push(src);
}
}
// Only take a maximum of 10 icons
var maxCnt = 10;
var div = $j(document.createElement("div"));
var lastIcon = "";
var idx = 0;
for (var i = 0; i < icons.length; i++)
{
if (icons[i] != lastIcon)
{
lastIcon = icons[i];
// Create a stack of images
var img = $j(document.createElement('img'));
img.css({
position: 'absolute',
'z-index': 10000-i,
top: idx*5,
left: idx*5,
opacity: (maxCnt - idx) / maxCnt
});
img.attr('src', icons[i]);
div.append(img);
idx++;
if (idx == maxCnt)
{
break;
}
}
}
var text = $j(document.createElement('div')).css({left: '30px', position: 'absolute'});
// add filename or number of files for multiple files
text.text(_elems.length > 1 ? _elems.length+' '+egw.lang('files') : this.basename(_elems[0].id));
div.append(text);
return div;
2013-04-12 19:57:12 +02:00
},
/**
* Change readonly state for given directory
*
* I get call/transported with each get_rows call, but should only by applied to UI if matching curent dir
*
* @param _path
* @param _ro
*/
set_readonly: function(_path, _ro)
{
//alert('set_readonly("'+_path+'", '+_ro+')');
var path = this.path_widget.getValue();
if (_path == path)
{
var ids = ['button[linkpaste]', 'button[paste]', 'button[createdir]', 'button[symlink]', 'upload'];
2013-04-12 19:57:12 +02:00
for(var i=0; i < ids.length; ++i)
{
var widget = this.et2.getWidgetById(ids[i]);
if (widget)
{
if (widget._type == 'button' || widget._type == 'buttononly')
{
widget.set_readonly(_ro);
}
else
{
widget.set_disabled(_ro);
}
}
}
}
}
2013-04-23 01:00:29 +02:00
});