mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-14 18:08:21 +01:00
537 lines
11 KiB
JavaScript
537 lines
11 KiB
JavaScript
/**
|
|
* 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',
|
|
/**
|
|
* 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',
|
|
|
|
/**
|
|
* Constructor
|
|
*
|
|
* @memberOf app.filemanager
|
|
*/
|
|
init: function()
|
|
{
|
|
// call parent
|
|
this._super.apply(this, arguments);
|
|
},
|
|
|
|
/**
|
|
* 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;
|
|
},
|
|
|
|
/**
|
|
* Open compose with already attached files
|
|
*
|
|
* @param string|array attachment path(s)
|
|
*/
|
|
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);
|
|
},
|
|
|
|
/**
|
|
* Mail files action: open compose with already attached files
|
|
*
|
|
* @param _action
|
|
* @param _elems
|
|
*/
|
|
mail: function(_action, _elems)
|
|
{
|
|
this.open_mail(this._elems2paths(_elems));
|
|
},
|
|
|
|
/**
|
|
* Check if file would overwrite a file on server
|
|
*
|
|
* @param upload
|
|
* @param path_id
|
|
* @Todo whole upload need to be modified to use server-side callback to move file in place,
|
|
* if it does NOT overwrite anything, or send prompt to override / change filename back to client
|
|
*/
|
|
check_files: function(upload, path_id)
|
|
{
|
|
alert('ToDo ;-)');
|
|
/*var files = [];
|
|
if (upload.files)
|
|
{
|
|
for(var i = 0; i < upload.files.length; ++i)
|
|
{
|
|
files.push(upload.files[i].name || upload.files[i].fileName);
|
|
}
|
|
}
|
|
else if (upload.value)
|
|
{
|
|
files = upload.value;
|
|
}
|
|
var path = document.getElementById(path_id ? path_id : upload.id.replace(/upload\]\[/,"nm][path"));
|
|
|
|
xajax_doXMLHTTP("filemanager_ui::ajax_check_upload_target",upload.id, files, path.value);*/
|
|
},
|
|
|
|
/**
|
|
* Update clickboard tooltips in buttons
|
|
*/
|
|
clipboard_tooltips: function()
|
|
{
|
|
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"));
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Clip files into clipboard
|
|
*
|
|
* @param _action
|
|
* @param _elems
|
|
*/
|
|
clipboard: function(_action, _elems)
|
|
{
|
|
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
|
|
}
|
|
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;
|
|
}
|
|
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)
|
|
{
|
|
if (typeof _action.data.confirm == 'undefined'|| confirm(_action.data.confirm))
|
|
{
|
|
this._do_action(_action.id, this._elems2paths(_elems));
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 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);
|
|
},
|
|
|
|
/**
|
|
* 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";
|
|
},
|
|
|
|
/**
|
|
* 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());
|
|
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);
|
|
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);
|
|
//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;
|
|
},
|
|
|
|
/**
|
|
* 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[]'];
|
|
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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}); |