2011-02-23 19:24:16 +01:00
|
|
|
/**
|
|
|
|
* eGroupWare egw_action framework - egw action framework
|
|
|
|
*
|
|
|
|
* @link http://www.egroupware.org
|
|
|
|
* @author Andreas Stöckel <as@stylite.de>
|
|
|
|
* @copyright 2011 by Andreas Stöckel
|
|
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
|
|
* @package egw_action
|
2011-02-23 21:18:56 +01:00
|
|
|
* @version $Id$
|
2011-02-23 19:24:16 +01:00
|
|
|
*/
|
|
|
|
|
|
|
|
/** egwActionHandler Interface **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Constructor for the egwActionHandler interface which (at least) should have the
|
|
|
|
* execute function implemented.
|
|
|
|
*/
|
|
|
|
function egwActionHandler(_executeEvent)
|
|
|
|
{
|
|
|
|
//Copy the executeEvent parameter
|
|
|
|
this.execute = _executeEvent;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** egwAction Object **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Associative array where action classes may register themselves
|
|
|
|
*/
|
|
|
|
var _egwActionClasses =
|
|
|
|
{
|
|
|
|
"default":
|
|
|
|
{
|
|
|
|
"actionConstructor": egwAction,
|
|
|
|
"implementationConstructor": null
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function egwAction(_id, _handler, _caption, _icon, _onExecute, _allowOnMultiple)
|
|
|
|
{
|
|
|
|
//Default and check the values
|
|
|
|
if (typeof _id != "string" || !_id)
|
|
|
|
throw "egwAction _id must be a non-empty string!";
|
|
|
|
if (typeof _handler == "undefined")
|
|
|
|
this.handler = null;
|
|
|
|
if (typeof _label == "undefined")
|
|
|
|
_label = "";
|
|
|
|
if (typeof _icon == "undefined")
|
|
|
|
_icon = "";
|
|
|
|
if (typeof _onExecute == "undefined")
|
|
|
|
_onExecute = null;
|
|
|
|
if (typeof _allowOnMultiple == "undefined")
|
|
|
|
_allowOnMultiple = true;
|
|
|
|
|
|
|
|
this.id = _id;
|
|
|
|
this.caption = _caption;
|
|
|
|
this.icon = _icon;
|
|
|
|
this.allowOnMultiple = _allowOnMultiple;
|
|
|
|
this.type = "default"; //All derived classes have to override this!
|
|
|
|
|
|
|
|
this.execJSFnct = null;
|
|
|
|
this.execHandler = false;
|
|
|
|
this.set_onExecute(_onExecute);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Executes this action by using the method specified in the onExecute setter.
|
|
|
|
*
|
|
|
|
* @param array_senders array with references to the objects which caused the action
|
|
|
|
* //TODO: With DragDrop we don't only have senders but also one(!) target.
|
|
|
|
*/
|
|
|
|
egwAction.prototype.execute = function(_senders)
|
|
|
|
{
|
|
|
|
if (this.execJSFnct && typeof this.execJSFnct == "function")
|
|
|
|
{
|
|
|
|
this.execJSFnct(this, _senders);
|
|
|
|
}
|
|
|
|
else if (this.execHandler)
|
|
|
|
{
|
|
|
|
this.handler.execute(this, _senders);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* The set_onExecute function is the setter function for the onExecute event of
|
|
|
|
* the egwAction object. There are three possible types the passed "_value" may
|
|
|
|
* take:
|
|
|
|
* 1. _value may be a string with the word "javaScript:" prefixed. The function
|
|
|
|
* which is specified behind the colon and which has to be in the global scope
|
|
|
|
* will be executed.
|
|
|
|
* 2. _value may be a boolean, which specifies whether the external onExecute handler
|
|
|
|
* (passed as "_handler" in the constructor) will be used.
|
|
|
|
* 3. _value may be a JS functino which will then be called.
|
|
|
|
* In all possible situation, the called function will get the following parameters:
|
|
|
|
* 1. A reference to this action
|
|
|
|
* 2. The senders, an array of all objects (JS)/object ids (PHP) which evoked the event
|
|
|
|
*/
|
2011-02-24 20:00:47 +01:00
|
|
|
egwAction.prototype.set_onExecute = function(_value)
|
2011-02-23 19:24:16 +01:00
|
|
|
{
|
|
|
|
//Reset the onExecute handlers
|
|
|
|
this.execJSFnct = null;
|
|
|
|
this.execHandler = false;
|
|
|
|
|
|
|
|
if (typeof _value == "string")
|
|
|
|
{
|
|
|
|
// Check whether the given string contains a javaScript function which
|
|
|
|
// should be called upon executing the action
|
|
|
|
if (_value.substr(0, 11) == "javaScript:")
|
|
|
|
{
|
|
|
|
//Check whether the given function exists
|
|
|
|
var fnct = _value.substr(11);
|
|
|
|
if (typeof window[fnct] == "function")
|
|
|
|
{
|
|
|
|
this.execJSFnct = window[fnct];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else if (typeof _value == "boolean")
|
|
|
|
{
|
|
|
|
// There is no direct reference to the PHP code which should be executed,
|
|
|
|
// as the PHP code has knowledge about this.
|
|
|
|
this.execHandler = _value;
|
|
|
|
}
|
|
|
|
else if (typeof _value == "function")
|
|
|
|
{
|
|
|
|
//The JS function has been passed directly
|
|
|
|
this.execJSFnct = _value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
egwAction.prototype.set_caption = function(_value)
|
2011-02-23 19:24:16 +01:00
|
|
|
{
|
|
|
|
this.caption = _value;
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
egwAction.prototype.set_icon = function(_value)
|
2011-02-23 19:24:16 +01:00
|
|
|
{
|
|
|
|
this.icon = _value;
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
egwAction.prototype.set_allowOnMultiple = function(_value)
|
2011-02-23 19:24:16 +01:00
|
|
|
{
|
|
|
|
this.allowOnMultiple = _value;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** egwActionManager Object **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* egwActionManager manages a list of actions, provides functions to add new
|
|
|
|
* actions or to update them via JSON.
|
|
|
|
*/
|
|
|
|
function egwActionManager(_handler)
|
|
|
|
{
|
|
|
|
//Preset the handler parameter to null
|
|
|
|
if (typeof _handler == "undefined")
|
|
|
|
_handler = null;
|
|
|
|
|
|
|
|
this.handler = _handler;
|
|
|
|
this.actions = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
egwActionManager.prototype.addAction = function(_type, _id, _caption, _icon,
|
|
|
|
_onExecute, _allowOnMultiple)
|
|
|
|
{
|
|
|
|
//Get the constructor for the given action type
|
|
|
|
if (!_type)
|
|
|
|
_type = "default";
|
|
|
|
var constructor = _egwActionClasses[_type].actionConstructor;
|
|
|
|
|
|
|
|
if (typeof constructor == "function")
|
|
|
|
{
|
|
|
|
var action = new constructor(_id, this.handler, _caption, _icon, _onExecute,
|
|
|
|
_allowOnMultiple);
|
|
|
|
this.actions.push[action];
|
|
|
|
|
|
|
|
return action;
|
|
|
|
}
|
|
|
|
else
|
|
|
|
throw "Given action type not registered.";
|
|
|
|
}
|
|
|
|
|
|
|
|
egwActionManager.prototype.updateActions = function(_actions)
|
|
|
|
{
|
|
|
|
for (var i = 0 ; i < _actions.length; i++)
|
|
|
|
{
|
|
|
|
//Check whether the given action is already part of this action manager instance
|
|
|
|
var elem = _actions[i];
|
|
|
|
if (typeof elem == "object" && typeof elem.id == "string" && elem.id)
|
|
|
|
{
|
|
|
|
//Check whether the action already exists, and if no, add it to the
|
|
|
|
//actions list
|
|
|
|
var action = this.getAction(elem.id);
|
|
|
|
if (!action)
|
|
|
|
{
|
|
|
|
if (typeof elem.type == "undefined")
|
|
|
|
elem.type = "default";
|
|
|
|
|
|
|
|
var constructor = _egwActionClasses[elem.type].actionConstructor;
|
|
|
|
|
|
|
|
if (typeof constructor == "function")
|
|
|
|
action = new constructor(elem.id, this.handler);
|
|
|
|
else
|
|
|
|
throw "Given action type not registered.";
|
|
|
|
|
|
|
|
this.actions.push(action);
|
|
|
|
}
|
|
|
|
|
|
|
|
//Update the actions by calling the corresponding setter functions
|
|
|
|
//TODO: Hirachical actions will need a reference to their parent -
|
|
|
|
// this parent is has to be translated to a js object
|
|
|
|
//TODO: Maby the setter, JSON, update stuff should somehow be moved
|
|
|
|
// to a own base class.
|
|
|
|
egwActionStoreJSON(elem, action, true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
egwActionManager.prototype.getAction = function(_id)
|
|
|
|
{
|
|
|
|
for (var i = 0; i < this.actions.length; i++)
|
|
|
|
{
|
|
|
|
if (this.actions[i].id == _id)
|
|
|
|
return this.actions[i];
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** egwActionImplementation Interface **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Abstract interface for the egwActionImplementation object. The egwActionImplementation
|
|
|
|
* object is responsible for inserting the actual action representation (context menu,
|
|
|
|
* drag-drop code) into the DOM Tree by using the egwActionObjectInterface object
|
|
|
|
* supplied by the object.
|
|
|
|
* To write a "class" which derives from this object, simply write a own constructor,
|
|
|
|
* which replaces "this" with a "new egwActionImplementation" and implement your
|
|
|
|
* code in "doRegisterAction" und "doUnregisterAction".
|
|
|
|
* Register your own implementation within the _egwActionClasses object.
|
|
|
|
*
|
|
|
|
* @param object _action is the parent egwAction object for that instance.
|
|
|
|
*/
|
|
|
|
function egwActionImplementation(_action)
|
|
|
|
{
|
|
|
|
this.action = _action;
|
|
|
|
|
|
|
|
this.doRegisterAction = null;
|
|
|
|
this.doUnregisterAction = null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Injects the implementation code into the DOM tree by using the supplied
|
|
|
|
* actionObjectInterface.
|
|
|
|
*
|
|
|
|
* @returns true if the Action had been successfully registered, false if it
|
|
|
|
* had not.
|
|
|
|
*/
|
|
|
|
egwActionImplementation.registerAction = function(_actionObjectInterface)
|
|
|
|
{
|
|
|
|
if (this.doRegisterAction == null)
|
|
|
|
{
|
|
|
|
throw "Abstract function call: registerAction";
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
return this.doRegisterAction(_action, _actionObjectInterface);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Unregister action will be called before an actionObjectInterface is destroyed,
|
|
|
|
* which gives the egwActionImplementation the opportunity to remove the previously
|
|
|
|
* injected code.
|
|
|
|
*
|
|
|
|
* @returns true if the Action had been successfully unregistered, false if it
|
|
|
|
* had not.
|
|
|
|
*/
|
|
|
|
egwActionImplementation.unregisterAction = function(_actionObjectInterface)
|
|
|
|
{
|
|
|
|
if (this.doUnregisterAction == null)
|
|
|
|
{
|
|
|
|
throw "Abstract function call: unregisterAction";
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
return this.doUnregisterAction(_action, _actionObjectInterface);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** egwActionLink Object **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* The egwActionLink is used to interconnect egwActionObjects and egwActions.
|
|
|
|
* This gives each action object the possibility to decide, whether the action
|
|
|
|
* should be active in this context or not.
|
|
|
|
*
|
|
|
|
* @param _manager is a reference to the egwActionManager whic contains the action
|
|
|
|
* the object wants to link to.
|
|
|
|
*/
|
|
|
|
function egwActionLink(_manager)
|
|
|
|
{
|
|
|
|
this.enabled = true;
|
|
|
|
this.actionId = "";
|
|
|
|
this.actionObj = null;
|
|
|
|
this.manager = _manager;
|
|
|
|
}
|
|
|
|
|
|
|
|
egwActionLink.prototype.updateLink = function (_data)
|
|
|
|
{
|
|
|
|
egwActionStoreJSON(_data, this, true);
|
|
|
|
}
|
|
|
|
|
|
|
|
egwActionLink.prototype.set_enabled = function(_value)
|
|
|
|
{
|
|
|
|
this.enabled = _value;
|
|
|
|
}
|
|
|
|
|
|
|
|
egwActionLink.prototype.set_actionId = function(_value)
|
|
|
|
{
|
|
|
|
this.actionId = _value;
|
|
|
|
this.actionObj = this.manager.getAction(_value);
|
|
|
|
|
|
|
|
if (!this.actionObj)
|
|
|
|
throw "Given action object does not exist!"
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** egwActionObject Object **/
|
|
|
|
|
2011-02-24 17:10:11 +01:00
|
|
|
//State bitmask (only use powers of two for new states!)
|
|
|
|
const EGW_AO_STATE_NORMAL = 0x00;
|
|
|
|
const EGW_AO_STATE_SELECTED = 0x01;
|
|
|
|
const EGW_AO_STATE_FOCUSED = 0x02;
|
|
|
|
|
|
|
|
const EGW_AO_EVENT_DRAG_OVER_ENTER = 0x00;
|
|
|
|
const EGW_AO_EVENT_DRAG_OVER_LEAVE = 0x01;
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
// No shift key is pressed
|
2011-02-24 17:10:11 +01:00
|
|
|
const EGW_AO_SHIFT_STATE_NONE = 0x00;
|
2011-02-24 20:00:47 +01:00
|
|
|
// A shift key, which allows multiselection is pressed (usually CTRL on a PC keyboard)
|
2011-02-24 17:10:11 +01:00
|
|
|
const EGW_AO_SHIFT_STATE_MULTI = 0x01;
|
2011-02-24 20:00:47 +01:00
|
|
|
// A shift key is pressed, which forces blockwise selection (SHIFT on a PC keyboard)
|
|
|
|
const EGW_AO_SHIFT_STATE_BLOCK = 0x02;
|
2011-02-24 17:10:11 +01:00
|
|
|
|
|
|
|
// If this flag is set, this object will not be returned as "focused". If this
|
|
|
|
// flag is not applied to container objects, it may lead to some strange behaviour.
|
|
|
|
const EGW_AO_FLAG_IS_CONTAINER = 0x01;
|
|
|
|
|
2011-02-23 19:24:16 +01:00
|
|
|
/**
|
|
|
|
* The egwActionObject represents an abstract object to which actions may be
|
|
|
|
* applied. Communication with the DOM tree is established by using the
|
|
|
|
* egwActionObjectInterface (AOI), which is passed in the constructor.
|
|
|
|
* egwActionObjects are organized in a tree structure.
|
|
|
|
*
|
|
|
|
* @param string _id is the identifier of the object which
|
|
|
|
* @param object _parent is the parent object in the hirachy. This may be set to NULL
|
2011-02-24 20:00:47 +01:00
|
|
|
* @param object _iface is the egwActionObjectInterface which connects the object
|
|
|
|
* to the outer world.
|
2011-02-23 19:24:16 +01:00
|
|
|
* @param object _manager is the action manager this object is connected to
|
2011-02-24 20:00:47 +01:00
|
|
|
* this object to the DOM tree. If the _manager isn't supplied, the parent manager
|
|
|
|
* is taken.
|
|
|
|
* @param int _flags a set of additional flags being applied to the object,
|
|
|
|
* defaults to 0
|
2011-02-23 19:24:16 +01:00
|
|
|
*/
|
2011-02-24 20:00:47 +01:00
|
|
|
function egwActionObject(_id, _parent, _iface, _manager, _flags)
|
2011-02-23 19:24:16 +01:00
|
|
|
{
|
2011-02-24 20:00:47 +01:00
|
|
|
//Preset some parameters
|
|
|
|
if (typeof _manager == "undefined" && typeof _parent == "object" && _parent)
|
|
|
|
_manager = _parent.manager;
|
|
|
|
if (typeof _flags == "undefined")
|
|
|
|
_flags = 0;
|
|
|
|
|
2011-02-23 19:24:16 +01:00
|
|
|
this.id = _id;
|
|
|
|
this.parent = _parent;
|
|
|
|
this.children = [];
|
|
|
|
this.actionLinks = [];
|
|
|
|
this.manager = _manager;
|
2011-02-24 20:00:47 +01:00
|
|
|
this.flags = _flags;
|
2011-02-24 17:10:11 +01:00
|
|
|
|
|
|
|
this.iface = _iface;
|
|
|
|
this.iface.setStateChangeCallback(this._ifaceCallback, this)
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Returns the object from the tree with the given ID
|
|
|
|
*/
|
|
|
|
//TODO: Add "ByID"-Suffix to all other of those functions.
|
|
|
|
//TODO: Add search function to egw_action_commons.js
|
|
|
|
egwActionObject.prototype.getObjectById = function(_id)
|
|
|
|
{
|
|
|
|
if (this.id == _id)
|
|
|
|
{
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (var i = 0; i < this.children.length; i++)
|
|
|
|
{
|
|
|
|
var obj = this.children[i].getObjectById(_id);
|
|
|
|
if (obj)
|
|
|
|
{
|
|
|
|
return obj;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Adds an object as child to the actionObject and returns it - if the supplied
|
|
|
|
* parameter is a object, the object will be added directly, otherwise an object
|
|
|
|
* with the given id will be created.
|
|
|
|
*
|
|
|
|
* @param string/object _id Id of the object which will be created or the object
|
|
|
|
* that will be added.
|
|
|
|
* @param object if _id was an string, _interface defines the interface which
|
|
|
|
* will be connected to the newly generated object.
|
|
|
|
* @param int _flags are the flags will which be supplied to the newly generated
|
|
|
|
* object. May be omitted.
|
|
|
|
* @returns object the generated object
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.addObject = function(_id, _interface, _flags)
|
|
|
|
{
|
|
|
|
return this.insertObject(false, _id, _interface, _flags);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Inserts an object as child to the actionObject and returns it - if the supplied
|
|
|
|
* parameter is a object, the object will be added directly, otherwise an object
|
|
|
|
* with the given id will be created.
|
|
|
|
*
|
|
|
|
* @param int _index Position where the object will be inserted, "false" will add it
|
|
|
|
* to the end of the list.
|
|
|
|
* @param string/object _id Id of the object which will be created or the object
|
|
|
|
* that will be added.
|
|
|
|
* @param object _iface if _id was an string, _iface defines the interface which
|
|
|
|
* will be connected to the newly generated object.
|
|
|
|
* @param int _flags are the flags will which be supplied to the newly generated
|
|
|
|
* object. May be omitted.
|
|
|
|
* @returns object the generated object
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.insertObject = function(_index, _id, _iface, _flags)
|
|
|
|
{
|
|
|
|
if (_index === false)
|
|
|
|
_index = this.children.length;
|
|
|
|
|
|
|
|
var obj = null;
|
|
|
|
|
|
|
|
if (typeof _id == "object")
|
|
|
|
{
|
|
|
|
obj = _id;
|
|
|
|
|
|
|
|
// Set the parent to null and reset the focus of the object
|
|
|
|
obj.parent = null;
|
|
|
|
obj.setFocused(false);
|
|
|
|
|
|
|
|
// Set the parent to this object
|
|
|
|
obj.parent = this;
|
|
|
|
}
|
|
|
|
else if (typeof _id == "string")
|
|
|
|
{
|
|
|
|
obj = new egwActionObject(_id, this, _iface, this.manager, _flags)
|
|
|
|
}
|
|
|
|
|
|
|
|
if (obj)
|
|
|
|
{
|
|
|
|
// Add the element to the children
|
|
|
|
this.children.splice(_index, 0, obj);
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
throw "Error while adding new element to the ActionObjects!"
|
|
|
|
}
|
|
|
|
|
|
|
|
return obj;
|
|
|
|
}
|
|
|
|
|
2011-02-24 17:10:11 +01:00
|
|
|
/**
|
|
|
|
* Searches for the root object in the action object tree and returns it.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getRootObject = function()
|
|
|
|
{
|
|
|
|
if (this.parent === null)
|
|
|
|
{
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
return this.parent.getRootObject();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns a list with all parents of this object.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getParentList = function()
|
|
|
|
{
|
|
|
|
if (this.parent === null)
|
|
|
|
{
|
|
|
|
return [];
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
var list = this.parent.getParentList();
|
|
|
|
list.unshift(this.parent);
|
|
|
|
return list;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns the first parent which has the container flag
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getContainerRoot = function()
|
|
|
|
{
|
|
|
|
if (egwBitIsSet(this.flags, EGW_AO_FLAG_IS_CONTAINER) || this.parent === null)
|
|
|
|
{
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
return this.parent.getContainerRoot();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Creates a list which contains all items of the element tree.
|
|
|
|
*
|
|
|
|
* @param object _obj is used internally to pass references to the array inside
|
|
|
|
* the object.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.flatList = function(_obj)
|
|
|
|
{
|
|
|
|
if (typeof(_obj) == "undefined")
|
|
|
|
{
|
|
|
|
_obj = {
|
2011-02-24 20:00:47 +01:00
|
|
|
"elements": []
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
_obj.elements.push(this);
|
|
|
|
|
|
|
|
for (var i = 0; i < this.children.length; i++)
|
|
|
|
{
|
|
|
|
this.children[i].flatList(_obj);
|
|
|
|
}
|
|
|
|
|
|
|
|
return _obj.elements;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns a traversal list with all objects which are in between the given object
|
|
|
|
* and this one. The operation returns an empty list, if a container object is
|
|
|
|
* found on the way.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.traversePath = function(_to)
|
|
|
|
{
|
|
|
|
var contRoot = this.getContainerRoot();
|
|
|
|
|
|
|
|
if (contRoot)
|
|
|
|
{
|
|
|
|
// Get a flat list of all the hncp elements and search for this object
|
|
|
|
// and the object supplied in the _to parameter.
|
|
|
|
var flatList = contRoot.flatList();
|
|
|
|
var thisId = contRoot.indexOf(this);
|
|
|
|
var toId = contRoot.indexOf(_to);
|
|
|
|
|
|
|
|
// Check whether both elements have been found in this part of the tree,
|
|
|
|
// return the slice of that list.
|
|
|
|
if (thisId !== -1 && toId !== -1)
|
|
|
|
{
|
|
|
|
var from = Math.min(thisId, toId);
|
|
|
|
var to = Math.max(thisId, toId);
|
|
|
|
|
|
|
|
return this.slice(from, to + 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return [];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns the index of this object in the children list of the parent object.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getIndex = function()
|
|
|
|
{
|
|
|
|
if (this.parent === null)
|
|
|
|
{
|
|
|
|
return 0;
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
return this.parent.children.indexOf(this);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns the deepest object which is currently focused. Objects with the
|
|
|
|
* "container"-flag will not be returned.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getFocusedObject = function()
|
|
|
|
{
|
|
|
|
//Search for the focused object in the children
|
|
|
|
for (var i = 0; i < this.children.length; i++)
|
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
var obj = this.children[i].getFocusedObject()
|
2011-02-24 17:10:11 +01:00
|
|
|
if (obj)
|
|
|
|
{
|
|
|
|
return obj;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//One of the child objects hasn't been focused, probably this object is
|
|
|
|
if (!egwBitIsSet(this.flags, EGW_AO_FLAG_IS_CONTAINER) && this.getFocused())
|
|
|
|
{
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Internal function which is connected to the ActionObjectInterface associated
|
|
|
|
* with this object in the constructor. It gets called, whenever the object
|
|
|
|
* gets (de)selected.
|
|
|
|
*
|
|
|
|
* @param int _newState is the new state of the object
|
|
|
|
* @param int _shiftState is the status of extra keys being pressed during the
|
|
|
|
* selection process.
|
|
|
|
*/
|
2011-02-24 17:10:11 +01:00
|
|
|
egwActionObject.prototype._ifaceCallback = function(_newState, _shiftState)
|
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
if (typeof _shiftState == "undefined")
|
|
|
|
_shiftState = EGW_AO_SHIFT_STATE_NONE;
|
2011-02-24 17:10:11 +01:00
|
|
|
// Remove the focus from all children on the same level
|
|
|
|
if (this.parent)
|
|
|
|
{
|
|
|
|
var selected = egwBitIsSet(_newState, EGW_AO_STATE_SELECTED);
|
2011-02-24 22:39:05 +01:00
|
|
|
var objs = [];
|
2011-02-24 17:10:11 +01:00
|
|
|
|
|
|
|
if (selected)
|
|
|
|
{
|
|
|
|
// Search the index of this object
|
|
|
|
var id = this.parent.children.indexOf(this);
|
|
|
|
|
|
|
|
// Deselect all other objects inside this container, if the "MULTI" shift-
|
|
|
|
// state is not set
|
|
|
|
if (!egwBitIsSet(_shiftState, EGW_AO_SHIFT_STATE_MULTI))
|
|
|
|
{
|
|
|
|
var lst = this.getContainerRoot().flatList();
|
|
|
|
for (var i = 0; i < lst.length; i++)
|
|
|
|
{
|
|
|
|
if (lst[i] != this)
|
|
|
|
{
|
|
|
|
lst[i].setSelected(false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// If the LIST state is active, get all objects inbetween this one and the focused one
|
|
|
|
// and set their select state.
|
2011-02-24 20:00:47 +01:00
|
|
|
if (egwBitIsSet(_shiftState, EGW_AO_SHIFT_STATE_BLOCK))
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
|
|
|
var focused = this.getRootObject().getFocusedObject();
|
|
|
|
if (focused)
|
|
|
|
{
|
|
|
|
objs = this.traversePath(focused);
|
|
|
|
for (var i = 0; i < objs.length; i++)
|
|
|
|
{
|
|
|
|
objs[i].setSelected(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2011-02-24 22:39:05 +01:00
|
|
|
}
|
2011-02-24 17:10:11 +01:00
|
|
|
|
2011-02-24 22:39:05 +01:00
|
|
|
// If the focused element didn't belong to this container, or the "list"
|
|
|
|
// shift-state isn't active, set the focus to this element.
|
|
|
|
if (objs.length == 0 || !egwBitIsSet(_shiftState, EGW_AO_SHIFT_STATE_BLOCK))
|
|
|
|
{
|
|
|
|
this.setFocused(true);
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Returns whether the object is currently selected.
|
|
|
|
*/
|
2011-02-24 17:10:11 +01:00
|
|
|
egwActionObject.prototype.getSelected = function()
|
|
|
|
{
|
|
|
|
return egwBitIsSet(this.getState(), EGW_AO_STATE_SELECTED);
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Returns whether the object is currently focused.
|
|
|
|
*/
|
2011-02-24 17:10:11 +01:00
|
|
|
egwActionObject.prototype.getFocused = function()
|
|
|
|
{
|
2011-02-24 20:00:47 +01:00
|
|
|
return egwBitIsSet(this.getState(), EGW_AO_STATE_FOCUSED);
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Returns the complete state of the object.
|
|
|
|
*/
|
2011-02-24 17:10:11 +01:00
|
|
|
egwActionObject.prototype.getState = function()
|
|
|
|
{
|
2011-02-24 20:00:47 +01:00
|
|
|
return this.iface.getState();
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Sets the focus of the element. The formerly focused element in the tree will
|
|
|
|
* be de-focused.
|
|
|
|
*
|
|
|
|
* @param boolean _focused - whether to remove or set the focus. Defaults to true
|
2011-02-24 22:39:05 +01:00
|
|
|
* @param object _recPrev is internally used to prevent infinit recursion. Do not touch.
|
2011-02-24 20:00:47 +01:00
|
|
|
*/
|
|
|
|
egwActionObject.prototype.setFocused = function(_focused, _recPrev)
|
|
|
|
{
|
|
|
|
if (typeof _focused == "undefined")
|
|
|
|
_focused = true;
|
2011-02-24 17:10:11 +01:00
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
//TODO: When deleting and moving objects is implemented, don't forget to update
|
|
|
|
// the selection and the focused element!!
|
2011-02-24 17:10:11 +01:00
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
if (typeof _recPrev == "undefined")
|
|
|
|
_recPrev = false;
|
2011-02-24 17:10:11 +01:00
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
//Check whether the focused state has changed
|
|
|
|
if (_focused != this.getFocused())
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
2011-02-24 20:00:47 +01:00
|
|
|
//Reset the focus of the formerly focused element
|
|
|
|
if (!_recPrev)
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
var focused = this.getRootObject().getFocusedObject();
|
2011-02-24 20:00:47 +01:00
|
|
|
if (focused)
|
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
focused.setFocused(false, this);
|
2011-02-24 20:00:47 +01:00
|
|
|
}
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
if (!_focused)
|
|
|
|
{
|
|
|
|
//If the object is not focused, reset the focus state of all children
|
|
|
|
for (var i = 0; i < this.children.length; i++)
|
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
// if (this.children[i] != _recPrev)
|
|
|
|
// {
|
|
|
|
this.children[i].setFocused(false, _recPrev);
|
|
|
|
// }
|
2011-02-24 20:00:47 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
else
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
2011-02-24 20:00:47 +01:00
|
|
|
//Otherwise set the focused state of the parent to true
|
|
|
|
if (this.parent)
|
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
this.parent.setFocused(true, _recPrev);
|
2011-02-24 20:00:47 +01:00
|
|
|
}
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
2011-02-24 20:00:47 +01:00
|
|
|
|
|
|
|
//No perform the actual change in the interface state.
|
|
|
|
this.iface.setState(egwSetBit(this.iface.getState(), EGW_AO_STATE_FOCUSED,
|
|
|
|
_focused));
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
/**
|
|
|
|
* Sets the selected state of the element.
|
|
|
|
* TODO: Callback
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.setSelected = function(_selected)
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
2011-02-24 20:00:47 +01:00
|
|
|
this.iface.setState(egwSetBit(this.iface.getState(), EGW_AO_STATE_SELECTED,
|
|
|
|
_selected));
|
2011-02-23 19:24:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Updates the actionLinks of the given ActionObject.
|
|
|
|
*
|
|
|
|
* @param array _actionLinks contains the information about the actionLinks which
|
|
|
|
* should be updated as an array of objects. Example
|
|
|
|
* [
|
|
|
|
* {
|
|
|
|
* "actionId": "file_delete",
|
|
|
|
* "enabled": true
|
|
|
|
* }
|
|
|
|
* ]
|
|
|
|
* If an supplied link doesn't exist yet, it will be created (if _doCreate is true)
|
|
|
|
* and added to the list. Otherwise the information will just be updated.
|
|
|
|
* @param boolean _recursive If true, the settings will be applied to all child
|
|
|
|
* object (default false)
|
|
|
|
* @param boolean _doCreate If true, not yet existing links will be created (default true)
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.updateActionLinks = function(_actionLinks, _recursive, _doCreate)
|
|
|
|
{
|
|
|
|
if (typeof _recursive == "undefined")
|
|
|
|
_recursive = false;
|
|
|
|
if (typeof _doCreate == "undefined")
|
|
|
|
_doCreate = true;
|
|
|
|
|
|
|
|
for (var i = 0; i < _actionLinks.length; i++)
|
|
|
|
{
|
|
|
|
var elem = _actionLinks[i];
|
|
|
|
if (typeof elem.actionId != "undefined" && elem.actionId)
|
|
|
|
{
|
|
|
|
//Get the action link object, if it doesn't exists yet, create it
|
|
|
|
var actionLink = this.getActionLink(elem.actionId);
|
|
|
|
if (!actionLink && _doCreate)
|
|
|
|
{
|
|
|
|
actionLink = new egwActionLink(this.manager);
|
|
|
|
}
|
|
|
|
|
|
|
|
//Set the supplied data
|
|
|
|
if (actionLink)
|
|
|
|
{
|
|
|
|
actionLink.updateLink(elem);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (_recursive)
|
|
|
|
{
|
|
|
|
for (var i = 0; i < this.children.length; i++)
|
|
|
|
{
|
|
|
|
this.children[i].updateActionLinks(_actionLinks, true, _doCreate);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns the action link, which contains the association to the action with
|
|
|
|
* the given actionId.
|
|
|
|
*
|
|
|
|
* @param string _actionId name of the action associated to the link
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getActionLink = function(_actionId)
|
|
|
|
{
|
|
|
|
for (var i = 0; i < this.actionLinks.length; i++)
|
|
|
|
{
|
|
|
|
if (this.actionLinks[i].actionObj.id == _actionId)
|
|
|
|
{
|
|
|
|
return this.actionLinks[i];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns all actions associated to the object tree, grouped by type.
|
|
|
|
*
|
|
|
|
* @param function _test gets an egwActionObject and should return, whether the
|
|
|
|
* actions of this object are added to the result. Defaults to a "always true"
|
|
|
|
* function.
|
|
|
|
* @param object _groups is an internally used parameter, may be omitted.
|
|
|
|
*/
|
|
|
|
egwActionObject.prototype.getActionImplementationGroups = function(_test, _groups)
|
|
|
|
{
|
|
|
|
// If the _groups parameter hasn't been given preset it to an empty object
|
|
|
|
// (associative array).
|
|
|
|
if (typeof _groups == "undefined")
|
|
|
|
_groups = {};
|
|
|
|
if (typeof _test == "undefined")
|
|
|
|
_test = function(_obj) {return true};
|
|
|
|
|
|
|
|
for (var i = 0; i < this.actionLinks.length; i++)
|
|
|
|
{
|
|
|
|
var action = this.actionsLink[i].actionObj;
|
|
|
|
if (typeof action != "undefined" && _test(this))
|
|
|
|
{
|
|
|
|
if (typeof _groups[action.type] == "undefined")
|
|
|
|
{
|
|
|
|
_groups[action.type] = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
_groups[action.type].push(
|
|
|
|
{
|
|
|
|
"object": this,
|
|
|
|
"link": this.actionLinks[i]
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2011-02-24 17:10:11 +01:00
|
|
|
// Recursively add the actions of the children to the result (as _groups is
|
|
|
|
// an object, only the reference is passed).
|
2011-02-23 19:24:16 +01:00
|
|
|
for (var i = 0; i < this.children.length; i++)
|
|
|
|
{
|
|
|
|
this.children[i].getActionImplementationGroups(_test, _groups);
|
|
|
|
}
|
|
|
|
|
|
|
|
return _groups;
|
|
|
|
}
|
|
|
|
|
2011-02-24 17:10:11 +01:00
|
|
|
|
|
|
|
/** egwActionObjectInterface Interface **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* The egwActionObjectInterface has to be implemented for each actual object in
|
|
|
|
* the browser. E.g. for the object "DataGridRow", there has to be an
|
|
|
|
* egwActionObjectInterface which is responsible for returning the outer DOMNode
|
|
|
|
* of the object to which JS-Events may be attached by the egwActionImplementation
|
|
|
|
* object, and to do object specific stuff like highlighting the object in the
|
|
|
|
* correct way and to route state changes (like: "object has been selected")
|
|
|
|
* to the egwActionObject object the interface is associated to.
|
|
|
|
*/
|
|
|
|
function egwActionObjectInterface()
|
|
|
|
{
|
|
|
|
//Preset the interface functions
|
|
|
|
|
|
|
|
this.doGetDOMNode = function() {return null};
|
|
|
|
|
|
|
|
// _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.doSetState = function(_state, _outerCall) {};
|
|
|
|
|
|
|
|
this.doTriggerEvent = function(_event) {};
|
|
|
|
|
|
|
|
this._state = EGW_AO_STATE_NORMAL;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Sets the callback function which will be called when a user interaction changes
|
|
|
|
* state of the object.
|
|
|
|
*/
|
2011-02-24 20:00:47 +01:00
|
|
|
egwActionObjectInterface.prototype.setStateChangeCallback = function(_callback, _context)
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
|
|
|
this.stateChangeCallback = _callback;
|
|
|
|
this.stateChangeContext = _context;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Internal function which should be used whenever the select status of the object
|
|
|
|
* has been changed by the user. This will automatically calculate the new state of
|
|
|
|
* the object and call the stateChangeCallback (if it has been set)
|
|
|
|
*
|
|
|
|
* @param boolean _selected Whether the object is selected or not.
|
2011-02-24 22:39:05 +01:00
|
|
|
* @param int _shiftState special keys which change how the state change will
|
|
|
|
* be treated.
|
2011-02-24 17:10:11 +01:00
|
|
|
*/
|
2011-02-24 22:39:05 +01:00
|
|
|
egwActionObjectInterface.prototype._selectChange = function(_selected, _shiftState)
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
//Set the EGW_AO_STATE_SELECTED bit accordingly and call the callback
|
|
|
|
this._state = egwSetBit(this._state, EGW_AO_STATE_SELECTED, _selected);
|
|
|
|
if (this.stateChangeCallback)
|
2011-02-24 17:10:11 +01:00
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
this.stateChangeCallback.call(this.stateChangeContext,
|
|
|
|
this._state, _shiftState);
|
2011-02-24 17:10:11 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns the DOM-Node the ActionObject is actually a representation of.
|
|
|
|
* Calls the internal "doGetDOMNode" function, which has to be overwritten
|
|
|
|
* by implementations of this class.
|
|
|
|
*/
|
|
|
|
egwActionObjectInterface.prototype.getDOMNode = function()
|
|
|
|
{
|
|
|
|
return this.doGetDOMNode();
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Sets the state of the object.
|
|
|
|
* Calls the internal "doSetState" function, which has to be overwritten
|
|
|
|
* by implementations of this class. The state-change callback must not be evoked!
|
|
|
|
*
|
|
|
|
* @param _state is the state of the object.
|
|
|
|
*/
|
|
|
|
egwActionObjectInterface.prototype.setState = function(_state)
|
|
|
|
{
|
|
|
|
//Call the doSetState function with the new state (if it has changed at all)
|
|
|
|
if (_state != this._state)
|
|
|
|
{
|
|
|
|
this._state = _state;
|
|
|
|
this.doSetState(_state, true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns the current state of the object. The state is maintained by the
|
|
|
|
* egwActionObjectInterface and implementations do not have to overwrite this
|
|
|
|
* function as long as they call the _selectChange function.
|
|
|
|
*/
|
|
|
|
egwActionObjectInterface.prototype.getState = function()
|
|
|
|
{
|
|
|
|
return this._state;
|
|
|
|
}
|
|
|
|
|
2011-02-24 20:00:47 +01:00
|
|
|
|
|
|
|
/** egwActionObjectManager Object **/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* The egwActionObjectManager is a dummy class which only contains a dummy
|
|
|
|
* AOI. It may be used as root object or as object containers.
|
|
|
|
*/
|
|
|
|
function egwActionObjectManager(_id, _manager)
|
|
|
|
{
|
2011-02-24 22:39:05 +01:00
|
|
|
return new egwActionObject(_id, null, new egwActionObjectInterface(),
|
|
|
|
_manager, EGW_AO_FLAG_IS_CONTAINER);
|
2011-02-24 20:00:47 +01:00
|
|
|
}
|
|
|
|
|