egroupware_official/filemanager/js/app.js

"use strict";
/**
 * EGroupware - Filemanager - Javascript UI
 *
 * @link http://www.egroupware.org
 * @package filemanager
 * @author Ralf Becker <RalfBecker-AT-outdoor-training.de>
 * @copyright (c) 2008-19 by Ralf Becker <RalfBecker-AT-outdoor-training.de>
 * @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 });
exports.filemanagerAPP = void 0;
/*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/, true);
    };
    /**
     * 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]': '<a href="' + _data.share_link + '">' + _data.title + '</a>',
            'mimeType': 'html' // always open compose in html mode, as attachment links look a lot nicer in html
        };
        var content = {
            mail_htmltext: ['<br /><a href="' + _data.share_link + '">' + _data.title + '</a>'],
            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, { ui_path: this.egw.window.location.pathname }], 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;
        if ((_a = widget === null || widget === void 0 ? void 0 : widget.value) === null || _a === void 0 ? void 0 : _a.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');
                    widget.getRoot().getInstanceManager().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) {
        if (_senders[0].id == 'nm')
            return false;
        var data = egw.dataGetUIDdata(_senders[0].id);
        var readonly = ((data === null || data === void 0 ? void 0 : data.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