egroupware_official/api/js/etemplate/et2_dataview_controller_selection.js

"use strict";
/**
 * EGroupware eTemplate2
 *
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @package etemplate
 * @subpackage dataview
 * @link http://www.egroupware.org
 * @author Andreas Stöckel
 * @copyright Stylite 2011-2012
 *

/*egw:uses
    et2_dataview_view_aoi;

    egw_action.egw_keymanager;
*/
Object.defineProperty(exports, "__esModule", { value: true });
/**
 * The selectioManager is internally used by the et2_dataview_controller class
 * to manage the row selection.
 * As the action system does not allow selection of entries which are currently
 * not in the dom tree, we have to manage this in this class. The idea is to
 * manage an external action object interface for each visible row and proxy all
 * state changes between an dummy action object, that does no selection handling,
 * and the external action object interface.
 *
 * @augments Class
 */
var et2_dataview_selectionManager = /** @class */ (function () {
    /**
     * Constructor
     *
     * @param _parent
     * @param _indexMap
     * @param _actionObjectManager
     * @param _queryRangeCallback
     * @param _makeVisibleCallback
     * @param _context
     * @memberOf et2_dataview_selectionManager
     */
    function et2_dataview_selectionManager(_parent, _indexMap, _actionObjectManager, _queryRangeCallback, _makeVisibleCallback, _context) {
        // Copy the arguments
        this._parent = _parent;
        this._indexMap = _indexMap;
        this._actionObjectManager = _actionObjectManager;
        this._queryRangeCallback = _queryRangeCallback;
        this._makeVisibleCallback = _makeVisibleCallback;
        this._context = _context;
        // Attach this manager to the parent manager if one is given
        if (this._parent) {
            this._parent._children.push(this);
        }
        // Use our selection instead of object manager's to handle not-loaded rows
        if (_actionObjectManager) {
            this._actionObjectManager.getAllSelected = jQuery.proxy(this.getAllSelected, this);
        }
        // Internal map which contains all curently selected uids and their
        // state
        this._registeredRows = {};
        this._focusedEntry = null;
        this._invertSelection = false;
        this._selectAll = false;
        this._inUpdate = false;
        this._total = 0;
        this._children = [];
        // Callback for when the selection changes
        this.select_callback = null;
    }
    et2_dataview_selectionManager.prototype.destroy = function () {
        // If we have a parent, unregister from that
        if (this._parent) {
            var idx = this._parent._children.indexOf(this);
            this._parent._children.splice(idx, 1);
        }
        // Destroy all children
        for (var i = this._children.length - 1; i >= 0; i--) {
            this._children[i].destroy();
        }
        // Delete all still registered rows
        for (var key in this._registeredRows) {
            this.unregisterRow(key, this._registeredRows[key].tr);
        }
        this.select_callback = null;
    };
    et2_dataview_selectionManager.prototype.clear = function () {
        for (var key in this._registeredRows) {
            this.unregisterRow(key, this._registeredRows[key].tr);
            delete this._registeredRows[key];
        }
        if (this._actionObjectManager) {
            this._actionObjectManager.clear();
        }
        for (key in this._indexMap) {
            delete this._indexMap[key];
        }
        this._total = 0;
        this._focusedEntry = null;
        this._invertSelection = false;
        this._selectAll = false;
        this._inUpdate = false;
    };
    et2_dataview_selectionManager.prototype.setIndexMap = function (_indexMap) {
        this._indexMap = _indexMap;
    };
    et2_dataview_selectionManager.prototype.setTotalCount = function (_total) {
        this._total = _total;
    };
    et2_dataview_selectionManager.prototype.registerRow = function (_uid, _idx, _tr, _links) {
        // Get the corresponding entry from the registered rows array
        var entry = this._getRegisteredRowsEntry(_uid);
        // If the row has changed unregister the old one and do not delete
        // entry from the entry map
        if (entry.tr && entry.tr !== _tr) {
            this.unregisterRow(_uid, entry.tr, true);
        }
        // Create the AOI for the tr
        if (!entry.tr && _links) {
            this._attachActionObjectInterface(entry, _tr, _uid);
            this._attachActionObject(entry, _tr, _uid, _links, _idx);
        }
        // Update the entry
        if (entry.ao)
            entry.ao._index;
        entry.idx = _idx;
        entry.tr = _tr;
        // Update the visible state of the _tr
        this._updateEntryState(entry, entry.state);
    };
    et2_dataview_selectionManager.prototype.unregisterRow = function (_uid, _tr, _noDelete) {
        // _noDelete defaults to false
        _noDelete = _noDelete ? true : false;
        if (typeof this._registeredRows[_uid] !== "undefined"
            && this._registeredRows[_uid].tr === _tr) {
            this._inUpdate = true;
            // Don't leave focusedEntry
            // @ts-ignore
            if (this._focusedEntry !== null && this._focusedEntry.uid == _uid) {
                this.setFocused(_uid, false);
            }
            this._registeredRows[_uid].tr = null;
            this._registeredRows[_uid].aoi = null;
            // Remove the action object from its container
            if (this._registeredRows[_uid].ao) {
                this._registeredRows[_uid].ao.remove();
                this._registeredRows[_uid].ao = null;
            }
            if (!_noDelete
                && this._registeredRows[_uid].state === EGW_AO_STATE_NORMAL) {
                delete this._registeredRows[_uid];
            }
            this._inUpdate = false;
        }
    };
    et2_dataview_selectionManager.prototype.resetSelection = function () {
        this._invertSelection = false;
        this._selectAll = false;
        this._actionObjectManager.setAllSelected(false);
        for (var key in this._registeredRows) {
            this.setSelected(key, false);
        }
        for (var i = 0; i < this._children.length; i++) {
            this._children[i].resetSelection();
        }
    };
    et2_dataview_selectionManager.prototype.setSelected = function (_uid, _selected) {
        this._selectAll = false;
        var entry = this._getRegisteredRowsEntry(_uid);
        this._updateEntryState(entry, egwSetBit(entry.state, EGW_AO_STATE_SELECTED, _selected));
    };
    et2_dataview_selectionManager.prototype.getAllSelected = function () {
        var selected = this.getSelected();
        return selected.all || (selected.ids.length === this._total);
    };
    et2_dataview_selectionManager.prototype.setFocused = function (_uid, _focused) {
        // Reset the state of the currently focused entry
        if (this._focusedEntry) {
            this._updateEntryState(this._focusedEntry, egwSetBit(this._focusedEntry.state, EGW_AO_STATE_FOCUSED, false));
            this._focusedEntry = null;
        }
        // Mark the new given uid as focused
        if (_focused) {
            //console.log('et2_dataview_controller_selection::setFocused -> UID:'+_uid+' is focused by:'+this._actionObjectManager.name);
            var entry = this._focusedEntry = this._getRegisteredRowsEntry(_uid);
            this._updateEntryState(entry, egwSetBit(entry.state, EGW_AO_STATE_FOCUSED, true));
        }
    };
    et2_dataview_selectionManager.prototype.selectAll = function () {
        // Reset the selection
        this.resetSelection();
        this._selectAll = true;
        // Run as a range if there's less then the max
        if (egw.dataKnownUIDs(this._context._dataProvider.dataStorePrefix).length !== this._total &&
            this._total <= et2_dataview_selectionManager.MAX_SELECTION) {
            this._selectRange(0, this._total);
        }
        // Tell action manager to do all
        this._actionObjectManager.setAllSelected(true);
        // Update the selection
        for (var key in this._registeredRows) {
            var entry = this._registeredRows[key];
            this._updateEntryState(entry, entry.state);
        }
        this._selectAll = true;
    };
    et2_dataview_selectionManager.prototype.getSelected = function () {
        // Collect all currently selected ids
        var ids = [];
        for (var key in this._registeredRows) {
            if (egwBitIsSet(this._registeredRows[key].state, EGW_AO_STATE_SELECTED)) {
                ids.push(key);
            }
        }
        // Push all events of the child managers onto the list
        for (var i = 0; i < this._children.length; i++) {
            ids = ids.concat(this._children[i].getSelected().ids);
        }
        // Return an array containing those ids
        // RB: we are currently NOT using "inverted"
        return {
            //"inverted": this._invertSelection,
            "all": this._selectAll,
            "ids": ids
        };
    };
    /** -- PRIVATE FUNCTIONS -- **/
    et2_dataview_selectionManager.prototype._attachActionObjectInterface = function (_entry, _tr, _uid) {
        // Create the AOI which is used internally in the selection manager
        // this AOI is not connected to the AO, as the selection manager
        // cares about selection etc.
        _entry.aoi = new et2_dataview_rowAOI(_tr);
        _entry.aoi.setStateChangeCallback(function (_newState, _changedBit, _shiftState) {
            if (_changedBit === EGW_AO_STATE_SELECTED) {
                // Call the select handler
                this._handleSelect(_uid, _entry, egwBitIsSet(_shiftState, EGW_AO_SHIFT_STATE_BLOCK), egwBitIsSet(_shiftState, EGW_AO_SHIFT_STATE_MULTI));
            }
        }, this);
    };
    et2_dataview_selectionManager.prototype._getDummyAOI = function (_entry, _tr, _uid, _idx) {
        // Create AOI
        var dummyAOI = new egwActionObjectInterface();
        var self = this;
        // Handling for Action Implementations updating the state
        dummyAOI.doSetState = function (_state) {
            if (!self._inUpdate) {
                // Update the "focused" flag
                self.setFocused(_uid, egwBitIsSet(_state, EGW_AO_STATE_FOCUSED));
                // Generally update the state
                self._updateState(_uid, _state);
            }
        };
        // Handle the "make visible" event, pass the request to the parent
        // controller
        dummyAOI.doMakeVisible = function () {
            self._makeVisibleCallback.call(self._context, _idx);
        };
        // Connect the the two AOIs
        dummyAOI.doTriggerEvent = _entry.aoi.doTriggerEvent;
        // Implementation of the getDOMNode function, so that the event
        // handlers can be properly bound
        dummyAOI.getDOMNode = function () { return _tr; };
        return dummyAOI;
    };
    et2_dataview_selectionManager.prototype._attachActionObject = function (_entry, _tr, _uid, _links, _idx) {
        // Get the dummyAOI which connects the action object to the tr but
        // does no selection handling
        var dummyAOI = this._getDummyAOI(_entry, _tr, _uid, _idx);
        // Create an action object for the tr and connect it to a dummy AOI
        if (this._actionObjectManager) {
            if (this._actionObjectManager.getObjectById(_uid)) {
                var state = _entry.state;
                this._actionObjectManager.getObjectById(_uid).remove();
                _entry.state = state;
            }
            _entry.ao = this._actionObjectManager.addObject(_uid, dummyAOI);
        }
        // Force context (actual widget) in here, it's the last place it's available
        _entry.ao._context = this._context;
        _entry.ao.updateActionLinks(_links);
        _entry.ao._index = _idx;
        // Overwrite some functions like "traversePath", "getNext" and
        // "getPrevious"
        var self = this;
        function getIndexAO(_idx) {
            // Check whether the index is in the index map
            if (typeof self._indexMap[_idx] !== "undefined"
                && self._indexMap[_idx].uid) {
                return self._getRegisteredRowsEntry(self._indexMap[_idx].uid).ao;
            }
            return null;
        }
        function getElementRelatively(_step) {
            var total = self._total || Object.keys(self._indexMap).length;
            var max_index = Math.max.apply(Math, Object.keys(self._indexMap));
            // Get a reasonable number of iterations - not all
            var count = Math.max(1, Math.min(self._total, 50));
            var element = null;
            var idx = _entry.idx;
            while (element == null && count > 0 && max_index > 0) {
                count--;
                element = getIndexAO(Math.max(0, Math.min(max_index, idx += _step)));
            }
            return element;
        }
        _entry.ao.getPrevious = function (_step) {
            return getElementRelatively(-_step);
        };
        _entry.ao.getNext = function (_step) {
            return getElementRelatively(_step);
        };
        _entry.ao.traversePath = function (_obj) {
            // Get the start and the stop index
            var s = Math.min(this._index, _obj._index);
            var e = Math.max(this._index, _obj._index);
            var result = [];
            for (var i = s; i < e; i++) {
                var ao = getIndexAO(i);
                if (ao) {
                    result.push(ao);
                }
            }
            return result;
        };
    };
    et2_dataview_selectionManager.prototype._updateState = function (_uid, _state) {
        var entry = this._getRegisteredRowsEntry(_uid);
        this._updateEntryState(entry, _state);
        return entry;
    };
    et2_dataview_selectionManager.prototype._updateEntryState = function (_entry, _state) {
        if (this._selectAll) {
            _state |= EGW_AO_STATE_SELECTED;
        }
        else if (this._invertSelection) {
            _state ^= EGW_AO_STATE_SELECTED;
        }
        // Attach ao if not there, happens for rows loaded for selection, but
        // not displayed yet
        if (!_entry.ao && _entry.uid && this._actionObjectManager) {
            var _links = [];
            for (var key in this._registeredRows) {
                if (this._registeredRows[key].ao && this._registeredRows[key].ao.actionLinks) {
                    _links = this._registeredRows[key].ao.actionLinks;
                    break;
                }
            }
            if (_links) {
                this._attachActionObjectInterface(_entry, null, _entry.uid);
                this._attachActionObject(_entry, null, _entry.uid, _links, _entry.idx);
            }
        }
        // Update the state if it has changed
        if ((_entry.aoi && _entry.aoi.getState() !== _state) || _entry.state != _state) {
            this._inUpdate = true; // Recursion prevention
            // Update the state of the action object
            if (_entry.ao) {
                _entry.ao.setSelected(egwBitIsSet(_state, EGW_AO_STATE_SELECTED));
                _entry.ao.setFocused(egwBitIsSet(_state, EGW_AO_STATE_FOCUSED));
            }
            this._inUpdate = false;
            // Delete the element if state was set to "NORMAL" and there is
            // no tr
            if (_state === EGW_AO_STATE_NORMAL && !_entry.tr) {
                delete this._registeredRows[_entry.uid];
            }
        }
        // Update the visual state
        if (_entry.aoi && _entry.aoi.doSetState) {
            _entry.aoi.doSetState(_state);
        }
        // Update the state of the entry
        _entry.state = _state;
    };
    et2_dataview_selectionManager.prototype._getRegisteredRowsEntry = function (_uid) {
        if (typeof this._registeredRows[_uid] === "undefined") {
            this._registeredRows[_uid] = {
                "uid": _uid,
                "idx": null,
                "state": EGW_AO_STATE_NORMAL,
                "tr": null,
                "aoi": null,
                "ao": null
            };
        }
        return this._registeredRows[_uid];
    };
    et2_dataview_selectionManager.prototype._handleSelect = function (_uid, _entry, _shift, _ctrl) {
        // If not "_ctrl" is set, reset the selection
        if (!_ctrl) {
            var top = this;
            while (top._parent !== null) {
                top = top._parent;
            }
            top.resetSelection();
            this._actionObjectManager.setAllSelected(false); // needed for hirachical stuff
        }
        // Mark the element that was clicked as selected
        var entry = this._getRegisteredRowsEntry(_uid);
        this.setSelected(_uid, !_ctrl || !egwBitIsSet(entry.state, EGW_AO_STATE_SELECTED));
        // Focus the element if shift is not pressed
        if (!_shift) {
            this.setFocused(_uid, true);
        }
        else if (this._focusedEntry) {
            this._selectRange(this._focusedEntry.idx, _entry.idx);
        }
        if (this.select_callback && typeof this.select_callback == "function") {
            this.select_callback.apply(this._context, arguments);
        }
    };
    et2_dataview_selectionManager.prototype._selectRange = function (_start, _stop) {
        // Contains ranges that are not currently in the index map and that have
        // to be queried
        var queryRanges = [];
        // Iterate over the given range and select the elements in the range
        // from _start to _stop
        var naStart = false;
        var s = Math.min(_start, _stop);
        var e = Math.max(_stop, _start);
        var RANGE_MAX = 50;
        var range_break = s + RANGE_MAX;
        for (var i = s; i <= e; i++) {
            if (typeof this._indexMap[i] !== "undefined" &&
                this._indexMap[i].uid && egw.dataGetUIDdata(this._indexMap[i].uid)) {
                // Add the range to the "queryRanges"
                if (naStart !== false) {
                    queryRanges.push(et2_bounds(naStart, i - 1));
                    naStart = false;
                    range_break += RANGE_MAX;
                }
                // Select the element, unless flagged for exclusion
                // Check for no_actions flag via data
                var data = egw.dataGetUIDdata(this._indexMap[i].uid);
                if (data && data.data && !data.data.no_actions) {
                    this.setSelected(this._indexMap[i].uid, true);
                }
            }
            else if (naStart === false) {
                naStart = i;
                range_break = naStart + RANGE_MAX;
            }
            else if (i >= range_break) {
                queryRanges.push(et2_bounds(naStart ? naStart : s, i - 1));
                naStart = i;
                range_break += RANGE_MAX;
            }
        }
        // Add the last range to the "queryRanges"
        if (naStart !== false) {
            queryRanges.push(et2_bounds(naStart, i - 1));
            naStart = false;
        }
        // Query all unknown ranges from the server
        if (queryRanges.length > 0) {
            this._query_ranges(queryRanges);
        }
    };
    et2_dataview_selectionManager.prototype._query_ranges = function (queryRanges) {
        var that = this;
        var record_count = 0;
        var range_index = 0;
        var range_count = queryRanges.length;
        var cont = true;
        var fetchPromise = new Promise(function (resolve) {
            resolve();
        });
        // Found after dialog loads
        var progressbar;
        var parent = et2_dialog._create_parent();
        var dialog = et2_createWidget("dialog", {
            callback: 
            // Abort the long task if they canceled the data load
            function () { cont = false; },
            template: egw.webserverUrl + '/api/templates/default/long_task.xet',
            message: egw.lang('Loading'),
            title: egw.lang('please wait...'),
            buttons: [{ "button_id": et2_dialog.CANCEL_BUTTON, "text": egw.lang('cancel'), id: 'dialog[cancel]', image: 'cancel' }],
            width: 300
        }, parent);
        jQuery(dialog.template.DOMContainer).on('load', function () {
            // Get access to template widgets
            progressbar = dialog.template.widgetContainer.getWidgetById('progressbar');
        });
        for (var i = 0; i < queryRanges.length; i++) {
            if (record_count + (queryRanges[i].bottom - queryRanges[i].top + 1) > that.MAX_SELECTION) {
                egw.message(egw.lang('Too many rows selected.<br />Select all, or less than %1 rows', that.MAX_SELECTION));
                break;
            }
            else {
                record_count += (queryRanges[i].bottom - queryRanges[i].top + 1);
                fetchPromise = fetchPromise.then((function () {
                    // Check for abort
                    if (!cont)
                        return;
                    return new Promise(function (resolve) {
                        that._queryRangeCallback.call(that._context, this, function (_order) {
                            for (var j = 0; j < _order.length; j++) {
                                // Check for no_actions flag via data since entry isn't there/available
                                var data = egw.dataGetUIDdata(_order[j]);
                                if (!data || data && data.data && !data.data.no_actions) {
                                    var entry = this._getRegisteredRowsEntry(_order[j]);
                                    this._updateEntryState(entry, egwSetBit(entry.state, EGW_AO_STATE_SELECTED, true));
                                }
                            }
                            progressbar.set_value(100 * (++range_index / range_count));
                            resolve();
                        }, that);
                    }.bind(this));
                }).bind(queryRanges[i]));
            }
        }
        fetchPromise.finally(function () {
            dialog.destroy();
        });
    };
    // Maximum number of rows we can safely fetch for selection
    // Actual selection may have more rows if we already have some
    et2_dataview_selectionManager.MAX_SELECTION = 1000;
    return et2_dataview_selectionManager;
}());
exports.et2_dataview_selectionManager = et2_dataview_selectionManager;
//# sourceMappingURL=et2_dataview_controller_selection.js.map