/** * EGroupware eTemplate2 - Contains interfaces used inside the dataview * * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @package etemplate * @subpackage dataview * @link https://www.egroupware.org * @author Andreas Stöckel * @copyright EGroupware GmbH 2011-2021 */ /*egw:uses egw_action.egw_action_common; egw_action.egw_action; /vendor/bower-asset/jquery-touchswipe/jquery.touchSwipe.js; */ import { EGW_AO_SHIFT_STATE_MULTI, EGW_AO_STATE_FOCUSED, EGW_AO_STATE_SELECTED, egwActionObjectInterface } from "../egw_action/egw_action.js"; import { egwBitIsSet, egwGetShiftState, egwPreventSelect, egwSetBit, egwUnfocus, egwIsMobile } from "../egw_action/egw_action_common.js"; import { _egw_active_menu } from "../egw_action/egw_menu.js"; /** * Contains the action object interface implementation for the nextmatch widget * row. */ export const EGW_SELECTMODE_DEFAULT = 0; export const EGW_SELECTMODE_TOGGLE = 1; /** * An action object interface for each nextmatch widget row - "inherits" from * egwActionObjectInterface * * @param {DOMNode} _node */ export function et2_dataview_rowAOI(_node) { "use strict"; var aoi = new egwActionObjectInterface(); aoi.node = _node; aoi.selectMode = EGW_SELECTMODE_DEFAULT; aoi.checkBox = null; //(jQuery(":checkbox", aoi.node))[0]; // Rows without a checkbox OR an id set are unselectable aoi.doGetDOMNode = function () { return aoi.node; }; // Prevent the browser from selecting the content of the element, when // a special key is pressed. jQuery(_node).mousedown(egwPreventSelect); /** * Now append some action code to the node * * @memberOf et2_dataview_rowAOI * @param {DOMEvent} e * @param {object} _params */ var selectHandler = function (e, _params) { // Reset the focus so that keyboard navigation will work properly // after the element has been clicked egwUnfocus(); // Reset the prevent selection code (in order to allow wanted // selection of text) _node.onselectstart = null; if (e.target != aoi.checkBox) { var selected = egwBitIsSet(aoi.getState(), EGW_AO_STATE_SELECTED); var state = egwGetShiftState(e); if (_params) { if (egwIsMobile()) { switch (_params.swip) { case "left": case "right": state = 1; // Hide context menu on swip actions if (_egw_active_menu) _egw_active_menu.hide(); break; case "up": case "down": return; } } } switch (aoi.selectMode) { case EGW_SELECTMODE_DEFAULT: aoi.updateState(EGW_AO_STATE_SELECTED, !egwBitIsSet(state, EGW_AO_SHIFT_STATE_MULTI) || !selected, state); break; case EGW_SELECTMODE_TOGGLE: aoi.updateState(EGW_AO_STATE_SELECTED, !selected, egwSetBit(state, EGW_AO_SHIFT_STATE_MULTI, true)); break; } } }; if (egwIsMobile()) { jQuery(_node).swipe({ allowPageScroll: "vertical", longTapThreshold: 10, swipe: function (event, direction, distance) { if (distance > 100) selectHandler(event, { swip: direction }); }, tap: function (event, duration) { selectHandler(event); }, // stop scrolling touch being confused from tap longTap: function (event) { return; } }); } else { jQuery(_node).click(selectHandler); } jQuery(aoi.checkBox).change(function () { aoi.updateState(EGW_AO_STATE_SELECTED, this.checked, EGW_AO_SHIFT_STATE_MULTI); }); aoi.doSetState = function (_state) { var selected = egwBitIsSet(_state, EGW_AO_STATE_SELECTED); if (this.checkBox) { this.checkBox.checked = selected; } jQuery(this.node).toggleClass('focused', egwBitIsSet(_state, EGW_AO_STATE_FOCUSED)); jQuery(this.node).toggleClass('selected', selected); }; return aoi; } //# sourceMappingURL=et2_dataview_view_aoi.js.map