forked from extern/egroupware
Remove action WIP
This commit is contained in:
nathan
parent
5cfe1cef58
commit
ca17161f4a
@ -11,8 +11,6 @@ import {ClassWithAttributes, ClassWithInterfaces} from "../et2_core_inheritance"
|
|||||||
import {css, dedupeMixin, LitElement, PropertyValues, unsafeCSS} from "@lion/core";
|
import {css, dedupeMixin, LitElement, PropertyValues, unsafeCSS} from "@lion/core";
|
||||||
import type {et2_container} from "../et2_core_baseWidget";
|
import type {et2_container} from "../et2_core_baseWidget";
|
||||||
import type {et2_DOMWidget} from "../et2_core_DOMWidget";
|
import type {et2_DOMWidget} from "../et2_core_DOMWidget";
|
||||||
import {egw_getActionManager, egw_getAppObjectManager} from "../../egw_action/egw_action.js";
|
|
||||||
import {EGW_AI_DRAG_OUT, EGW_AI_DRAG_OVER} from "../../egw_action/egw_action_constants";
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* This mixin will allow any LitElement to become an Et2Widget
|
* This mixin will allow any LitElement to become an Et2Widget
|
||||||
@ -86,11 +84,6 @@ const Et2WidgetMixin = <T extends Constructor>(superClass : T) =>
|
|||||||
*/
|
*/
|
||||||
protected _deferred_properties : { [key : string] : string } = {};
|
protected _deferred_properties : { [key : string] : string } = {};
|
||||||
|
|
||||||
/**
|
|
||||||
* EGroupware action system action manager
|
|
||||||
*/
|
|
||||||
private _actionManager : egwAction;
|
|
||||||
|
|
||||||
|
|
||||||
/** WebComponent **/
|
/** WebComponent **/
|
||||||
static get styles()
|
static get styles()
|
||||||
@ -103,11 +96,9 @@ const Et2WidgetMixin = <T extends Constructor>(superClass : T) =>
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* CSS to align internal inputs according to box alignment */
|
/* CSS to align internal inputs according to box alignment */
|
||||||
|
|
||||||
:host([align="center"]) .input-group__input {
|
:host([align="center"]) .input-group__input {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host([align="right"]) .input-group__input {
|
:host([align="right"]) .input-group__input {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
@ -201,9 +192,6 @@ const Et2WidgetMixin = <T extends Constructor>(superClass : T) =>
|
|||||||
data: {
|
data: {
|
||||||
type: String,
|
type: String,
|
||||||
reflect: false
|
reflect: false
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
type: Object
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@ -1343,124 +1331,6 @@ const Et2WidgetMixin = <T extends Constructor>(superClass : T) =>
|
|||||||
// If we're the root object, return the phpgwapi API instance
|
// If we're the root object, return the phpgwapi API instance
|
||||||
return typeof egw === "function" ? egw('phpgwapi', wnd) : (window['egw'] ? window['egw'] : null);
|
return typeof egw === "function" ? egw('phpgwapi', wnd) : (window['egw'] ? window['egw'] : null);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Set Actions on the widget
|
|
||||||
*
|
|
||||||
* Each action is defined as an object:
|
|
||||||
*
|
|
||||||
* move: {
|
|
||||||
* type: "drop",
|
|
||||||
* acceptedTypes: "mail",
|
|
||||||
* icon: "move",
|
|
||||||
* caption: "Move to"
|
|
||||||
* onExecute: javascript:app.mail.drop_move"
|
|
||||||
* }
|
|
||||||
*
|
|
||||||
* This will turn the widget into a drop target for "mail" drag types. When "mail" drag types are dropped,
|
|
||||||
* the function drop_move(egwAction action, egwActionObject sender) will be called. The ID of the
|
|
||||||
* dragged "mail" will be in sender.id, some information about the sender will be in sender.context. The
|
|
||||||
* widget involved can typically be found in action.parent.data.widget, so your handler
|
|
||||||
* can operate in the widget context easily. The location varies depending on your action though. It
|
|
||||||
* might be action.parent.parent.data.widget
|
|
||||||
*
|
|
||||||
* To customise how the actions are handled for a particular widget, override _link_actions(). It handles
|
|
||||||
* the more widget-specific parts.
|
|
||||||
*
|
|
||||||
* @param {object} actions {ID: {attributes..}+} map of egw action information
|
|
||||||
*/
|
|
||||||
set actions(actions : egwAction[])
|
|
||||||
{
|
|
||||||
if(this.id == "" || typeof this.id == "undefined")
|
|
||||||
{
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Initialize the action manager and add some actions to it
|
|
||||||
// Only look 1 level deep
|
|
||||||
let gam = egw_getActionManager(this.egw().app_name(), true, 1);
|
|
||||||
if(typeof this._actionManager != "object" && actions.length > 0)
|
|
||||||
{
|
|
||||||
if(gam.getActionById(this.getInstanceManager().uniqueId, 1) !== null)
|
|
||||||
{
|
|
||||||
gam = gam.getActionById(this.getInstanceManager().uniqueId, 1);
|
|
||||||
}
|
|
||||||
if(gam.getActionById(this.id, 1) != null)
|
|
||||||
{
|
|
||||||
this._actionManager = gam.getActionById(this.id, 1);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
this._actionManager = gam.addAction("actionManager", this.id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this._actionManager.updateActions(actions, this.egw().appName);
|
|
||||||
//if (this.options.default_execute) this._actionManager.setDefaultExecute(this.options.default_execute);
|
|
||||||
|
|
||||||
// Put a reference to the widget into the action stuff, so we can
|
|
||||||
// easily get back to widget context from the action handler
|
|
||||||
this._actionManager.data = {widget: this};
|
|
||||||
|
|
||||||
// Link the actions to the DOM
|
|
||||||
this._link_actions(actions);
|
|
||||||
}
|
|
||||||
|
|
||||||
get actions()
|
|
||||||
{
|
|
||||||
return this._actionManager?.children || []
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Link the EGroupware actions to the DOM nodes / widget bits.
|
|
||||||
*
|
|
||||||
* @param {object} actions {ID: {attributes..}+} map of egw action information
|
|
||||||
*/
|
|
||||||
protected _link_actions(actions)
|
|
||||||
{
|
|
||||||
// Get the top level element for the tree
|
|
||||||
const objectManager = egw_getAppObjectManager(true);
|
|
||||||
let widget_object = objectManager.getObjectById(this.id);
|
|
||||||
|
|
||||||
if(widget_object == null)
|
|
||||||
{
|
|
||||||
// Add a new container to the object manager which will hold the widget
|
|
||||||
// objects
|
|
||||||
widget_object = objectManager.insertObject(false, new egwActionObject(
|
|
||||||
this.id, objectManager, (new Et2ActionObjectForWidget(this)).getAOI(),
|
|
||||||
this._actionManager || objectManager.manager.getActionById(this.id) || objectManager.manager
|
|
||||||
));
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
widget_object.setAOI((new Et2ActionObjectForWidget(this, this.getDOMNode())).getAOI());
|
|
||||||
}
|
|
||||||
|
|
||||||
// Delete all old objects
|
|
||||||
widget_object.clear();
|
|
||||||
widget_object.unregisterActions();
|
|
||||||
|
|
||||||
// Go over the widget & add links - this is where we decide which actions are
|
|
||||||
// 'allowed' for this widget at this time
|
|
||||||
widget_object.updateActionLinks(this._get_action_links(actions));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get all action-links / id's of 1.-level actions from a given action object
|
|
||||||
*
|
|
||||||
* This can be overwritten to not allow all actions, by not returning them here.
|
|
||||||
*
|
|
||||||
* @param actions
|
|
||||||
* @returns {Array}
|
|
||||||
*/
|
|
||||||
_get_action_links(actions)
|
|
||||||
{
|
|
||||||
const action_links = [];
|
|
||||||
for(let i in actions)
|
|
||||||
{
|
|
||||||
let action = actions[i];
|
|
||||||
action_links.push(typeof action.id != 'undefined' ? action.id : i);
|
|
||||||
}
|
|
||||||
return action_links;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add some more stuff in
|
// Add some more stuff in
|
||||||
@ -1757,61 +1627,3 @@ export function cssImage(image_name : string, app_name? : string)
|
|||||||
return css``;
|
return css``;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* The egw_action system requires an egwActionObjectInterface Interface implementation
|
|
||||||
* to tie actions to DOM nodes. This one can be used by any widget.
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* @param {et2_DOMWidget} widget
|
|
||||||
* @param {Object} node
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
export class Et2ActionObjectForWidget
|
|
||||||
{
|
|
||||||
aoi : egwActionObjectInterface;
|
|
||||||
|
|
||||||
constructor(_widget : LitElement, _node? : HTMLElement)
|
|
||||||
{
|
|
||||||
const widget = _widget;
|
|
||||||
const objectNode = _node;
|
|
||||||
this.aoi = new egwActionObjectInterface();
|
|
||||||
this.aoi['getWidget'] = function()
|
|
||||||
{
|
|
||||||
return widget;
|
|
||||||
};
|
|
||||||
this.aoi.doGetDOMNode = function()
|
|
||||||
{
|
|
||||||
return widget
|
|
||||||
};
|
|
||||||
|
|
||||||
// _outerCall may be used to determine, whether the state change has been
|
|
||||||
// evoked from the outside and the stateChangeCallback has to be called
|
|
||||||
// or not.
|
|
||||||
this.aoi.doSetState = function(_state, _outerCall)
|
|
||||||
{
|
|
||||||
};
|
|
||||||
|
|
||||||
// The doTiggerEvent function may be overritten by the aoi if it wants to
|
|
||||||
// support certain action implementation specific events like EGW_AI_DRAG_OVER
|
|
||||||
// or EGW_AI_DRAG_OUT
|
|
||||||
this.aoi.doTriggerEvent = function(_event, _data)
|
|
||||||
{
|
|
||||||
switch(_event)
|
|
||||||
{
|
|
||||||
case EGW_AI_DRAG_OVER:
|
|
||||||
this.widget.classList.add("ui-state-active");
|
|
||||||
break;
|
|
||||||
case EGW_AI_DRAG_OUT:
|
|
||||||
this.widget.classList.remove("ui-state-active");
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
getAOI()
|
|
||||||
{
|
|
||||||
return this.aoi;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user