mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-25 16:19:00 +01:00
120 lines
4.4 KiB
JavaScript
120 lines
4.4 KiB
JavaScript
/**
|
|
* 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
|