extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-29 10:09:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

* Api: Fix entry list stops scrolling if a row is updated while the tab is not visible

Browse Source
This commit is contained in:
nathan 2021-08-17 13:56:52 -06:00
parent c79ed3ab73
commit 8c6fea66ca
2 changed files with 986 additions and 790 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

259
api/js/etemplate/et2_extension_nextmatch.js
View File

@ -5,12 +5,25 @@
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate * @package etemplate
* @subpackage api * @subpackage api
* @link http://www.egroupware.org * @link https://www.egroupware.org
* @author Andreas Stöckel * @author Andreas Stöckel
* @copyright Stylite 2011 * @copyright EGroupware GmbH 2011-2021
* @version $Id$ */
* 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.et2_nextmatch_customfilter = exports.et2_nextmatch_entryheader = exports.et2_nextmatch_taglistheader = exports.et2_nextmatch_accountfilterheader = exports.et2_nextmatch_filterheader = exports.et2_nextmatch_sortheader = exports.et2_nextmatch_customfields = exports.et2_nextmatch_header = exports.et2_nextmatch_header_bar = exports.et2_nextmatch = exports.et2_INextmatchSortable = exports.et2_INextmatchHeader = void 0;
/*egw:uses /*egw:uses
// Include the action system // Include the action system
@ -41,23 +54,8 @@
et2_dataview; et2_dataview;
*/ */
var __extends = (this && this.__extends) || (function () { var et2_core_common_1 = require("./et2_core_common");
var extendStatics = function (d, b) { var et2_core_interfaces_1 = require("./et2_core_interfaces");
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.et2_nextmatch_accountfilterheader = exports.et2_nextmatch_filterheader = exports.et2_nextmatch_sortheader = exports.et2_nextmatch_customfields = exports.et2_nextmatch_header = exports.et2_nextmatch = void 0;
require("./et2_core_common");
require("./et2_core_interfaces");
var et2_core_inheritance_1 = require("./et2_core_inheritance"); var et2_core_inheritance_1 = require("./et2_core_inheritance");
var et2_core_widget_1 = require("./et2_core_widget"); var et2_core_widget_1 = require("./et2_core_widget");
var et2_core_DOMWidget_1 = require("./et2_core_DOMWidget"); var et2_core_DOMWidget_1 = require("./et2_core_DOMWidget");
@ -77,14 +75,18 @@ var et2_widget_taglist_1 = require("./et2_widget_taglist");
var et2_widget_selectAccount_1 = require("./et2_widget_selectAccount"); var et2_widget_selectAccount_1 = require("./et2_widget_selectAccount");
var et2_widget_dynheight_1 = require("./et2_widget_dynheight"); var et2_widget_dynheight_1 = require("./et2_widget_dynheight");
var et2_core_arrayMgr_1 = require("./et2_core_arrayMgr"); var et2_core_arrayMgr_1 = require("./et2_core_arrayMgr");
var et2_INextmatchHeader = "et2_INextmatchHeader"; var egw_global_1 = require("../jsapi/egw_global");
function implements_et2_INextmatchHeader(obj) { var et2_core_legacyJSFunctions_1 = require("./et2_core_legacyJSFunctions");
return implements_methods(obj, ["setNextmatch"]); var egw_action_common_js_1 = require("../egw_action/egw_action_common.js");
} var sortable_complete_esm_js_1 = require("sortablejs/modular/sortable.complete.esm.js");
var et2_INextmatchSortable = "et2_INextmatchSortable"; exports.et2_INextmatchHeader = "et2_INextmatchHeader";
function implements_et2_INextmatchSortable(obj) { et2_core_interfaces_1.et2_implements_registry.et2_INextmatchHeader = function (obj) {
return implements_methods(obj, ["setSortmode"]); return et2_core_interfaces_1.implements_methods(obj, ["setNextmatch"]);
} };
exports.et2_INextmatchSortable = "et2_INextmatchSortable";
et2_core_interfaces_1.et2_implements_registry.et2_INextmatchSortable = function (obj) {
return et2_core_interfaces_1.implements_methods(obj, ["setSortmode"]);
};
/** /**
* Class which implements the "nextmatch" XET-Tag * Class which implements the "nextmatch" XET-Tag
* *
@ -308,7 +310,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
// Set the sortmode display // Set the sortmode display
this.iterateOver(function (_widget) { this.iterateOver(function (_widget) {
_widget.setSortmode((_widget.id == _id) ? (_asc ? "asc" : "desc") : "none"); _widget.setSortmode((_widget.id == _id) ? (_asc ? "asc" : "desc") : "none");
}, this, et2_INextmatchSortable); }, this, exports.et2_INextmatchSortable);
if (_update) { if (_update) {
this.applyFilters({ sort: { id: _id, asc: _asc } }); this.applyFilters({ sort: { id: _id, asc: _asc } });
} }
@ -330,7 +332,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
// Reset the sort mode // Reset the sort mode
this.iterateOver(function (_widget) { this.iterateOver(function (_widget) {
_widget.setSortmode("none"); _widget.setSortmode("none");
}, this, et2_INextmatchSortable); }, this, exports.et2_INextmatchSortable);
// Delete the "sort" filter entry // Delete the "sort" filter entry
this.applyFilters({ sort: undefined }); this.applyFilters({ sort: undefined });
} }
@ -423,7 +425,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
if (column.id && typeof column.get_value == "function") { if (column.id && typeof column.get_value == "function") {
this[column.id] = column.get_value(); this[column.id] = column.get_value();
} }
}, this.activeFilters.col_filter, et2_INextmatchHeader); }, this.activeFilters.col_filter, exports.et2_INextmatchHeader);
// Trigger an update // Trigger an update
this.controller.update(true); this.controller.update(true);
if (changed) { if (changed) {
@ -476,7 +478,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
if (typeof _row_ids == 'string' || typeof _row_ids == 'number') if (typeof _row_ids == 'string' || typeof _row_ids == 'number')
_row_ids = [_row_ids]; _row_ids = [_row_ids];
// Make some changes in what we're doing based on preference // Make some changes in what we're doing based on preference
var update_pref = egw.preference("lazy-update") || 'lazy'; var update_pref = egw_global_1.egw.preference("lazy-update") || 'lazy';
if (_type == et2_nextmatch.UPDATE && !this.is_sorted_by_modified()) { if (_type == et2_nextmatch.UPDATE && !this.is_sorted_by_modified()) {
_type = update_pref == "lazy" ? et2_nextmatch.UPDATE_IN_PLACE : et2_nextmatch.EDIT; _type = update_pref == "lazy" ? et2_nextmatch.UPDATE_IN_PLACE : et2_nextmatch.EDIT;
} }
@ -543,7 +545,9 @@ var et2_nextmatch = /** @class */ (function (_super) {
var _loop_1 = function () { var _loop_1 = function () {
var uid_1 = _row_ids[i].toString().indexOf(this_1.controller.dataStorePrefix) == 0 ? _row_ids[i] : this_1.controller.dataStorePrefix + "::" + _row_ids[i]; var uid_1 = _row_ids[i].toString().indexOf(this_1.controller.dataStorePrefix) == 0 ? _row_ids[i] : this_1.controller.dataStorePrefix + "::" + _row_ids[i];
// Check for update on a row we don't have // Check for update on a row we don't have
var known = Object.values(this_1.controller._indexMap).filter(function (row) { return row.uid == uid_1; }); var known = Object.values(this_1.controller._indexMap).filter(function (row) {
return row.uid == uid_1;
});
if ((_type == et2_nextmatch.UPDATE || _type == et2_nextmatch.UPDATE_IN_PLACE) && (!known || known.length == 0)) { if ((_type == et2_nextmatch.UPDATE || _type == et2_nextmatch.UPDATE_IN_PLACE) && (!known || known.length == 0)) {
_type = et2_nextmatch.ADD; _type = et2_nextmatch.ADD;
if (update_pref == "exact" && !this_1.is_sorted_by_modified()) { if (update_pref == "exact" && !this_1.is_sorted_by_modified()) {
@ -642,14 +646,18 @@ var et2_nextmatch = /** @class */ (function (_super) {
*/ */
et2_nextmatch.prototype.refresh_add = function (uid, type) { et2_nextmatch.prototype.refresh_add = function (uid, type) {
if (type === void 0) { type = et2_nextmatch.ADD; } if (type === void 0) { type = et2_nextmatch.ADD; }
var index = egw.preference("lazy-update") !== "exact" ? 0 : var index = egw_global_1.egw.preference("lazy-update") !== "exact" ? 0 :
(this.is_sorted_by_modified() ? 0 : false); (this.is_sorted_by_modified() ? 0 : false);
// No add, do a full refresh // No add, do a full refresh
if (index === false) { if (index === false) {
return false; return false;
} }
var time = new Date().valueOf(); var time = new Date().valueOf();
this.egw().dataRegisterUID(uid, this._push_add_callback, { nm: this, uid: uid, index: index }, this.getInstanceManager().etemplate_exec_id, this.id); this.egw().dataRegisterUID(uid, this._push_add_callback, {
nm: this,
uid: uid,
index: index
}, this.getInstanceManager().etemplate_exec_id, this.id);
return true; return true;
}; };
/** /**
@ -663,7 +671,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
data.class += " new_entry"; data.class += " new_entry";
} }
// Don't remove if new data has not arrived // Don't remove if new data has not arrived
var stored = egw.dataGetUIDdata(this.uid); var stored = egw_global_1.egw.dataGetUIDdata(this.uid);
//if(stored?.timestamp >= time) return; //if(stored?.timestamp >= time) return;
// Increase displayed row count or we lose the last row when we add and the total is wrong // Increase displayed row count or we lose the last row when we add and the total is wrong
this.nm.controller._grid.setTotalCount(this.nm.controller._grid.getTotalCount() + 1); this.nm.controller._grid.setTotalCount(this.nm.controller._grid.getTotalCount() + 1);
@ -700,9 +708,8 @@ var et2_nextmatch = /** @class */ (function (_super) {
// Already too many or an EDIT came, we'll refresh everything later // Already too many or an EDIT came, we'll refresh everything later
return; return;
} }
// Cancel any existing listener // Bind so we can get the queued data when tab is re-activated
var tab = jQuery(this.getInstanceManager().DOMContainer.parentNode) var tab = jQuery(this.getInstanceManager().DOMContainer.parentNode)
.off('show.et2_nextmatch')
.one('show.et2_nextmatch', this._queue_refresh_callback.bind(this)); .one('show.et2_nextmatch', this._queue_refresh_callback.bind(this));
// Edit means refresh everything, so no need to keep queueing // Edit means refresh everything, so no need to keep queueing
// Too many? Forget it, we'll refresh everything. // Too many? Forget it, we'll refresh everything.
@ -752,7 +759,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
et2_nextmatch.prototype._get_appname = function () { et2_nextmatch.prototype._get_appname = function () {
var app = ''; var app = '';
var list = []; var list = [];
list = et2_csvSplit(this.options.settings.columnselection_pref, 2, "."); list = et2_core_common_1.et2_csvSplit(this.options.settings.columnselection_pref, 2, ".");
if (this.options.settings.columnselection_pref.indexOf('nextmatch') == 0) { if (this.options.settings.columnselection_pref.indexOf('nextmatch') == 0) {
app = list[0].substring('nextmatch'.length + 1); app = list[0].substring('nextmatch'.length + 1);
} }
@ -860,7 +867,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
else { else {
result += ", " + label; result += ", " + label;
} }
}, this, et2_INextmatchHeader); }, this, exports.et2_INextmatchHeader);
return result; return result;
}; };
/** /**
@ -911,15 +918,15 @@ var et2_nextmatch = /** @class */ (function (_super) {
var list = []; var list = [];
if (this.options.settings.columnselection_pref) { if (this.options.settings.columnselection_pref) {
var pref = {}; var pref = {};
list = et2_csvSplit(this.options.settings.columnselection_pref, 2, "."); list = et2_core_common_1.et2_csvSplit(this.options.settings.columnselection_pref, 2, ".");
if (this.options.settings.columnselection_pref.indexOf('nextmatch') == 0) { if (this.options.settings.columnselection_pref.indexOf('nextmatch') == 0) {
app = list[0].substring('nextmatch'.length + 1); app = list[0].substring('nextmatch'.length + 1);
pref = egw.preference(this.options.settings.columnselection_pref, app); pref = egw_global_1.egw.preference(this.options.settings.columnselection_pref, app);
} }
else { else {
app = list[0]; app = list[0];
// 'nextmatch-' prefix is there in preference name, but not in setting, so add it in // 'nextmatch-' prefix is there in preference name, but not in setting, so add it in
pref = egw.preference("nextmatch-" + this.options.settings.columnselection_pref, app); pref = egw_global_1.egw.preference("nextmatch-" + this.options.settings.columnselection_pref, app);
} }
if (pref) { if (pref) {
negated = (pref[0] == "!"); negated = (pref[0] == "!");
@ -933,7 +940,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
negated = true; negated = true;
} }
columnDisplay = typeof columnPreference === "string" columnDisplay = typeof columnPreference === "string"
? et2_csvSplit(columnPreference, null, ",") : columnPreference; ? et2_core_common_1.et2_csvSplit(columnPreference, null, ",") : columnPreference;
// Adjusted column sizes // Adjusted column sizes
var size = {}; var size = {};
if (this.options.settings.columnselection_pref && app) { if (this.options.settings.columnselection_pref && app) {
@ -1087,7 +1094,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
this.egw().debug("info", "Could not save column width - no name", colMgr.columns[i].id); this.egw().debug("info", "Could not save column width - no name", colMgr.columns[i].id);
} }
} }
var list = et2_csvSplit(this.options.settings.columnselection_pref, 2, "."); var list = et2_core_common_1.et2_csvSplit(this.options.settings.columnselection_pref, 2, ".");
var pref = this.options.settings.columnselection_pref; var pref = this.options.settings.columnselection_pref;
if (pref.indexOf('nextmatch') == 0) { if (pref.indexOf('nextmatch') == 0) {
app = list[0].substring('nextmatch'.length + 1); app = list[0].substring('nextmatch'.length + 1);
@ -1120,8 +1127,10 @@ var et2_nextmatch = /** @class */ (function (_super) {
this.egw().set_preference(app, pref, this.activeFilters.selectcols.join(","), this.egw().set_preference(app, pref, this.activeFilters.selectcols.join(","),
// Use callback after the preference gets set to trigger refresh, in case app // Use callback after the preference gets set to trigger refresh, in case app
// isn't looking at selectcols and just uses preference // isn't looking at selectcols and just uses preference
cf_added ? jQuery.proxy(function () { if (this.controller) cf_added ? jQuery.proxy(function () {
this.controller.update(true); }, this) : null); if (this.controller)
this.controller.update(true);
}, this) : null);
// Save adjusted column sizes and inform user about it // Save adjusted column sizes and inform user about it
this.egw().set_preference(app, pref + "-size", colSize); this.egw().set_preference(app, pref + "-size", colSize);
this.egw().message(this.egw().lang("Saved column sizes to preferences.")); this.egw().message(this.egw().lang("Saved column sizes to preferences."));
@ -1211,7 +1220,9 @@ var et2_nextmatch = /** @class */ (function (_super) {
// Use apply to make sure context is there // Use apply to make sure context is there
self._updateUserPreferences.apply(self); self._updateUserPreferences.apply(self);
// Allow column widgets a chance to resize // Allow column widgets a chance to resize
self.iterateOver(function (widget) { widget.resize(); }, self, et2_IResizeable); self.iterateOver(function (widget) {
widget.resize();
}, self, et2_core_interfaces_1.et2_IResizeable);
}; };
// Register handler for column selection popup, or disable // Register handler for column selection popup, or disable
if (this.selectPopup) { if (this.selectPopup) {
@ -1219,7 +1230,9 @@ var et2_nextmatch = /** @class */ (function (_super) {
this.selectPopup = null; this.selectPopup = null;
} }
if (this.options.settings.no_columnselection) { if (this.options.settings.no_columnselection) {
this.dataview.selectColumnsClick = function () { return false; }; this.dataview.selectColumnsClick = function () {
return false;
};
jQuery('span.selectcols', this.dataview.headTr).hide(); jQuery('span.selectcols', this.dataview.headTr).hide();
} }
else { else {
@ -1369,7 +1382,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
} }
// Letter search // Letter search
if (this.options.settings.lettersearch) { if (this.options.settings.lettersearch) {
columns[LETTERS] = egw.lang('Search letter'); columns[LETTERS] = egw_global_1.egw.lang('Search letter');
if (this.header.lettersearch.is(':visible')) if (this.header.lettersearch.is(':visible'))
columns_selected.push(LETTERS); columns_selected.push(LETTERS);
} }
@ -1400,7 +1413,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
1800: "30 Minutes" 1800: "30 Minutes"
}); });
autoRefresh_1.set_value(this._get_autorefresh()); autoRefresh_1.set_value(this._get_autorefresh());
autoRefresh_1.set_statustext(egw.lang("Automatically refresh list")); autoRefresh_1.set_statustext(egw_global_1.egw.lang("Automatically refresh list"));
} }
var defaultCheck = et2_core_widget_1.et2_createWidget("select", { "empty_label": "Preference" }, this); var defaultCheck = et2_core_widget_1.et2_createWidget("select", { "empty_label": "Preference" }, this);
defaultCheck.set_id('nm_col_preference'); defaultCheck.set_id('nm_col_preference');
@ -1410,7 +1423,10 @@ var et2_nextmatch = /** @class */ (function (_super) {
'force': { label: 'Force', title: 'Force column preference so users cannot change it' } 'force': { label: 'Force', title: 'Force column preference so users cannot change it' }
}); });
defaultCheck.set_value(this.options.settings.columns_forced ? 'force' : ''); defaultCheck.set_value(this.options.settings.columns_forced ? 'force' : '');
var okButton = et2_core_widget_1.et2_createWidget("buttononly", { "background_image": true, image: "check" }, this); var okButton = et2_core_widget_1.et2_createWidget("buttononly", {
"background_image": true,
image: "check"
}, this);
okButton.set_label(this.egw().lang("ok")); okButton.set_label(this.egw().lang("ok"));
okButton.onclick = function () { okButton.onclick = function () {
// Update visibility // Update visibility
@ -1494,35 +1510,22 @@ var et2_nextmatch = /** @class */ (function (_super) {
self.getInstanceManager().submit(); self.getInstanceManager().submit();
self.selectPopup = null; self.selectPopup = null;
}; };
var cancelButton = et2_core_widget_1.et2_createWidget("buttononly", { "background_image": true, image: "cancel" }, this); var cancelButton = et2_core_widget_1.et2_createWidget("buttononly", {
"background_image": true,
image: "cancel"
}, this);
cancelButton.set_label(this.egw().lang("cancel")); cancelButton.set_label(this.egw().lang("cancel"));
cancelButton.onclick = function () { cancelButton.onclick = function () {
self.selectPopup.toggle(); self.selectPopup.toggle();
self.selectPopup = null; self.selectPopup = null;
}; };
var $select = jQuery(select_1.getDOMNode()); var $select = jQuery(select_1.getDOMNode());
$select.find('.ui-multiselect-checkboxes').sortable({ var sortablejs = sortable_complete_esm_js_1.default.create(select_1.getDOMNode().getElementsByClassName('ui-multiselect-checkboxes')[0], {
placeholder: 'ui-fav-sortable-placeholder', ghostClass: 'ui-fav-sortable-placeholder',
items: 'li[class^="selcolumn_sortable_col"]', draggable: 'li[class^="selcolumn_sortable_col"]',
cancel: 'li[class^="selcolumn_sortable_#"]', filter: 'li[class^="selcolumn_sortable_#"]',
cursor: "move", direction: 'vertical',
tolerance: "pointer", delay: 25,
axis: 'y',
containment: "parent",
delay: 250,
beforeStop: function (event, ui) {
jQuery('li[class^="selcolumn_sortable_#"]', this).css({
opacity: 1
});
},
start: function (event, ui) {
jQuery('li[class^="selcolumn_sortable_#"]', this).css({
opacity: 0.5
});
},
sort: function (event, ui) {
jQuery(this).sortable("refreshPositions");
}
}); });
$select.disableSelection(); $select.disableSelection();
$select.find('li[class^="selcolumn_sortable_"]').each(function (i, v) { $select.find('li[class^="selcolumn_sortable_"]').each(function (i, v) {
@ -1642,7 +1645,9 @@ var et2_nextmatch = /** @class */ (function (_super) {
// We don't want to update user's preference, so directly update // We don't want to update user's preference, so directly update
this.dataview._updateColumns(); this.dataview._updateColumns();
// Allow column widgets a chance to resize // Allow column widgets a chance to resize
this.iterateOver(function (widget) { widget.resize(); }, this, et2_IResizeable); this.iterateOver(function (widget) {
widget.resize();
}, this, et2_core_interfaces_1.et2_IResizeable);
}; };
/** /**
* Set the letter search preference, and update the UI * Set the letter search preference, and update the UI
@ -1692,7 +1697,9 @@ var et2_nextmatch = /** @class */ (function (_super) {
jQuery(this.getInstanceManager().DOMContainer.parentNode).one('show.et2_nextmatch', jQuery(this.getInstanceManager().DOMContainer.parentNode).one('show.et2_nextmatch',
// Important to use anonymous function instead of just 'this.refresh' because // Important to use anonymous function instead of just 'this.refresh' because
// of the parameters passed // of the parameters passed
jQuery.proxy(function () { this.refresh(null, 'edit'); }, this)); jQuery.proxy(function () {
this.refresh(null, 'edit');
}, this));
}, this), time * 1000); }, this), time * 1000);
}, this)); }, this));
jQuery(this.getInstanceManager().DOMContainer.parentNode).on('show.et2_nextmatch', jQuery.proxy(function (e) { jQuery(this.getInstanceManager().DOMContainer.parentNode).on('show.et2_nextmatch', jQuery.proxy(function (e) {
@ -1795,7 +1802,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
// to what's in the template. // to what's in the template.
this.iterateOver(function (_node) { this.iterateOver(function (_node) {
_node.setNextmatch(this); _node.setNextmatch(this);
}, this, et2_INextmatchHeader); }, this, exports.et2_INextmatchHeader);
// Set filters to current values // Set filters to current values
// TODO this.controller.setFilters(this.activeFilters); // TODO this.controller.setFilters(this.activeFilters);
// If no data was sent from the server, and num_rows is 0, the nm will be empty. // If no data was sent from the server, and num_rows is 0, the nm will be empty.
@ -2055,9 +2062,14 @@ var et2_nextmatch = /** @class */ (function (_super) {
} }
return value; return value;
}; };
et2_nextmatch.prototype.resetDirty = function () { }; et2_nextmatch.prototype.resetDirty = function () {
et2_nextmatch.prototype.isDirty = function () { return false; }; };
et2_nextmatch.prototype.isValid = function () { return true; }; et2_nextmatch.prototype.isDirty = function () {
return false;
};
et2_nextmatch.prototype.isValid = function () {
return true;
};
et2_nextmatch.prototype.set_value = function (_value) { et2_nextmatch.prototype.set_value = function (_value) {
this.value = _value; this.value = _value;
}; };
@ -2177,7 +2189,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
window.setTimeout(function () { window.setTimeout(function () {
defer.reject(); defer.reject();
}, 0); }, 0);
}, egw.lang('Loading'), egw.lang('please wait...'), {}, [ }, egw_global_1.egw.lang('Loading'), egw_global_1.egw.lang('please wait...'), {}, [
{ "button_id": et2_widget_dialog_1.et2_dialog.CANCEL_BUTTON, "text": 'cancel', id: 'dialog[cancel]', image: 'cancel' } { "button_id": et2_widget_dialog_1.et2_dialog.CANCEL_BUTTON, "text": 'cancel', id: 'dialog[cancel]', image: 'cancel' }
]); ]);
// dataFetch() is asynchronous, so all these requests just get fired off... // dataFetch() is asynchronous, so all these requests just get fired off...
@ -2208,7 +2220,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
// Use CSS to hide all but the requested rows // Use CSS to hide all but the requested rows
// Prevents us from showing more than requested, if actual height was less than average // Prevents us from showing more than requested, if actual height was less than average
nm_1.print.row_selector = ".egwGridView_grid > tbody > tr:not(:nth-child(-n+" + rows + "))"; nm_1.print.row_selector = ".egwGridView_grid > tbody > tr:not(:nth-child(-n+" + rows + "))";
egw.css(nm_1.print.row_selector, 'display: none'); egw_global_1.egw.css(nm_1.print.row_selector, 'display: none');
// No scrollbar in print view // No scrollbar in print view
jQuery('.egwGridView_scrollarea', this.div).css('overflow-y', 'hidden'); jQuery('.egwGridView_scrollarea', this.div).css('overflow-y', 'hidden');
// Show it all // Show it all
@ -2232,7 +2244,7 @@ var et2_nextmatch = /** @class */ (function (_super) {
// Use CSS to hide all but the requested rows // Use CSS to hide all but the requested rows
// Prevents us from showing more than requested, if actual height was less than average // Prevents us from showing more than requested, if actual height was less than average
this.print.row_selector = ".egwGridView_grid > tbody > tr:not(:nth-child(-n+" + rows + "))"; this.print.row_selector = ".egwGridView_grid > tbody > tr:not(:nth-child(-n+" + rows + "))";
egw.css(this.print.row_selector, 'display: none'); egw_global_1.egw.css(this.print.row_selector, 'display: none');
// No scrollbar in print view // No scrollbar in print view
jQuery('.egwGridView_scrollarea', this.div).css('overflow-y', 'hidden'); jQuery('.egwGridView_scrollarea', this.div).css('overflow-y', 'hidden');
// Give dialog a chance to close, or it will be in the print // Give dialog a chance to close, or it will be in the print
@ -2302,18 +2314,18 @@ var et2_nextmatch = /** @class */ (function (_super) {
delete this.print.old_height; delete this.print.old_height;
// Remove CSS rule hiding extra rows // Remove CSS rule hiding extra rows
if (this.print.row_selector) { if (this.print.row_selector) {
egw.css(this.print.row_selector, ''); egw_global_1.egw.css(this.print.row_selector, '');
delete this.print.row_selector; delete this.print.row_selector;
} }
// Restore columns // Restore columns
var pref = []; var pref = [];
var app = this.getInstanceManager().app; var app = this.getInstanceManager().app;
if (this.options.settings.columnselection_pref.indexOf('nextmatch') == 0) { if (this.options.settings.columnselection_pref.indexOf('nextmatch') == 0) {
pref = egw.preference(this.options.settings.columnselection_pref, app); pref = egw_global_1.egw.preference(this.options.settings.columnselection_pref, app);
} }
else { else {
// 'nextmatch-' prefix is there in preference name, but not in setting, so add it in // 'nextmatch-' prefix is there in preference name, but not in setting, so add it in
pref = egw.preference("nextmatch-" + this.options.settings.columnselection_pref, app); pref = egw_global_1.egw.preference("nextmatch-" + this.options.settings.columnselection_pref, app);
} }
if (pref) { if (pref) {
if (typeof pref === 'string') if (typeof pref === 'string')
@ -2359,13 +2371,13 @@ var et2_nextmatch = /** @class */ (function (_super) {
"name": "No filter", "name": "No filter",
"type": "boolean", "type": "boolean",
"description": "Hide the first filter", "description": "Hide the first filter",
"default": et2_no_init "default": et2_core_common_1.et2_no_init
}, },
"no_filter2": { "no_filter2": {
"name": "No filter2", "name": "No filter2",
"type": "boolean", "type": "boolean",
"description": "Hide the second filter", "description": "Hide the second filter",
"default": et2_no_init "default": et2_core_common_1.et2_no_init
}, },
"disable_autorefresh": { "disable_autorefresh": {
"name": "Disable autorefresh", "name": "Disable autorefresh",
@ -2383,24 +2395,24 @@ var et2_nextmatch = /** @class */ (function (_super) {
"name": "View", "name": "View",
"type": "string", "type": "string",
"description": "Display entries as either 'row' or 'tile'. A matching template must also be set after changing this.", "description": "Display entries as either 'row' or 'tile'. A matching template must also be set after changing this.",
"default": et2_no_init "default": et2_core_common_1.et2_no_init
}, },
"onselect": { "onselect": {
"name": "onselect", "name": "onselect",
"type": "js", "type": "js",
"default": et2_no_init, "default": et2_core_common_1.et2_no_init,
"description": "JS code which gets executed when rows are selected. Can also be a app.appname.func(selected) style method" "description": "JS code which gets executed when rows are selected. Can also be a app.appname.func(selected) style method"
}, },
"onfiledrop": { "onfiledrop": {
"name": "onFileDrop", "name": "onFileDrop",
"type": "js", "type": "js",
"default": et2_no_init, "default": et2_core_common_1.et2_no_init,
"description": "JS code that gets executed when a _file_ is dropped on a row. Other drop interactions are handled by the action system. Return false to prevent the default link action." "description": "JS code that gets executed when a _file_ is dropped on a row. Other drop interactions are handled by the action system. Return false to prevent the default link action."
}, },
"onadd": { "onadd": {
"name": "onAdd", "name": "onAdd",
"type": "js", "type": "js",
"default": et2_no_init, "default": et2_core_common_1.et2_no_init,
"description": "JS code that gets executed when a new entry is added via refresh(). Allows apps to override the default handling. Return false to cancel the add." "description": "JS code that gets executed when a new entry is added via refresh(). Allows apps to override the default handling. Return false to cancel the add."
}, },
"settings": { "settings": {
@ -2471,7 +2483,8 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
* *
* @param {object} actions * @param {object} actions
*/ */
et2_nextmatch_header_bar.prototype.set_actions = function (actions) { }; et2_nextmatch_header_bar.prototype.set_actions = function (actions) {
};
et2_nextmatch_header_bar.prototype._createHeader = function () { et2_nextmatch_header_bar.prototype._createHeader = function () {
var button; var button;
var self = this; var self = this;
@ -2494,7 +2507,7 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
// Search // Search
this.search_box = jQuery(document.createElement("div")) this.search_box = jQuery(document.createElement("div"))
.addClass('search') .addClass('search')
.prependTo(egwIsMobile() ? this.nextmatch.getDOMNode() : this.row_div); .prependTo(egw_action_common_js_1.egwIsMobile() ? this.nextmatch.getDOMNode() : this.row_div);
// searchbox widget options // searchbox widget options
var searchbox_options = { var searchbox_options = {
id: "search", id: "search",
@ -2503,25 +2516,26 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
self.nextmatch.applyFilters({ search: this.get_value() }); self.nextmatch.applyFilters({ search: this.get_value() });
}, },
value: settings.search, value: settings.search,
fix: !egwIsMobile() fix: !egw_action_common_js_1.egwIsMobile()
}; };
// searchbox widget // searchbox widget
this.et2_searchbox = et2_core_widget_1.et2_createWidget('searchbox', searchbox_options, this); this.et2_searchbox = et2_core_widget_1.et2_createWidget('searchbox', searchbox_options, this);
// Set activeFilters to current value // Set activeFilters to current value
this.nextmatch.activeFilters.search = settings.search; this.nextmatch.activeFilters.search = settings.search;
this.et2_searchbox.set_value(settings.search); this.et2_searchbox.set_value(settings.search);
jQuery(this.et2_searchbox.getInputNode()).attr("aria-label", egw_global_1.egw.lang("search"));
/** /**
* Mobile theme specific part for nm header * Mobile theme specific part for nm header
* nm header has very different behaivior for mobile theme and basically * nm header has very different behaivior for mobile theme and basically
* it has its own markup separately from nm header in normal templates. * it has its own markup separately from nm header in normal templates.
*/ */
if (egwIsMobile()) { if (egw_action_common_js_1.egwIsMobile()) {
this.search_box.addClass('nm-mob-header'); this.search_box.addClass('nm-mob-header');
jQuery(this.div).css({ display: 'inline-block' }).addClass('nm_header_hide'); jQuery(this.div).css({ display: 'inline-block' }).addClass('nm_header_hide');
//indicates appname in header //indicates appname in header
jQuery(document.createElement('div')) jQuery(document.createElement('div'))
.addClass('nm_appname_header') .addClass('nm_appname_header')
.text(egw.lang(egw.app_name())) .text(egw_global_1.egw.lang(egw_global_1.egw.app_name()))
.appendTo(this.search_box); .appendTo(this.search_box);
this.delete_action = jQuery(document.createElement('div')) this.delete_action = jQuery(document.createElement('div'))
.addClass('nm_delete_action') .addClass('nm_delete_action')
@ -2537,7 +2551,9 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
.click(function () { .click(function () {
jQuery(self.div).toggleClass('nm_header_hide'); jQuery(self.div).toggleClass('nm_header_hide');
jQuery(this).toggleClass('nm_toggle_header_on'); jQuery(this).toggleClass('nm_toggle_header_on');
window.setTimeout(function () { self.nextmatch.resize(); }, 800); window.setTimeout(function () {
self.nextmatch.resize();
}, 800);
}) })
.prependTo(this.search_box); .prependTo(this.search_box);
// Context menu // Context menu
@ -2546,7 +2562,11 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
.hide() .hide()
.click(function (e) { .click(function (e) {
// @ts-ignore // @ts-ignore
jQuery('tr.selected', self.nextmatch.getDOMNode()).trigger({ type: 'contextmenu', which: 3, originalEvent: e }); jQuery('tr.selected', self.nextmatch.getDOMNode()).trigger({
type: 'contextmenu',
which: 3,
originalEvent: e
});
}) })
.prependTo(this.search_box); .prependTo(this.search_box);
} }
@ -2593,13 +2613,18 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
if (typeof settings.csv_fields != "undefined" && settings.csv_fields != false) { if (typeof settings.csv_fields != "undefined" && settings.csv_fields != false) {
var definition_1 = settings.csv_fields; var definition_1 = settings.csv_fields;
if (settings.csv_fields === true) { if (settings.csv_fields === true) {
definition_1 = egw.preference('nextmatch-export-definition', this.nextmatch.egw().app_name()); definition_1 = egw_global_1.egw.preference('nextmatch-export-definition', this.nextmatch.egw().app_name());
} }
var button_1 = et2_core_widget_1.et2_createWidget("buttononly", { id: "export", "statustext": "Export", image: "download", "background_image": true }, this); var button_1 = et2_core_widget_1.et2_createWidget("buttononly", {
id: "export",
"statustext": "Export",
image: "download",
"background_image": true
}, this);
jQuery(button_1.getDOMNode()) jQuery(button_1.getDOMNode())
.click(this.nextmatch, function (event) { .click(this.nextmatch, function (event) {
// @ts-ignore // @ts-ignore
egw_openWindowCentered2(egw.link('/index.php', { egw_openWindowCentered2(egw_global_1.egw.link('/index.php', {
'menuaction': 'importexport.importexport_export_ui.export_dialog', 'menuaction': 'importexport.importexport_export_ui.export_dialog',
'appname': event.data.egw().getAppName(), 'appname': event.data.egw().getAppName(),
'definition': definition_1 'definition': definition_1
@ -2635,7 +2660,7 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
.addClass("lettersearch") .addClass("lettersearch")
.appendTo(row) .appendTo(row)
.attr("id", "") .attr("id", "")
.text(egw.lang("all")); .text(egw_global_1.egw.lang("all"));
if (!current_letter) if (!current_letter)
button.addClass("lettersearch_active"); button.addClass("lettersearch_active");
this.lettersearch.click(this.nextmatch, function (event) { this.lettersearch.click(this.nextmatch, function (event) {
@ -2649,7 +2674,7 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
} }
// Apply letter search preference // Apply letter search preference
var lettersearch_preference = "nextmatch-" + this.nextmatch.options.settings.columnselection_pref + "-lettersearch"; var lettersearch_preference = "nextmatch-" + this.nextmatch.options.settings.columnselection_pref + "-lettersearch";
if (this.lettersearch && !egw.preference(lettersearch_preference, this.nextmatch.egw().app_name())) { if (this.lettersearch && !egw_global_1.egw.preference(lettersearch_preference, this.nextmatch.egw().app_name())) {
this.lettersearch.hide(); this.lettersearch.hide();
} }
}; };
@ -2770,7 +2795,7 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
onchange_1 = onchange_1.replace(/this\.form\.submit\([^)]*\);?/, 'return true;'); onchange_1 = onchange_1.replace(/this\.form\.submit\([^)]*\);?/, 'return true;');
} }
// Connect it to the onchange event of the input element - may submit // Connect it to the onchange event of the input element - may submit
select.change = et2_compileLegacyJS(onchange_1, this.nextmatch, select.getInputNode()); select.change = et2_core_legacyJSFunctions_1.et2_compileLegacyJS(onchange_1, this.nextmatch, select.getInputNode());
this._bindHeaderInput(select); this._bindHeaderInput(select);
} }
else // default request changed rows with new filters, previous this.form.submit() else // default request changed rows with new filters, previous this.form.submit()
@ -2802,7 +2827,7 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
}; };
this.favorites = et2_core_widget_1.et2_createWidget('favorites', widget_options, this); this.favorites = et2_core_widget_1.et2_createWidget('favorites', widget_options, this);
// Add into header // Add into header
jQuery(this.favorites.getDOMNode(this.favorites)).prependTo(egwIsMobile() ? this.search_box.find('.nm_favorites_div').show() : this.right_div); jQuery(this.favorites.getDOMNode(this.favorites)).prependTo(egw_action_common_js_1.egwIsMobile() ? this.search_box.find('.nm_favorites_div').show() : this.right_div);
}; };
/** /**
* Updates all the filter elements in the header * Updates all the filter elements in the header
@ -3002,6 +3027,7 @@ var et2_nextmatch_header_bar = /** @class */ (function (_super) {
}; };
return et2_nextmatch_header_bar; return et2_nextmatch_header_bar;
}(et2_core_DOMWidget_1.et2_DOMWidget)); }(et2_core_DOMWidget_1.et2_DOMWidget));
exports.et2_nextmatch_header_bar = et2_nextmatch_header_bar;
et2_core_widget_1.et2_register_widget(et2_nextmatch_header_bar, ["nextmatch_header_bar"]); et2_core_widget_1.et2_register_widget(et2_nextmatch_header_bar, ["nextmatch_header_bar"]);
/** /**
* Classes for the nextmatch sortheaders etc. * Classes for the nextmatch sortheaders etc.
@ -3116,7 +3142,7 @@ var et2_nextmatch_customfields = /** @class */ (function (_super) {
var global_data = this.getArrayMgr("modifications").getRoot().getEntry('~custom_fields~'); var global_data = this.getArrayMgr("modifications").getRoot().getEntry('~custom_fields~');
if (global_data != null && global_data.fields) if (global_data != null && global_data.fields)
this.options.fields = global_data.fields; this.options.fields = global_data.fields;
var apps = egw.link_app_list(); var apps = egw_global_1.egw.link_app_list();
for (var field_name in this.options.customfields) { for (var field_name in this.options.customfields) {
var field = this.options.customfields[field_name]; var field = this.options.customfields[field_name];
var cf_id = et2_extension_customfields_1.et2_customfields_list.PREFIX + field_name; var cf_id = et2_extension_customfields_1.et2_customfields_list.PREFIX + field_name;
@ -3191,7 +3217,7 @@ var et2_nextmatch_customfields = /** @class */ (function (_super) {
* If only one custom field, just use that, otherwise use "custom fields" * If only one custom field, just use that, otherwise use "custom fields"
*/ */
et2_nextmatch_customfields.prototype._genColumnCaption = function () { et2_nextmatch_customfields.prototype._genColumnCaption = function () {
return egw.lang("Custom fields"); return egw_global_1.egw.lang("Custom fields");
}; };
/** /**
* Provide own column naming, including only selected columns - only useful * Provide own column naming, including only selected columns - only useful
@ -3316,7 +3342,7 @@ var et2_nextmatch_filterheader = /** @class */ (function (_super) {
et2_nextmatch_filterheader.prototype.createInputWidget = function () { et2_nextmatch_filterheader.prototype.createInputWidget = function () {
// Make sure there's an option for all // Make sure there's an option for all
if (!this.options.empty_label && (!this.options.select_options || !this.options.select_options[""])) { if (!this.options.empty_label && (!this.options.select_options || !this.options.select_options[""])) {
this.options.empty_label = this.options.label ? this.options.label : egw.lang("All"); this.options.empty_label = this.options.label ? this.options.label : egw_global_1.egw.lang("All");
} }
_super.prototype.createInputWidget.call(this); _super.prototype.createInputWidget.call(this);
jQuery(this.getInputNode()).change(this, function (event) { jQuery(this.getInputNode()).change(this, function (event) {
@ -3369,7 +3395,7 @@ var et2_nextmatch_accountfilterheader = /** @class */ (function (_super) {
et2_nextmatch_accountfilterheader.prototype.createInputWidget = function () { et2_nextmatch_accountfilterheader.prototype.createInputWidget = function () {
// Make sure there's an option for all // Make sure there's an option for all
if (!this.options.empty_label && !this.options.select_options[""]) { if (!this.options.empty_label && !this.options.select_options[""]) {
this.options.empty_label = this.options.label ? this.options.label : egw.lang("All"); this.options.empty_label = this.options.label ? this.options.label : egw_global_1.egw.lang("All");
} }
_super.prototype.createInputWidget.call(this); _super.prototype.createInputWidget.call(this);
this.input.change(this, function (event) { this.input.change(this, function (event) {
@ -3427,7 +3453,7 @@ var et2_nextmatch_taglistheader = /** @class */ (function (_super) {
et2_nextmatch_taglistheader.prototype.createInputWidget = function () { et2_nextmatch_taglistheader.prototype.createInputWidget = function () {
// Make sure there's an option for all // Make sure there's an option for all
if (!this.options.empty_label && (!this.options.select_options || !this.options.select_options[""])) { if (!this.options.empty_label && (!this.options.select_options || !this.options.select_options[""])) {
this.options.empty_label = this.options.label ? this.options.label : egw.lang("All"); this.options.empty_label = this.options.label ? this.options.label : egw_global_1.egw.lang("All");
} }
_super.prototype.createInputWidget.call(this); _super.prototype.createInputWidget.call(this);
}; };
@ -3484,6 +3510,7 @@ var et2_nextmatch_taglistheader = /** @class */ (function (_super) {
}; };
return et2_nextmatch_taglistheader; return et2_nextmatch_taglistheader;
}(et2_widget_taglist_1.et2_taglist)); }(et2_widget_taglist_1.et2_taglist));
exports.et2_nextmatch_taglistheader = et2_nextmatch_taglistheader;
et2_core_widget_1.et2_register_widget(et2_nextmatch_taglistheader, ['nextmatch-taglistheader']); et2_core_widget_1.et2_register_widget(et2_nextmatch_taglistheader, ['nextmatch-taglistheader']);
/** /**
* Nextmatch filter that can filter for a selected entry * Nextmatch filter that can filter for a selected entry
@ -3549,6 +3576,7 @@ var et2_nextmatch_entryheader = /** @class */ (function (_super) {
}; };
return et2_nextmatch_entryheader; return et2_nextmatch_entryheader;
}(et2_widget_link_1.et2_link_entry)); }(et2_widget_link_1.et2_link_entry));
exports.et2_nextmatch_entryheader = et2_nextmatch_entryheader;
et2_core_widget_1.et2_register_widget(et2_nextmatch_entryheader, ['nextmatch-entryheader']); et2_core_widget_1.et2_register_widget(et2_nextmatch_entryheader, ['nextmatch-entryheader']);
/** /**
* @augments et2_nextmatch_filterheader * @augments et2_nextmatch_filterheader
@ -3600,7 +3628,7 @@ var et2_nextmatch_customfilter = /** @class */ (function (_super) {
return this.real_node.getChildren() || []; return this.real_node.getChildren() || [];
}; };
et2_nextmatch_customfilter.prototype.setNextmatch = function (_nextmatch) { et2_nextmatch_customfilter.prototype.setNextmatch = function (_nextmatch) {
if (this.real_node && this.real_node.instanceOf(et2_INextmatchHeader)) { if (this.real_node && this.real_node.instanceOf(exports.et2_INextmatchHeader)) {
return this.real_node.setNextmatch(_nextmatch); return this.real_node.setNextmatch(_nextmatch);
} }
}; };
@ -3621,5 +3649,6 @@ var et2_nextmatch_customfilter = /** @class */ (function (_super) {
}; };
return et2_nextmatch_customfilter; return et2_nextmatch_customfilter;
}(et2_nextmatch_filterheader)); }(et2_nextmatch_filterheader));
exports.et2_nextmatch_customfilter = et2_nextmatch_customfilter;
et2_core_widget_1.et2_register_widget(et2_nextmatch_customfilter, ['nextmatch-customfilter']); et2_core_widget_1.et2_register_widget(et2_nextmatch_customfilter, ['nextmatch-customfilter']);
//# sourceMappingURL=et2_extension_nextmatch.js.map //# sourceMappingURL=et2_extension_nextmatch.js.map

495
api/js/etemplate/et2_extension_nextmatch.ts
View File

File diff suppressed because it is too large Load Diff