"use strict"; /** * EGroupware - Filemanager - Javascript UI * * @link http://www.egroupware.org * @package filemanager * @author Ralf Becker * @copyright (c) 2008-19 by Ralf Becker * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License */ var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); Object.defineProperty(exports, "__esModule", { value: true }); /*egw:uses /api/js/jsapi/egw_app.js; */ var egw_app_1 = require("../../api/js/jsapi/egw_app"); /** * UI for filemanager */ var filemanagerAPP = /** @class */ (function (_super) { __extends(filemanagerAPP, _super); /** * Constructor * * @memberOf app.filemanager */ function filemanagerAPP() { var _this = // call parent _super.call(this, 'filemanager') || this; /** * path widget, by template */ _this.path_widget = {}; /** * Are files cut into clipboard - need to be deleted at source on paste */ _this.clipboard_is_cut = false; /** * Regexp to convert id to a path, use this.id2path(_id) */ _this.remove_prefix = /^filemanager::/; // Loading filemanager in its tab and home causes us problems with // unwanted destruction, so we check for already existing path widgets var lists = etemplate2.getByApplication('home'); for (var i = 0; i < lists.length; i++) { if (lists[i].app == 'filemanager' && lists[i].widgetContainer.getWidgetById('path')) { _this.path_widget[lists[i].uniqueId] = lists[i].widgetContainer.getWidgetById('path'); } } return _this; } /** * Destructor */ filemanagerAPP.prototype.destroy = function (_app) { delete this.et2; // call parent _super.prototype.destroy.call(this, _app); }; /** * 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 * @param {string} name template name */ filemanagerAPP.prototype.et2_ready = function (et2, name) { // call parent _super.prototype.et2_ready.call(this, et2, name); var path_widget = this.et2.getWidgetById('path'); if (path_widget) // do NOT set not found path-widgets, as uploads works on first one only! { this.path_widget[et2.DOMContainer.id] = path_widget; // Bind to removal to remove from list jQuery(et2.DOMContainer).on('clear', function (e) { if (app.filemanager && app.filemanager.path_widget) delete app.filemanager.path_widget[e.target.id]; }); } if (this.et2.getWidgetById('nm')) { // Legacy JS only supports 2 arguments (event and widget), so set // to the actual function here this.et2.getWidgetById('nm').set_onfiledrop(jQuery.proxy(this.filedrop, this)); } // get clipboard from browser localstore and update button tooltips this.clipboard_tooltips(); // calling set_readonly for initial path if (this.et2.getArrayMgr('content').getEntry('initial_path_readonly')) { this.readonly = [this.et2.getArrayMgr('content').getEntry('nm[path]'), true]; } if (typeof this.readonly != 'undefined') { this.set_readonly.apply(this, this.readonly); delete this.readonly; } if (name == 'filemanager.index') { var fe = egw.link_get_registry('filemanager-editor'); var new_widget = this.et2.getWidgetById('new'); if (fe && fe["edit"]) { var new_options = this.et2.getArrayMgr('sel_options').getEntry('new'); new_widget.set_select_options(new_options); } else if (new_widget) { new_widget.set_disabled(true); } } }; /** * Set the application's state to the given state. * * Extended from parent to also handle view * * * @param {{name: string, state: object}|string} state Object (or JSON string) for a state. * Only state is required, and its contents are application specific. * * @return {boolean} false - Returns false to stop event propagation */ filemanagerAPP.prototype.setState = function (state) { // State should be an object, not a string, but we'll parse if (typeof state == "string") { if (state.indexOf('{') != -1 || state == 'null') { state = JSON.parse(state); } } var result = _super.prototype.setState.call(this, state, 'filemanager.index'); // This has to happen after the parent, changing to tile recreates // nm controller if (typeof state == "object" && state.state && state.state.view) { var et2 = etemplate2.getById('filemanager-index'); if (et2) { this.et2 = et2.widgetContainer; this.change_view(state.state.view); } } return result; }; /** * Retrieve the current state of the application for future restoration * * Extended from parent to also set view * * @return {object} Application specific map representing the current state */ filemanagerAPP.prototype.getState = function () { var state = _super.prototype.getState.call(this); var et2 = etemplate2.getById('filemanager-index'); if (et2) { var nm = et2.widgetContainer.getWidgetById('nm'); state.view = nm.view; } return state; }; /** * Convert id to path (remove "filemanager::" prefix) */ filemanagerAPP.prototype.id2path = function (_id) { return _id.replace(this.remove_prefix, ''); }; /** * Convert array of elems to array of paths */ filemanagerAPP.prototype._elems2paths = function (_elems) { var paths = []; for (var i = 0; i < _elems.length; i++) { // If selected has no id, try parent. This happens for the placeholder row // in empty directories. paths.push(_elems[i].id ? this.id2path(_elems[i].id) : _elems[i]._context._parentId); } return paths; }; /** * Get directory of a path */ filemanagerAPP.prototype.dirname = function (_path) { var parts = _path.split('/'); parts.pop(); return parts.join('/') || '/'; }; /** * Get name of a path */ filemanagerAPP.prototype.basename = function (_path) { return _path.split('/').pop(); }; /** * Get current working directory */ filemanagerAPP.prototype.get_path = function (etemplate_name) { if (!etemplate_name || typeof this.path_widget[etemplate_name] == 'undefined') { for (etemplate_name in this.path_widget) break; } var path_widget = this.path_widget[etemplate_name]; return path_widget ? path_widget.get_value.apply(path_widget) : null; }; /** * Open compose with already attached files * * @param {(string|string[])} attachments path(s) * @param {object} params */ filemanagerAPP.prototype.open_mail = function (attachments, params) { if (typeof attachments == 'undefined') attachments = this.get_clipboard_files(); if (!params || typeof params != 'object') params = {}; if (!(attachments instanceof Array)) attachments = [attachments]; var content = { data: { files: { file: [] } } }; for (var i = 0; i < attachments.length; i++) { params['preset[file][' + i + ']'] = 'vfs://default' + attachments[i]; content.data.files.file.push('vfs://default' + attachments[i]); } content.data.files["filemode"] = params['preset[filemode]']; // always open compose in html mode, as attachment links look a lot nicer in html params["mimeType"] = 'html'; return egw.openWithinWindow("mail", "setCompose", content, params, /mail.mail_compose.compose/); }; /** * Mail files action: open compose with already attached files * * @param _action * @param _elems */ filemanagerAPP.prototype.mail = function (_action, _elems) { this.open_mail(this._elems2paths(_elems), { 'preset[filemode]': _action.id.substr(5) }); }; /** * Mail files action: open compose with already linked files * We're only interested in hidden upload shares here, open_mail can handle * the rest * * @param {egwAction} _action * @param {egwActionObject[]} _selected */ filemanagerAPP.prototype.mail_share_link = function (_action, _selected) { if (_action.id !== 'mail_shareUploadDir') { return this.mail(_action, _selected); } var path = this.id2path(_selected[0].id); this.share_link(_action, _selected, null, false, false, this._mail_link_callback); return true; }; /** * Callback with the share link to append to an email * * @param {Object} _data * @param {String} _data.share_link Link to the share * @param {String} _data.title Title for the link * @param {String} [_data.msg] Error message */ filemanagerAPP.prototype._mail_link_callback = function (_data) { debugger; if (_data.msg || !_data.share_link) window.egw_refresh(_data.msg, this.appname); var params = { 'preset[body]': '' + _data.title + '', 'mimeType': 'html' // always open compose in html mode, as attachment links look a lot nicer in html }; var content = { mail_htmltext: ['
' + _data.title + ''], mail_plaintext: ["\n" + _data.share_link] }; return egw.openWithinWindow("mail", "setCompose", content, params, /mail.mail_compose.compose/); }; /** * Trigger Upload after each file is uploaded * @param {type} _event */ filemanagerAPP.prototype.uploadOnOne = function (_event) { this.upload(_event, 1); }; /** * Send names of uploaded files (again) to server, to process them: either copy to vfs or ask overwrite/rename * * @param {event} _event * @param {number} _file_count * @param {string=} _path where the file is uploaded to, default current directory * @param {string} _conflict What to do if the file conflicts with one on the server * @param {string} _target Upload processing target. Sharing classes can override this. */ filemanagerAPP.prototype.upload = function (_event, _file_count, _path, _conflict, _target) { if (_conflict === void 0) { _conflict = "ask"; } if (_target === void 0) { _target = 'filemanager_ui::ajax_action'; } if (typeof _path == 'undefined') { _path = this.get_path(); } if (_file_count && !jQuery.isEmptyObject(_event.data.getValue())) { var widget = _event.data; var value = widget.getValue(); value.conflict = _conflict; egw.json(_target, ['upload', value, _path], this._upload_callback, this, true, this).sendRequest(); widget.set_value(''); } }; /** * Finish callback for file a file dialog, to get the overwrite / rename prompt * * @param {event} _event * @param {number} _file_count */ filemanagerAPP.prototype.file_a_file_upload = function (_event, _file_count) { var widget = _event.data; var path = widget.getRoot().getWidgetById("path").getValue(); var action = widget.getRoot().getWidgetById("action").getValue(); var link = widget.getRoot().getWidgetById("entry").getValue(); if (action == 'save_as' && link.app && link.id) { path = "/apps/" + link.app + "/" + link.id; } var props = widget.getInstanceManager().getValues(widget.getRoot()); egw.json('filemanager_ui::ajax_action', [action == 'save_as' ? 'upload' : 'link', widget.getValue(), path, props], function (_data) { app.filemanager._upload_callback(_data); // Remove successful after a delay for (var file in _data.uploaded) { if (!_data.uploaded[file].confirm || _data.uploaded[file].confirmed) { // Remove that file from file widget... widget.remove_file(_data.uploaded[file].name); } } opener.egw_refresh('', 'filemanager', null, null, 'filemanager'); }, app.filemanager, true, this).sendRequest(true); return true; }; /** * 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, ... */ filemanagerAPP.prototype._upload_callback = function (_data) { if (_data.msg || _data.uploaded) window.egw_refresh(_data.msg, this.appname, undefined, undefined, undefined, undefined, undefined, _data.type); var that = this; for (var file in _data.uploaded) { if (_data.uploaded[file].confirm && !_data.uploaded[file].confirmed) { var buttons = [ { text: this.egw.lang("Yes"), id: "overwrite", class: "ui-priority-primary", "default": true, image: 'check' }, { text: this.egw.lang("Rename"), id: "rename", image: 'edit' }, { text: this.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 egw.json('filemanager_ui::ajax_action', [this.my_data.action, uploaded, this.my_data.path, this.my_data.props], that._upload_callback, that, true, that).sendRequest(); return; case "cancel": // Remove that file from every file widget... that.et2.iterateOver(function (_widget) { _widget.remove_file(this.my_data.data.name); }, this, et2_file); } }, _data.uploaded[file].confirm === "is_dir" ? this.egw.lang("There's already a directory with that name!") : this.egw.lang('Do you want to overwrite existing file %1 in directory %2?', _data.uploaded[file].name, _data.path), this.egw.lang('File %1 already exists', _data.uploaded[file].name), _data.uploaded[file].name, buttons, file); // setting required data for callback in as my_data dialog.my_data = { action: _data.action, file: file, path: _data.path, data: _data.uploaded[file], props: _data.props }; } } }; /** * Get any files that are in the system clipboard * * @return {string[]} Paths */ filemanagerAPP.prototype.get_clipboard_files = function () { var clipboard_files = []; if (typeof window.localStorage != 'undefined' && typeof egw.getSessionItem('phpgwapi', 'egw_clipboard') != 'undefined') { var clipboard = JSON.parse(egw.getSessionItem('phpgwapi', 'egw_clipboard')) || { type: [], selected: [] }; if (clipboard.type.indexOf('file') >= 0) { for (var i = 0; i < clipboard.selected.length; i++) { var split = clipboard.selected[i].id.split('::'); if (split[0] == 'filemanager') { clipboard_files.push(this.id2path(clipboard.selected[i].id)); } } } } return clipboard_files; }; /** * Update clickboard tooltips in buttons */ filemanagerAPP.prototype.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.get_clipboard_files().join(",\n")); } }; /** * Clip files into clipboard * * @param _action * @param _elems */ filemanagerAPP.prototype.clipboard = function (_action, _elems) { this.clipboard_is_cut = _action.id == "cut"; var clipboard = JSON.parse(egw.getSessionItem('phpgwapi', 'egw_clipboard')) || { type: [], selected: [] }; if (_action.id != "add") { clipboard = { type: [], selected: [] }; } // When pasting we need to know the type of data - pull from actions var drag = _elems[0].getSelectedLinks('drag').links; for (var k in drag) { if (drag[k].enabled && drag[k].actionObj.dragType.length > 0) { clipboard.type = clipboard.type.concat(drag[k].actionObj.dragType); } } clipboard.type = jQuery.unique(clipboard.type); // egwAction is a circular structure and can't be stringified so just take what we want // Hopefully that's enough for the action handlers for (var k in _elems) { if (_elems[k].id) clipboard.selected.push({ id: _elems[k].id, data: _elems[k].data }); } // Save it in session egw.setSessionItem('phpgwapi', 'egw_clipboard', JSON.stringify(clipboard)); this.clipboard_tooltips(); }; /** * Paste files into current directory or mail them * * @param _type 'paste', 'linkpaste', 'mailpaste' */ filemanagerAPP.prototype.paste = function (_type) { var clipboard_files = this.get_clipboard_files(); if (clipboard_files.length == 0) { alert(this.egw.lang('Clipboard is empty!')); return; } switch (_type) { case 'mailpaste': this.open_mail(clipboard_files); break; case 'paste': this._do_action(this.clipboard_is_cut ? 'move' : 'copy', clipboard_files); if (this.clipboard_is_cut) { this.clipboard_is_cut = false; clipboard_files = []; this.clipboard_tooltips(); } break; case 'linkpaste': this._do_action('symlink', clipboard_files); break; } }; /** * Pass action to server * * @param _action * @param _elems */ filemanagerAPP.prototype.action = function (_action, _elems) { var paths = this._elems2paths(_elems); var path = this.get_path(_action && _action.parent.data.nextmatch.getInstanceManager().uniqueId || false); this._do_action(_action.id, paths, true, path); }; /** * Prompt user for directory to create * * @param {egwAction|undefined} action Action, event or undefined if called directly * @param {egwActionObject[] | undefined} selected Selected row, or undefined if called directly */ filemanagerAPP.prototype.createdir = function (action, selected) { var self = this; et2_dialog.show_prompt(function (button, dir) { if (button && dir) { var path = self.get_path(action && action.parent ? action.parent.data.nextmatch.getInstanceManager().uniqueId : false); if (action && action instanceof egwAction) { var paths = self._elems2paths(selected); if (paths[0]) path = paths[0]; // check if target is a file --> use it's directory instead if (selected[0].id || path) { var data = egw.dataGetUIDdata(selected[0].id || 'filemanager::' + path); if (data && data.data.mime != 'httpd/unix-directory') { path = self.dirname(path); } } } self._do_action('createdir', egw.encodePathComponent(dir), true, path); // true=synchronous request self.change_dir((path == '/' ? '' : path) + '/' + egw.encodePathComponent(dir)); } }, this.egw.lang('New directory'), this.egw.lang('Create directory')); }; /** * Prompt user for directory to create */ filemanagerAPP.prototype.symlink = function () { var self = this; et2_dialog.show_prompt(function (button, target) { if (button && target) { self._do_action('symlink', target); } }, this.egw.lang('Link target'), this.egw.lang('Create link')); }; /** * 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 */ filemanagerAPP.prototype._do_action = function (_type, _selected, _sync, _path) { if (typeof _path == 'undefined') _path = this.get_path(); egw.json('filemanager_ui::ajax_action', [_type, _selected, _path], this._do_action_callback, this, !_sync, this).sendRequest(); }; /** * Callback for _do_action ajax call * * @param _data */ filemanagerAPP.prototype._do_action_callback = function (_data) { window.egw_refresh(_data.msg, this.appname, undefined, undefined, undefined, undefined, undefined, _data.type); }; /** * Force download of a file by appending '?download' to it's download url * * @param _action * @param _senders */ filemanagerAPP.prototype.force_download = function (_action, _senders) { for (var i = 0; i < _senders.length; i++) { var data = egw.dataGetUIDdata(_senders[i].id); var url = data ? data.data.download_url : '/webdav.php' + this.id2path(_senders[i].id); if (url[0] == '/') url = egw.link(url); var a = document.createElement('a'); if (typeof a.download == "undefined") { window.location = (url + "?download"); return false; } // Multiple file download for those that support it var $a = jQuery(a) .prop('href', url) .prop('download', data ? data.data.name : "") .appendTo(this.et2.getDOMNode()); window.setTimeout(jQuery.proxy(function () { var evt = document.createEvent('MouseEvent'); evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null); this[0].dispatchEvent(evt); this.remove(); }, $a), 100 * i); } return false; }; /** * Check to see if the browser supports downloading multiple files * (using a tag download attribute) to enable/disable the context menu * * @param {egwAction} action * @param {egwActionObject[]} selected */ filemanagerAPP.prototype.is_multiple_allowed = function (action, selected) { var allowed = typeof document.createElement('a').download != "undefined"; if (typeof action == "undefined") return allowed; return (allowed || selected.length <= 1) && action.not_disableClass.apply(action, arguments); }; /** * Change directory * * @param {string} _dir directory to change to incl. '..' for one up * @param {et2_widget} widget */ filemanagerAPP.prototype.change_dir = function (_dir, widget) { for (var etemplate_name in this.path_widget) break; if (widget) etemplate_name = widget.getInstanceManager().uniqueId; // Make sure everything is in place for changing directory if (!this.et2 || typeof etemplate_name !== 'string' || typeof this.path_widget[etemplate_name] === 'undefined') { return false; } switch (_dir) { case '..': _dir = this.dirname(this.get_path(etemplate_name)); break; case '~': _dir = this.et2.getWidgetById('nm').options.settings.home_dir; break; } this.path_widget[etemplate_name].set_value(_dir); }; /** * Toggle view between tiles and rows * * @param {string|Event} [view] - Specify what to change the view to. Either 'tile' or 'row'. * Or, if this is used as a callback view is actually the event, and we need to find the view. * @param {et2_widget} [button_widget] - The widget that's calling */ filemanagerAPP.prototype.change_view = function (view, button_widget) { var et2 = etemplate2.getById('filemanager-index'); var nm; if (et2 && et2.widgetContainer.getWidgetById('nm')) { nm = et2.widgetContainer.getWidgetById('nm'); } if (!nm) { egw.debug('warn', 'Could not find nextmatch to change view'); return; } if (!button_widget) { button_widget = nm.getWidgetById('button[change_view]'); } if (button_widget && button_widget.instanceOf(et2_button)) { // Switch view based on button icon, since controller can get re-created if (typeof view != 'string') { view = button_widget.options.image.replace('list_', ''); } // Toggle button icon to the other view //todo: nm.controller needs to be changed to nm.getController after merging typescript branch into master button_widget.set_image("list_" + (view == et2_nextmatch_controller.VIEW_ROW ? et2_nextmatch_controller.VIEW_TILE : et2_nextmatch_controller.VIEW_ROW)); button_widget.set_statustext(view == et2_nextmatch_controller.VIEW_ROW ? this.egw.lang("Tile view") : this.egw.lang('List view')); } nm.set_view(view); // Put it into active filters (but don't refresh) nm.activeFilters["view"] = view; // Change template to match var template = view == et2_nextmatch_controller.VIEW_ROW ? 'filemanager.index.rows' : 'filemanager.tile'; nm.set_template(template); // Wait for template to load, then refresh template = nm.getWidgetById(template); if (template && template.loading) { template.loading.done(function () { nm.applyFilters({ view: view }); }); } }; /** * Open/active an item * * @param _action * @param _senders */ filemanagerAPP.prototype.open = function (_action, _senders) { var data = egw.dataGetUIDdata(_senders[0].id); var path = this.id2path(_senders[0].id); this.et2 = this.et2 ? this.et2 : etemplate2.getById('filemanager-index').widgetContainer; var mime = this.et2._inst.widgetContainer.getWidgetById('$row'); // try to get mime widget DOM node out of the row DOM var mime_dom = jQuery(_senders[0].iface.getDOMNode()).find("span#filemanager-index_\\$row"); var fe = egw_get_file_editor_prefered_mimes(); // symlinks dont have mime 'http/unix-directory', but server marks all directories with class 'isDir' if (data.data.mime == 'httpd/unix-directory' || data.data['class'] && data.data['class'].split(/ +/).indexOf('isDir') != -1) { this.change_dir(path, _action.parent.data.nextmatch || this.et2); } else if (mime && data.data.mime.match(mime.mime_regexp) && mime_dom.length > 0) { mime_dom.click(); } else if (mime && this.isEditable(_action, _senders) && fe && fe.edit) { egw.open_link(egw.link('/index.php', { menuaction: fe.edit.menuaction, path: decodeURIComponent(data.data.download_url) }), '', fe.edit_popup); } else { var url = void 0; // Build ViewerJS url if (data.data.mime.match(/application\/vnd\.oasis\.opendocument/) && egw.preference('document_doubleclick_action', 'filemanager') == 'collabeditor') { url = '/ViewerJS/#..' + data.data.download_url; } egw.open({ path: path, type: data.data.mime, download_url: url }, 'file', 'view', null, '_browser'); } return false; }; /** * Edit prefs of current directory * * @param _action * @param _senders */ filemanagerAPP.prototype.editprefs = function (_action, _senders) { var path = typeof _senders != 'undefined' ? this.id2path(_senders[0].id) : this.get_path(_action && _action.parent.data.nextmatch.getInstanceManager().uniqueId || false); egw().open_link(egw.link('/index.php', { menuaction: 'filemanager.filemanager_ui.file', path: path }), 'fileprefs', '510x425'); }; /** * Callback to check if the paste action is enabled. We also update the * clipboard historical targets here as well * * @param {egwAction} _action drop action we're checking * @param {egwActionObject[]} _senders selected files * @param {egwActionObject} _target Drop or context menu activated on this one * * @returns boolean true if enabled, false otherwise */ filemanagerAPP.prototype.paste_enabled = function (_action, _senders, _target) { // Need files in the clipboard for this var clipboard_files = this.get_clipboard_files(); if (clipboard_files.length === 0) { return false; } // Parent action (paste) gets run through here as well, but needs no // further processing if (_action.id == 'paste') return true; if (_action.canHaveChildren.indexOf('drop') == -1) { _action.canHaveChildren.push('drop'); } var actions = []; // Current directory var current_dir = this.get_path(); var dir = egw.dataGetUIDdata('filemanager::' + current_dir); var path_widget = etemplate2.getById('filemanager-index').widgetContainer.getWidgetById('button[createdir]'); actions.push({ id: _action.id + '_current', caption: current_dir, path: current_dir, enabled: dir && dir.data && dir.data.class && dir.data.class.indexOf('noEdit') === -1 || !dir && path_widget && !path_widget.options.readonly }); // Target, if directory var target_dir = this.id2path(_target.id); dir = egw.dataGetUIDdata(_target.id); actions.push({ id: _action.id + '_target', caption: target_dir, path: target_dir, enabled: _target && _target.iface && jQuery(_target.iface.getDOMNode()).hasClass('isDir') && (dir && dir.data && dir.data.class && dir.data.class.indexOf('noEdit') === -1 || !dir) }); // Last 10 folders var previous_dsts = jQuery.extend([], egw.preference('drop_history', this.appname)); var action_index = 0; for (var i = 0; i < 10; i++) { var path = i < previous_dsts.length ? previous_dsts[i] : ''; actions.push({ id: _action.id + '_target_' + action_index++, caption: path, path: path, group: 2, enabled: path && !(current_dir && path === current_dir || target_dir && path === target_dir) }); } // Common stuff, every action needs these for (var i = 0; i < actions.length; i++) { //actions[i].type = 'drop', actions[i].acceptedTypes = _action.acceptedTypes; actions[i].no_lang = true; actions[i].hideOnDisabled = true; } _action.updateActions(actions); // Create paste action // This injects the clipboard data and calls the original handler var paste_exec = function (action, selected) { // Add in clipboard as a sender var clipboard = JSON.parse(egw.getSessionItem('phpgwapi', 'egw_clipboard')); // Set a flag so apps can tell the difference, if they need to action.set_onExecute(action.parent.onExecute.fnct); action.execute(clipboard.selected, selected[0]); // Clear the clipboard, the files are not there anymore if (action.id.indexOf('move') !== -1) { egw.setSessionItem('phpgwapi', 'egw_clipboard', JSON.stringify({ type: [], selected: [] })); } }; for (var i = 0; i < actions.length; i++) { _action.getActionById(actions[i].id).onExecute = jQuery.extend(true, {}, _action.onExecute); _action.getActionById(actions[i].id).set_onExecute(paste_exec); } return actions.length > 0; }; /** * File(s) droped * * @param _action * @param _elems * @param _target * @returns */ filemanagerAPP.prototype.drop = function (_action, _elems, _target) { var src = this._elems2paths(_elems); // Target will be missing ID if directory is empty // so start with the current directory var parent = _action; var nm = _target ? _target.manager.data.nextmatch : null; while (!nm && parent.parent) { parent = parent.parent; if (parent.data.nextmatch) nm = parent.data.nextmatch; } var nm_dst = this.get_path(nm.getInstanceManager().uniqueId || false); var dst; // Action specifies a destination, target does not matter if (_action.data && _action.data.path) { dst = _action.data.path; } // File(s) were dropped on a row, they want them inside else if (_target) { dst = ''; var paths = this._elems2paths([_target]); if (paths[0]) dst = paths[0]; // check if target is a file --> use it's directory instead if (_target.id) { var data = egw.dataGetUIDdata(_target.id); if (!data || data.data.mime != 'httpd/unix-directory') { dst = this.dirname(dst); } } } // Remember the target for next time var previous_dsts = jQuery.extend([], egw.preference('drop_history', this.appname)); previous_dsts.unshift(dst); previous_dsts = Array.from(new Set(previous_dsts)).slice(0, 9); egw.set_preference(this.appname, 'drop_history', previous_dsts); // Actual action id will be something like file_drop_{move|copy|link}[_other_id], // but we need to send move, copy or link var action_id = _action.id.replace("file_drop_", '').split('_', 1)[0]; this._do_action(action_id, src, false, dst || nm_dst); }; /** * Handle a native / HTML5 file drop from system * * This is a callback from nextmatch to prevent the default link action, and just upload instead. * * @param {string} row_uid UID of the row the files were dropped on * @param {Files[]} files */ filemanagerAPP.prototype.filedrop = function (row_uid, files) { var self = this; var data = egw.dataGetUIDdata(row_uid); files = files || window.event.dataTransfer.files; var path = typeof data != 'undefined' && data.data.mime == "httpd/unix-directory" ? data.data.path : this.get_path(); var widget = this.et2.getWidgetById('upload'); // Override finish to specify a potentially different path var old_onfinishone = widget.options.onFinishOne; var old_onfinish = widget.options.onFinish; widget.options.onFinishOne = function (_event, _file_count) { self.upload(_event, _file_count, path); }; widget.options.onFinish = function () { widget.options.onFinish = old_onfinish; widget.options.onFinishOne = old_onfinishone; }; // This triggers the upload widget.set_value(files); // Return false to prevent the link return false; }; /** * Change readonly state for given directory * * Get call/transported with each get_rows call, but should only by applied to UI if matching curent dir * * @param {string} _path * @param {boolean} _ro */ filemanagerAPP.prototype.set_readonly = function (_path, _ro) { //alert('set_readonly("'+_path+'", '+_ro+')'); if (!this.path_widget) // widget not yet ready, try later { this.readonly = [_path, _ro]; return; } for (var id in this.path_widget) { var path = this.get_path(id); if (_path == path) { var ids = ['button[linkpaste]', 'button[paste]', 'button[createdir]', 'button[symlink]', 'upload', 'new']; for (var i = 0; i < ids.length; ++i) { var widget = etemplate2.getById(id).widgetContainer.getWidgetById(ids[i]); if (widget) { widget.set_readonly(_ro); } } } } }; /** * Row or filename in select-file dialog clicked * * @param {jQuery.event} event * @param {et2_widget} widget */ filemanagerAPP.prototype.select_clicked = function (event, widget) { var _a, _b; if ((_b = (_a = widget) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.is_dir) { var path_1 = null; // Cannot do this, there are multiple widgets named path // widget.getRoot().getWidgetById("path"); widget.getRoot().iterateOver(function (widget) { if (widget.id == "path") path_1 = widget; }, null, et2_textbox); if (path_1) { path_1.set_value(widget.value.path); } } else if (this.et2 && this.et2.getArrayMgr('content').getEntry('mode') != 'open-multiple') { var editfield = this.et2.getWidgetById('name'); if (editfield) { editfield.set_value(widget.value.name); } } else { var file_1 = widget.value.name; widget.getParent().iterateOver(function (widget) { if (widget.options.selected_value == file_1) { widget.set_value(widget.get_value() == file_1 ? widget.options.unselected_value : file_1); } }, null, et2_checkbox); } // Stop event or it will toggle back off event.preventDefault(); event.stopPropagation(); return false; }; /** * Set Sudo button's label and change its onclick handler according to its action * * @param {widget object} _widget sudo buttononly * @param {string} _action string of action type {login|logout} */ filemanagerAPP.prototype.set_sudoButton = function (_widget, _action) { var widget = _widget || this.et2.getWidgetById('sudouser'); if (widget) { switch (_action) { case 'login': widget.set_label('Logout'); this.et2.getInstanceMgr().submit(widget); break; default: widget.set_label('Superuser'); widget.onclick = function () { jQuery('.superuser').css('display', 'inline'); }; } } }; /** * Open file a file dialog from EPL, warn if EPL is not available */ filemanagerAPP.prototype.fileafile = function () { if (this.egw.user('apps').stylite) { this.egw.open_link('/index.php?menuaction=stylite.stylite_filemanager.upload&path=' + this.get_path(), '_blank', '670x320'); } else { // This is shown if stylite code is there, but the app is not available et2_dialog.show_dialog(function (_button) { if (_button == et2_dialog.YES_BUTTON) window.open('http://www.egroupware.org/EPL', '_blank'); return true; }, this.egw.lang('this feature is only available in epl version.') + "\n\n" + this.egw.lang('You can use regular upload [+] button to upload files.') + "\n\n" + this.egw.lang('Do you want more information about EPL subscription?'), this.egw.lang('File a file'), undefined, et2_dialog.BUTTONS_YES_NO, et2_dialog.QUESTION_MESSAGE); } }; /** * create a share-link for the given entry * Overriden from parent to handle empty directories * * @param {egwAction} _action egw actions * @param {egwActionObject[]} _senders selected nm row * @param {egwActionObject} _target Drag source. Not used here. * @param {Boolean} _writable Allow edit access from the share. * @param {Boolean} _files Allow access to files from the share. * @param {Function} _callback Callback with results * @returns {Boolean} returns false if not successful */ filemanagerAPP.prototype.share_link = function (_action, _senders, _target, _writable, _files, _callback) { // Check to see if we're in the empty row (No matches found.) and use current path var path = _senders[0].id; if (!path) { _senders[0] = { id: this.get_path() }; } // Pass along any action data var _extra = {}; for (var i in _action.data) { if (i.indexOf('share') == 0) { _extra[i] = _action.data[i]; } } _super.prototype.share_link.call(this, _action, _senders, _target, _writable, _files, _callback, _extra); }; /** * Share-link callback * @param {object} _data */ filemanagerAPP.prototype._share_link_callback = function (_data) { if (_data.msg || _data.share_link) window.egw_refresh(_data.msg, this.appname); console.log("_data", _data); var app = this; var copy_link_to_clipboard = function (evt) { var $target = jQuery(evt.target); $target.select(); try { var successful = document.execCommand('copy'); if (successful) { egw.message(app.egw.lang('Share link copied into clipboard')); return true; } } catch (e) { } egw.message('Failed to copy the link!'); }; jQuery("body").on("click", "[name=share_link]", copy_link_to_clipboard); et2_createWidget("dialog", { callback: function () { jQuery("body").off("click", "[name=share_link]", copy_link_to_clipboard); return true; }, title: _data.title ? _data.title : (_data.writable || _data.action === 'shareWritableLink' ? this.egw.lang("Writable share link") : this.egw.lang("Readonly share link")), template: _data.template, width: 450, value: { content: { "share_link": _data.share_link } } }); }; /** * Check if a row can have the Hidden Uploads action * Needs to be a directory */ filemanagerAPP.prototype.hidden_upload_enabled = function (_action, _senders) { var _a; if (_senders[0].id == 'nm') return false; var data = egw.dataGetUIDdata(_senders[0].id); var readonly = (((_a = data) === null || _a === void 0 ? void 0 : _a.data.class) || '').split(/ +/).indexOf('noEdit') >= 0; // symlinks dont have mime 'http/unix-directory', but server marks all directories with class 'isDir' return (!_senders[0].id || data.data.is_dir && !readonly); }; /** * View the link from an existing share * (EPL only) * * @param {egwAction} _action The shareLink action * @param {egwActionObject[]} _senders The row clicked on */ filemanagerAPP.prototype.view_link = function (_action, _senders) { var id = egw.dataGetUIDdata(_senders[0].id).data.share_id; egw.json('stylite_filemanager::ajax_view_link', [id], this._share_link_callback, this, true, this).sendRequest(); return true; }; /** * This function copies the selected file/folder entry as webdav link into clipboard * * @param {object} _action egw actions * @param {object} _senders selected nm row * @returns {Boolean} returns false if not successful */ filemanagerAPP.prototype.copy_link = 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); if (url.substr(0, 4) == 'http' && url.indexOf('://') <= 5) { // it's already a full url } else { var hostUrl = new URL(window.location.href); url = hostUrl.origin + url; } if (url) { var elem = jQuery(document.createElement('div')); var range = void 0; elem.text(url); elem.appendTo('body'); if (document.selection) { range = document.body.createTextRange(); range.moveToElementText(elem); range.select(); } else if (window.getSelection) { range = document.createRange(); range.selectNode(elem[0]); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); } var successful = false; try { successful = document.execCommand('copy'); if (successful) { egw.message(this.egw.lang('WebDav link copied into clipboard')); window.getSelection().removeAllRanges(); return true; } } catch (e) { } egw.message('Failed to copy the link!'); elem.remove(); return false; } }; /** * Function to check wheter selected file is editable. ATM only .odt is supported. * * @param {object} _egwAction egw action object * @param {object} _senders object of selected row * * @returns {boolean} returns true if is editable otherwise false */ filemanagerAPP.prototype.isEditable = function (_egwAction, _senders) { if (_senders.length > 1) return false; var data = egw.dataGetUIDdata(_senders[0].id); var mime = this.et2.getInstanceManager().widgetContainer.getWidgetById('$row'); var fe = egw_get_file_editor_prefered_mimes(data.data.mime); if (fe && fe.mime && !fe.mime[data.data.mime]) return false; return !!data.data.mime.match(mime.mime_odf_regex); }; /** * Method to create a new document * @param {object} _action either action or node * @param {object} _selected either widget or selected row * * @return {boolean} returns true */ filemanagerAPP.prototype.create_new = function (_action, _selected) { var fe = egw.link_get_registry('filemanager-editor'); if (fe && fe["edit"]) { egw.open_link(egw.link('/index.php', { menuaction: fe["edit"].menuaction }), '', fe["popup_edit"]); } return true; }; return filemanagerAPP; }(egw_app_1.EgwApp)); exports.filemanagerAPP = filemanagerAPP; app.classes.filemanager = filemanagerAPP; //# sourceMappingURL=app.js.map